:root{--vb-bg: #f4f7fb;--vb-surface: #ffffff;--vb-surface-soft: #f7f9fc;--vb-border: #dfe7f1;--vb-heading: #13213a;--vb-text: #334155;--vb-muted: #718096;--vb-navy: #173b68;--vb-navy-strong: #102c50;--vb-orange: #ed7524;--vb-orange-soft: #fff2e9;--vb-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);--vb-shadow-md: 0 18px 48px rgba(15, 23, 42, .09);--vb-radius: 16px}html[data-theme=dark]{--vb-bg: #09111f;--vb-surface: #101b2d;--vb-surface-soft: #152238;--vb-border: #22334d;--vb-heading: #f7fafc;--vb-text: #c7d2e2;--vb-muted: #8392aa;--vb-navy: #8cb7ee;--vb-navy-strong: #c8dfff;--vb-orange: #f48a42;--vb-orange-soft: rgba(244, 138, 66, .12);--vb-shadow-sm: 0 1px 2px rgba(0, 0, 0, .18), 0 16px 36px rgba(0, 0, 0, .15);--vb-shadow-md: 0 22px 56px rgba(0, 0, 0, .24)}html,body,#root{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html[data-theme=dark] body{background:var(--vb-bg);color:var(--vb-text)}:root{--vb-skel-bg: #E2E8F0;--vb-skel-hi: #F1F5F9;--vb-skel-border: rgba(100, 116, 139, .18)}html[data-theme=dark]{--vb-skel-bg: #1A2235;--vb-skel-hi: #243049;--vb-skel-border: rgba(100, 116, 139, .22)}.vb-skeleton{background:linear-gradient(90deg,var(--vb-skel-bg) 0%,var(--vb-skel-hi) 50%,var(--vb-skel-bg) 100%);background-size:200% 100%;animation:vb-skel-pulse 1.4s ease-in-out infinite}@keyframes vb-skel-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.vb-skeleton{animation:none;background:var(--vb-skel-bg)}}::selection{background:#ed752438}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(14,165,233,.28)!important;outline-offset:2px}.app-shell{background:radial-gradient(circle at 84% -10%,rgba(14,165,233,.07),transparent 32%),var(--vb-bg)!important}.app-sidebar{background:color-mix(in srgb,var(--vb-surface) 96%,transparent)!important;border-right-color:var(--vb-border)!important;box-shadow:10px 0 34px #0f172a09}.app-topbar{height:68px!important;background:color-mix(in srgb,var(--vb-surface) 94%,transparent)!important;border-bottom:1px solid var(--vb-border)!important;box-shadow:0 6px 24px #0f172a09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-content{background:transparent}.dashboard-shell,.workspace-panel{max-width:1680px;margin:0 auto;width:100%}.dashboard-eyebrow,.workspace-eyebrow{color:var(--vb-orange);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dashboard-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.dashboard-title h1{color:var(--vb-heading);font-size:clamp(28px,2.5vw,42px);font-weight:760;letter-spacing:-.045em;line-height:1.05;margin:6px 0 8px}.dashboard-title p{color:var(--vb-muted);font-size:14px;line-height:1.6}.dash-hero{border-color:var(--vb-border)!important;border-radius:20px!important;box-shadow:var(--vb-shadow-sm)!important}.project-detail-shell{background:radial-gradient(circle at 88% -10%,rgba(14,165,233,.06),transparent 34%),transparent}.project-detail-header{padding:18px 32px 20px!important;background:color-mix(in srgb,var(--vb-surface) 95%,transparent)!important;border-bottom-color:var(--vb-border)!important}.workspace-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:12px 32px!important;background:color-mix(in srgb,var(--vb-surface) 96%,transparent)!important;border-bottom:1px solid var(--vb-border)!important}.workspace-tab{min-height:58px;display:flex;align-items:center;gap:11px;padding:9px 12px!important;text-align:left;border:1px solid transparent!important;border-radius:12px;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}.workspace-tab:hover{background:var(--vb-surface-soft)!important}.workspace-tab.active{background:var(--vb-orange-soft)!important;border-color:#ed752452!important;box-shadow:inset 3px 0 0 var(--vb-orange)}.workspace-tab-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:var(--vb-muted);background:var(--vb-surface-soft);border:1px solid var(--vb-border)}.workspace-tab.active .workspace-tab-icon{color:var(--vb-orange);background:color-mix(in srgb,var(--vb-orange-soft) 72%,var(--vb-surface));border-color:#ed752447}.workspace-tab-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.workspace-tab-title{color:var(--vb-heading);font-size:13px;font-weight:720;line-height:1.2}.workspace-tab-help{color:var(--vb-muted);font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guided-card{position:relative;overflow:hidden;border:1px solid var(--vb-border);border-radius:18px;background:var(--vb-surface);box-shadow:var(--vb-shadow-sm)}.guided-card:after{content:"";position:absolute;width:220px;height:220px;right:-105px;top:-125px;border-radius:50%;background:#0ea5e90f;pointer-events:none}.overview-quick-start{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center;padding:18px 20px;margin-bottom:20px}.overview-quick-start h3,.guided-hero h3{color:var(--vb-heading);font-size:18px;line-height:1.25;margin:3px 0 5px}.overview-quick-start p,.guided-hero p{color:var(--vb-muted);font-size:13px;line-height:1.55;margin:0}.guided-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px solid var(--vb-border);background:var(--vb-surface-soft);color:var(--vb-heading);cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;position:relative;z-index:1}.guided-action.primary{color:#fff;background:var(--vb-orange);border-color:var(--vb-orange);box-shadow:0 8px 20px #ed752433}.guided-hero{padding:22px 24px;margin-bottom:18px}.guided-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;position:relative;z-index:1}.guided-metric{min-width:0;padding:12px 14px;border-radius:12px;background:var(--vb-surface-soft);border:1px solid var(--vb-border)}.guided-metric-label{color:var(--vb-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guided-metric-value{color:var(--vb-heading);font-size:13px;font-weight:650;line-height:1.45;margin-top:4px}.framework-level-row{border-radius:12px;padding:7px}.framework-level-row.active{background:var(--vb-orange-soft);box-shadow:inset 3px 0 0 var(--vb-orange)}.engagement-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.engagement-step{position:relative;z-index:1;min-height:84px;display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--vb-border);border-radius:12px;background:var(--vb-surface-soft);color:var(--vb-text);text-align:left;cursor:pointer}.engagement-step.done{border-color:#16a34a4d;background:color-mix(in srgb,rgba(22,163,74,.1) 75%,var(--vb-surface))}.engagement-step-number{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:var(--vb-muted);background:var(--vb-surface);border:1px solid var(--vb-border);font-size:12px;font-weight:800}.engagement-step.done .engagement-step-number{color:#fff;background:#16a34a;border-color:#16a34a}.engagement-step strong{display:block;color:var(--vb-heading);font-size:12px;line-height:1.3;margin:1px 0 4px}.engagement-step small{display:block;color:var(--vb-muted);font-size:10.5px;line-height:1.35}.section-card{scroll-margin-top:92px;border-radius:16px}@media (max-width: 1100px){.workspace-tabs{grid-template-columns:repeat(4,minmax(140px,1fr));overflow-x:auto}.workspace-tab-help{display:none}.engagement-roadmap{grid-template-columns:repeat(2,1fr)}.overview-quick-start{grid-template-columns:1fr 1fr}.overview-quick-start>div:first-child{grid-column:1 / -1}}@media (max-width: 768px){.app-topbar{height:56px!important}.dashboard-title{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.dashboard-title h1{font-size:28px!important}.project-detail-header{padding:14px 16px 16px!important}.workspace-tabs{display:flex!important;gap:8px;padding:10px 14px!important;overflow-x:auto;scroll-snap-type:x proximity}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tab{min-width:142px;min-height:52px;scroll-snap-align:start}.workspace-tab-icon{width:32px;height:32px}.workspace-panel{padding:16px!important}.overview-quick-start,.guided-metrics,.engagement-roadmap{grid-template-columns:1fr}.overview-quick-start>div:first-child{grid-column:auto}.guided-action{width:100%}.guided-hero{padding:18px}}