:root{
  --vos-bg:#020711;--vos-bg-soft:#050b16;--vos-panel:#08111f;--vos-panel-2:#0b1525;
  --vos-panel-3:#0e192c;--vos-line:#17243a;--vos-line-strong:#22314d;--vos-text:#f7f9ff;
  --vos-muted:#8f9bb1;--vos-muted-2:#66748d;--vos-purple:#7c3aed;--vos-violet:#9635ee;
  --vos-blue:#4d64ff;--vos-cyan:#47c7ff;--vos-green:#2be29b;--vos-amber:#f6a72f;--vos-red:#ff536c;
  --vos-radius:12px;--vos-radius-sm:8px;--vos-shadow:0 18px 50px rgba(0,0,0,.30)
}
*{box-sizing:border-box}
html,body{background:var(--vos-bg)!important;color:var(--vos-text)!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important}
body{background:radial-gradient(circle at 47% -12%,rgba(53,62,182,.12),transparent 34%),linear-gradient(180deg,#020711,#030813 58%,#02060d)!important}
.app{grid-template-rows:54px 1fr 26px!important}
.topbar{height:54px!important;grid-template-columns:194px minmax(320px,1fr) 260px!important;background:rgba(2,7,17,.96)!important;border-color:#101c2e!important;padding:0 16px!important;backdrop-filter:blur(18px);position:relative;z-index:30}
.brand-controls{gap:10px!important}.brand{font-size:13px!important;font-weight:760!important;letter-spacing:-.01em}.brand .badge{display:none!important}.mark{width:25px!important;height:25px!important;border-radius:50%!important;background:radial-gradient(circle,#17d7f0 0 8%,transparent 9%),conic-gradient(from 25deg,#2b6cff,#8b2de3,#16c9e3,#2b6cff)!important;box-shadow:0 0 24px rgba(91,64,255,.48)!important}.mark:after{inset:5px!important;border-radius:4px!important;transform:rotate(45deg)}
.search{max-width:520px!important;height:36px!important;border-radius:8px!important;background:#07101d!important;border-color:#18253a!important;font-size:12px!important;padding-left:34px!important;background-image:radial-gradient(circle at 16px 50%,transparent 0 4px,#8b97ad 5px 6px,transparent 7px)!important;background-repeat:no-repeat!important}
.top-actions{gap:10px!important}.top-actions .badge,.top-actions .status{font-size:10px!important;padding:7px 10px!important;border-color:#1a2942!important;background:#07101d!important;text-transform:uppercase;letter-spacing:.04em}.dot{background:var(--vos-green)!important;box-shadow:0 0 10px var(--vos-green)}
.panel-toggle{width:34px!important;height:34px!important;border-radius:8px!important;background:#07101d!important;border-color:#18253a!important}.panel-state-label{display:none!important}
.layout,.layout.inspector-collapsed,.layout.founder-sidebar-collapsed.inspector-collapsed{grid-template-columns:194px minmax(0,1fr) 0!important}.layout.founder-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 0!important}.inspector{display:none!important}
.sidebar{background:linear-gradient(180deg,#030914 0%,#020712 100%)!important;border-color:#111d30!important;padding:9px 10px 82px!important;position:relative}.sidebar:after{content:"Founder\A Visionary Leadership\A ● Online";white-space:pre;position:fixed;left:15px;bottom:38px;width:165px;padding:12px 10px 12px 45px;border-top:1px solid #162137;color:#f6f8ff;font-size:9px;line-height:1.55;background:linear-gradient(180deg,rgba(3,9,20,0),#030914 30%)}.sidebar:before{content:"V";position:fixed;left:16px;bottom:48px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4944d9,#6e31cb);font-size:12px;color:#fff;z-index:2}
.main{padding:15px 21px 28px!important;background:transparent!important;overflow:auto!important}
.nav-section-toggle{padding:9px 8px 6px!important}.nav-section-label{font-size:8.5px!important;letter-spacing:.09em!important;color:#a8b1c2!important}.nav-section-arrow{width:11px!important;height:11px!important}.nav-btn{font-size:10px!important;padding:7px 8px!important;border-radius:5px!important;gap:8px!important;margin-bottom:2px!important}.nav-btn.active{background:linear-gradient(90deg,#4a49f2,#922de8)!important;box-shadow:0 8px 22px rgba(92,49,226,.27)!important;border-color:transparent!important}.nav-ico{width:13px!important;height:13px!important;border-radius:3px!important}
.statusbar{height:26px!important;font-size:9px!important;background:#02060e!important;border-color:#111d30!important;color:#8995aa!important}
.page{max-width:1440px;margin:0 auto}.page.active{animation:vos-page-in .22s ease}@keyframes vos-page-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.vos-page-head{margin-bottom:11px!important;align-items:flex-start!important;min-height:38px}.vos-page-title h1,.page>h1{font-size:20px!important;line-height:1.08!important;letter-spacing:-.025em!important;margin:0 0 3px!important}.vos-page-title p{font-size:9px!important;color:#a2acc0!important;margin:0}.sparkle{color:#c65cff;margin-left:5px}.vos-page-tools{display:flex;align-items:center;gap:9px}.icon-action{width:30px;height:30px;border:1px solid #18253b;background:#07101d;color:#a9b4c8;border-radius:8px;display:grid;place-items:center;cursor:pointer;position:relative}.icon-action:hover{color:#fff;border-color:#3c4a6a}.notify-dot{position:absolute;right:-2px;top:-2px;width:8px;height:8px;background:#ef334f;border:2px solid #020711;border-radius:50%}.founder-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3036c6,#1d79c9);font-size:11px}
.card,.vos-command-box,.vos-metric{background:linear-gradient(145deg,rgba(10,20,36,.985),rgba(5,12,23,.985))!important;border:1px solid var(--vos-line)!important;border-radius:var(--vos-radius)!important;box-shadow:var(--vos-shadow)!important}.card{padding:14px!important;margin-bottom:11px!important}.card h2{font-size:16px!important}.card h3{font-size:11px!important}.sub{font-size:10px!important;line-height:1.45!important;color:#9aa6bb!important}
.btn{border-radius:7px!important;font-size:10px!important;padding:8px 11px!important;margin:3px 4px 3px 0!important;background:linear-gradient(135deg,#4c5fff,#8d31e7)!important;border:1px solid transparent!important;color:#fff!important;box-shadow:0 7px 18px rgba(77,58,221,.18)!important}.btn.alt{background:#0a1423!important;border:1px solid #1b2a42!important;color:#c9d2e3!important;box-shadow:none!important}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn.compact{min-height:31px!important;padding:7px 10px!important;margin:0!important}
input,textarea,select{background:#050d19!important;border-color:#1a2941!important;border-radius:7px!important;font-size:11px!important;padding:9px 10px!important;margin:5px 0!important;color:#eaf0fb!important}textarea{min-height:88px!important}
.vos-live{display:inline-flex;align-items:center;gap:5px;border:1px solid #14372d!important;background:#071b18!important;color:#47df9f!important;border-radius:6px!important;font-size:8px!important;padding:5px 7px!important}.vos-live i{width:5px;height:5px;border-radius:50%;background:#25e197;box-shadow:0 0 8px #25e197}.badge,.status{border-radius:6px!important}
.vos-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px!important;min-height:22px}.vos-panel-title h3{font-size:10px!important;margin:0!important}.more-dot{color:#8a96aa;letter-spacing:2px}.panel-link{width:100%;border:0;border-top:1px solid #17243a;background:transparent;color:#879cff;font-size:9px;text-align:left;padding:11px 0 0;margin-top:auto;cursor:pointer}.panel-link b{float:right;font-size:12px;font-weight:400}
/* Executive Office */
.vos-command-hero{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(335px,.92fr)!important;gap:18px!important;margin-bottom:11px!important}.vos-command-box{padding:14px 16px!important;background:linear-gradient(125deg,rgba(19,31,99,.72),rgba(7,16,29,.96) 72%)!important;display:flex;gap:13px;min-height:146px}.command-emblem{width:31px;height:31px;color:#5266ff;font-size:35px;line-height:18px;transform:rotate(-45deg);flex:0 0 auto}.command-content{flex:1;min-width:0}.vos-command-box h2{font-size:14px!important;margin:0 0 2px!important}.vos-command-row{display:grid!important;grid-template-columns:1fr 43px!important;gap:12px!important;align-items:center!important;margin-top:9px}.vos-command-row textarea{min-height:36px!important;height:36px!important;resize:none!important;margin:0!important;padding:10px!important}.command-send{width:39px!important;height:39px!important;padding:0!important;border-radius:8px!important;font-size:15px!important;margin:0!important;box-shadow:0 0 20px rgba(116,49,234,.34)!important}.vos-quick-actions{display:flex;flex-wrap:wrap;gap:5px!important;margin-top:7px!important}.vos-quick-actions .btn{font-size:8px!important;padding:6px 8px!important;min-height:27px!important}.executive-summary-card{padding:14px 15px!important;min-height:146px}.vos-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:13px}.vos-summary .vos-metric{border:0!important;border-right:1px solid #152238!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:5px 9px!important;min-height:68px}.vos-summary .vos-metric:first-child{padding-left:0!important}.vos-summary .vos-metric:last-child{border-right:0!important}.vos-metric-label{font-size:7.5px!important;color:#8692a9!important}.vos-metric-value{font-size:20px!important;margin-top:7px!important;line-height:1!important}.vos-metric-trend{font-size:7px!important;color:var(--vos-green)!important;margin-top:6px!important}.muted-trend{color:#718098!important}.executive-panel-grid{display:grid;grid-template-columns:.88fr 1.2fr .94fr 1fr;gap:10px;align-items:stretch}.executive-panel-grid>.card{min-height:233px;display:flex;flex-direction:column;margin:0!important}.objective-row{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #17243a}.activity-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:9px}.activity-icon.purple{background:#23164c;color:#a56cff}.activity-icon.amber{background:#36250c;color:#ffb338}.activity-icon.green{background:#0d3529;color:#31e4a4}.activity-icon.red{background:#38131c;color:#ff6276}.objective-copy strong,.recommend-row strong{font-size:8.5px;display:block}.objective-copy span,.recommend-row small{font-size:7px;color:#7f8ca2;display:block;margin-top:2px}.progress{height:2px;background:#19263b;margin-top:9px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#523bf6,#4ba7ff)}.priority{font-size:7px;border-radius:5px;padding:4px 6px}.priority.high{color:#ff6678;background:#3a121b}.priority.medium{color:#ffbc47;background:#3b290f}.intelligence-body{display:grid;grid-template-columns:52% 48%;align-items:center;flex:1}.digital-globe{width:126px;height:126px;border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle at 42% 38%,rgba(103,72,255,.55),rgba(22,25,72,.28) 40%,rgba(3,9,20,.2) 70%);border:1px solid #383cc3;box-shadow:0 0 32px rgba(85,53,242,.33),inset 0 0 30px rgba(39,92,255,.25)}.digital-globe:before,.digital-globe:after{content:"";position:absolute;inset:12px;border:1px solid rgba(100,114,255,.38);border-radius:50%;transform:rotate(28deg)}.digital-globe:after{transform:rotate(-36deg) scaleX(.45)}.globe-core{position:absolute;inset:0;display:grid;place-items:center;color:#7678ff;font-size:17px}.orbit{position:absolute;inset:-7px;border:1px solid rgba(82,69,255,.28);border-radius:50%}.orbit.two{inset:9px;transform:scaleY(.45)}.orbit.three{inset:23px;transform:scaleX(.35)}.node{position:absolute;width:4px;height:4px;border-radius:50%;background:#7f66ff;box-shadow:0 0 8px #7f66ff}.n1{left:19px;top:30px}.n2{right:15px;top:57px}.n3{left:50px;bottom:13px}.intel-list>div{display:flex;align-items:center;gap:6px;padding:6px 0}.signal{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#0b1a2e;font-size:8px}.signal.green{color:#28e49d}.signal.blue{color:#4e92ff}.signal.red{color:#ff576e}.intel-list p{margin:0;flex:1}.intel-list strong{font-size:7.5px;display:block}.intel-list small{font-size:6.5px;color:#78869c}.intel-list em{font-size:7px;color:#35df9e;font-style:normal}.recommend-row{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #17243a}.recommend-row p{margin:0}.recommend-row button{border:1px solid #2d345e;background:#171b3c;color:#94a0ff;border-radius:5px;padding:5px 8px;font-size:7px}.activity-stream{flex:1}.activity-empty{padding:10px;color:#77859b;font-size:8px;background:#07101d;border-radius:6px}.executive-conversation{margin-top:11px!important}.chat{height:180px!important;border-radius:8px!important;background:#050c17!important}.bubble{font-size:9px!important;padding:8px 10px!important;border-radius:8px!important}
/* Projects */
.project-head-actions{display:flex;align-items:center;gap:7px}.compact-search{width:150px!important;height:31px!important;margin:0!important;font-size:9px!important}.vos-metric-grid{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:9px!important;margin-bottom:10px!important}.project-metrics{grid-template-columns:repeat(4,1fr)!important}.vos-metric{padding:12px!important;min-height:73px}.project-tabs{display:flex;align-items:center;gap:21px;border-bottom:1px solid #17243a;margin:0 0 0;padding:0 8px}.project-tabs button{border:0;background:transparent;color:#8e9bb0;font-size:8px;padding:10px 0;position:relative}.project-tabs button.active{color:#8398ff}.project-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#5362ff}.project-portfolio{padding:0!important;overflow:hidden;border-top-left-radius:0!important;margin-top:0!important}.project-table-head{display:grid;grid-template-columns:1.45fr .55fr .65fr .75fr .55fr .55fr 22px;gap:12px;padding:10px 13px;color:#77869c;font-size:7px;border-bottom:1px solid #17243a}.project-portfolio #projectList .row{display:grid!important;grid-template-columns:1.45fr .55fr .65fr .75fr .55fr .55fr 22px!important;gap:12px;align-items:center;min-height:50px;margin:0!important;border:0!important;border-bottom:1px solid #152238!important;border-radius:0!important;background:transparent!important;padding:9px 13px!important;font-size:8px!important}.project-portfolio #projectList .row:hover{background:#0a1423!important}.project-portfolio #projectList strong{font-size:8.5px!important}.project-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;color:#77859a;font-size:7px}.pagination{display:flex;gap:4px}.pagination button{width:21px;height:21px;padding:0;border:1px solid #17243a;border-radius:4px;background:#07101d;color:#8d99ad;font-size:7px}.pagination button.active{border-color:#545fff;color:#fff;background:#171b3f}.project-composer{position:fixed;inset:0;z-index:100;display:none}.project-composer.open{display:block}.composer-backdrop{position:absolute;inset:0;background:rgba(0,3,10,.72);backdrop-filter:blur(4px)}.composer-panel{position:absolute;right:0;top:0;bottom:0;width:min(430px,92vw);padding:23px;background:#07101d;border-left:1px solid #22304b;box-shadow:-30px 0 80px #0008;overflow:auto}.composer-panel h2{font-size:20px;margin:2px 0 20px}.composer-panel label{font-size:9px;color:#9da8ba;display:block;margin-top:12px}.composer-panel input,.composer-panel textarea,.composer-panel select{width:100%}.composer-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}
/* Command Center */
.command-head-state{display:flex;align-items:center;gap:9px;color:#7f8ba0;font-size:8px}.command-metrics{grid-template-columns:repeat(5,1fr)!important}.command-summary-hidden{display:none}.command-main-grid{display:grid;grid-template-columns:.88fr 1.55fr;gap:10px}.command-main-grid>.card{height:246px;display:flex;flex-direction:column}.system-map{display:grid;grid-template-columns:1.25fr .8fr;align-items:center;flex:1}.system-radar{width:145px;height:145px;border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle,rgba(33,67,157,.28),transparent 65%);border:1px solid #263b8f;box-shadow:0 0 30px rgba(56,71,255,.18)}.system-radar>i{position:absolute;inset:17px;border:1px solid rgba(68,93,255,.3);border-radius:50%}.system-radar>i:nth-child(2){inset:33px}.system-radar>i:nth-child(3){inset:49px}.system-radar>i:nth-child(4){inset:64px}.radar-core{position:absolute;inset:0;display:grid;place-items:center;color:#5266ff;font-size:17px}.radar-node{position:absolute;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px currentColor}.r1{left:70px;top:-3px;background:#35e2a2;color:#35e2a2}.r2{right:4px;top:65px;background:#5d65ff;color:#5d65ff}.r3{bottom:16px;left:22px;background:#f5a52c;color:#f5a52c}.r4{top:28px;left:12px;background:#a14eff;color:#a14eff}.system-legend>div{display:flex;gap:7px;align-items:center;padding:6px 0}.system-legend i{width:20px;height:20px;border-radius:5px;background:#102139}.system-legend i.green{box-shadow:inset 3px 0 #2de29c}.system-legend i.blue{box-shadow:inset 3px 0 #4f83ff}.system-legend i.purple{box-shadow:inset 3px 0 #9950ff}.system-legend i.amber{box-shadow:inset 3px 0 #f3a72e}.system-legend p{margin:0}.system-legend strong{font-size:7.5px;display:block}.system-legend small{font-size:6.5px;color:#748196}.activity-chart{position:relative;height:190px;margin-top:4px}.activity-chart svg{position:absolute;inset:25px 0 12px;width:100%;height:150px;overflow:visible}.chart-grid{position:absolute;inset:25px 0 14px;background:linear-gradient(#17243a 1px,transparent 1px),linear-gradient(90deg,#17243a 1px,transparent 1px);background-size:100% 25%,12.5% 100%;opacity:.45}.line{fill:none;stroke-width:2}.line.green{stroke:#35e5a0}.line.blue{stroke:#536cff}.line.red{stroke:#ef536d;stroke-width:1.5}.area.green{fill:url(#areaGreen)}.area.blue{fill:url(#areaBlue)}.chart-legend{position:absolute;right:0;top:0;display:flex;gap:10px;font-size:6.5px;color:#8793a7}.chart-legend i{display:inline-block;width:5px;height:5px;border-radius:50%}.chart-legend i.green{background:#35e5a0}.chart-legend i.blue{background:#536cff}.chart-legend i.red{background:#ef536d}.command-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:10px}.command-bottom-grid>.card{min-height:195px;display:flex;flex-direction:column}.agent-list,.alert-list{flex:1}.resource-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:6px 0;font-size:7.5px}.resource-row>div{grid-column:1/-1;height:4px;background:#152238;border-radius:10px;overflow:hidden}.resource-row>div i{display:block;height:100%;background:linear-gradient(90deg,#4e67ff,#63d8dd)}
/* all secondary pages, one system */
.page:not(#executive):not(#projects):not(#dashboard)>.card:first-child{background:linear-gradient(135deg,rgba(17,28,74,.48),rgba(7,15,27,.97))!important;border-color:#1d2b51!important;padding:17px 18px!important;min-height:88px}.page:not(#executive):not(#projects):not(#dashboard)>.card:first-child h1,.page:not(#executive):not(#projects):not(#dashboard)>.card:first-child h2{font-size:20px!important;margin:0 0 5px!important}.kicker{font-size:7px!important;color:#879bff!important;letter-spacing:.12em!important;text-transform:uppercase!important}.grid,.grid2{gap:10px!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.row,.out,.fileitem{background:#07101d!important;border-color:#142239!important;border-radius:7px!important;font-size:9px!important;padding:9px!important;margin:6px 0!important}.metric{font-size:22px!important}.tabs{border-bottom:1px solid #17243a!important}.tab{font-size:9px!important;border-radius:5px 5px 0 0!important}.tab.active{background:#171b3e!important;color:#9ca7ff!important}.filelist{border-radius:8px!important}.out{line-height:1.5!important}
/* mobile & tablet */
@media(max-width:1180px){.topbar{grid-template-columns:180px 1fr 180px!important}.layout,.layout.inspector-collapsed{grid-template-columns:180px minmax(0,1fr) 0!important}.executive-panel-grid{grid-template-columns:1fr 1fr}.command-main-grid{grid-template-columns:1fr}.command-main-grid>.card{height:auto;min-height:230px}.command-bottom-grid{grid-template-columns:1fr 1fr}.resource-panel{grid-column:1/-1}.vos-command-hero{grid-template-columns:1fr!important}.vos-summary{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:820px){.executive-panel-grid,.command-bottom-grid{grid-template-columns:1fr}.resource-panel{grid-column:auto}.vos-metric-grid,.command-metrics,.project-metrics{grid-template-columns:repeat(2,1fr)!important}.project-table-head{display:none}.project-portfolio #projectList .row{grid-template-columns:1fr auto!important}.project-tabs{overflow:auto}.project-head-actions .compact-search,.project-head-actions .btn.alt{display:none}.grid,.grid2{grid-template-columns:1fr!important}}
@media(max-width:720px){body{overflow:auto!important}.app{display:block!important}.topbar{position:sticky;top:0;z-index:50;display:flex!important;height:58px!important;justify-content:space-between}.topbar .search{display:none!important}.top-actions .badge{display:none!important}.layout,.layout.inspector-collapsed,.layout.founder-sidebar-collapsed{display:block!important}.sidebar{display:none!important;position:fixed;inset:58px auto 0 0;z-index:45;width:82vw;max-width:300px;box-shadow:20px 0 50px #000b}.layout.mobile-nav-open .sidebar{display:block!important}.sidebar:before,.sidebar:after{display:none}.main{padding:13px 11px 90px!important}.statusbar{display:none!important}.vos-page-tools{display:none}.vos-command-box{padding:14px!important}.command-emblem{display:none}.vos-command-row{grid-template-columns:1fr 42px!important}.vos-summary{grid-template-columns:repeat(2,1fr)!important}.vos-summary .vos-metric:nth-child(2){border-right:0!important}.vos-summary .vos-metric{border-bottom:1px solid #152238!important}.vos-summary .vos-metric:nth-child(n+3){border-bottom:0!important}.executive-panel-grid{grid-template-columns:1fr}.intelligence-body{grid-template-columns:1fr}.intel-list{margin-top:10px}.command-metrics,.project-metrics{grid-template-columns:repeat(2,1fr)!important}.system-map{grid-template-columns:1fr}.system-legend{display:grid;grid-template-columns:1fr 1fr}.project-tabs{gap:17px}.btn{min-height:40px}.nav-btn{min-height:41px;font-size:12px!important}.page{width:100%!important}.panel-toggle{min-width:40px;min-height:40px}.compact-search{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ========================================================================== 
   APPROVED MOCKUP VISUAL-FIDELITY PASS — frontend presentation only
   ========================================================================== */
@media (min-width:721px){
  html,body{height:100%;overflow:hidden!important}
  body{background:#020711!important}
  .app{grid-template-rows:0 1fr 0!important;height:100vh!important}
  .topbar{
    position:fixed!important;inset:0 0 auto 0!important;height:58px!important;z-index:60!important;
    display:grid!important;grid-template-columns:194px minmax(0,1fr) 285px!important;
    padding:0 16px!important;background:transparent!important;border:0!important;pointer-events:none!important;
  }
  .topbar>*{pointer-events:auto}
  .brand-controls{align-items:center!important}.brand-controls>.panel-toggle{display:none!important}
  .brand{font-size:12px!important;gap:9px!important}.mark{width:27px!important;height:27px!important}
  .topbar .search{justify-self:end!important;width:204px!important;max-width:204px!important;height:29px!important;margin:15px 0 0!important;font-size:8px!important;border-radius:6px!important;padding-left:30px!important}
  .top-actions{display:none!important}
  .layout,.layout.inspector-collapsed,.layout.founder-sidebar-collapsed.inspector-collapsed{grid-template-columns:194px minmax(0,1fr) 0!important;height:100vh!important}
  .sidebar{padding:60px 11px 74px!important;overflow:auto!important}
  .main{padding:18px 60px 28px 52px!important;overflow:auto!important;height:100vh!important}
  .page{max-width:none!important;width:100%!important}
  .statusbar{display:none!important}
  .vos-page-head{min-height:40px!important;margin:0 0 10px!important}
  .vos-page-title h1,.page>h1{font-size:17px!important;letter-spacing:-.015em!important}
  .vos-page-title p{font-size:8px!important}
  .vos-page-tools{margin-right:4px!important;gap:14px!important}
  .icon-action{width:24px!important;height:24px!important;border:0!important;background:transparent!important;font-size:11px!important}
  .founder-avatar{width:25px!important;height:25px!important;font-size:9px!important}
  .nav-section-toggle{padding:8px 8px 5px!important}.nav-btn{padding:7px 8px!important;font-size:9px!important;min-height:28px!important}
  .sidebar:after{bottom:13px!important}.sidebar:before{bottom:24px!important}
  .vos-command-hero{grid-template-columns:minmax(0,1.62fr) minmax(350px,.95fr)!important;gap:22px!important;margin-bottom:13px!important}
  .vos-command-box,.executive-summary-card{min-height:147px!important;height:147px!important}
  .vos-command-box{padding:14px 16px!important}
  .executive-panel-grid{grid-template-columns:.94fr 1.23fr .96fr 1.08fr!important;gap:16px!important}
  .executive-panel-grid>.card{height:235px!important;min-height:235px!important;padding:14px 15px!important}
  .executive-conversation{display:none!important}
  .digital-globe{width:137px!important;height:137px!important;background:
    radial-gradient(circle at 44% 39%,rgba(108,73,255,.78),rgba(32,28,106,.52) 34%,rgba(4,11,25,.18) 69%),
    repeating-radial-gradient(circle,transparent 0 17px,rgba(88,100,255,.18) 18px 19px)!important;
    box-shadow:0 0 32px rgba(89,54,248,.42),inset 0 0 34px rgba(50,112,255,.35)!important
  }
  .project-head-actions{margin-top:-2px!important}.project-metrics{margin-top:2px!important}.project-portfolio{min-height:313px!important}
  .project-portfolio #projectList:empty:after{content:"No projects to display. Create a project to begin.";display:grid;place-items:center;height:220px;color:#6f7d94;font-size:9px}
  .project-portfolio #projectList .row:only-child{min-height:220px!important;align-content:start!important}
  .command-main-grid{grid-template-columns:.88fr 1.55fr!important;gap:12px!important}.command-main-grid>.card{height:247px!important}
  .command-bottom-grid{gap:12px!important}.command-bottom-grid>.card{height:197px!important;min-height:197px!important}
  .command-metrics{gap:10px!important}.command-metrics .vos-metric{height:72px!important}
  .vos-voice-dock{right:18px!important;bottom:18px!important;opacity:.42!important;transform:scale(.78);transform-origin:bottom right}.vos-voice-dock:hover{opacity:1!important}
}

/* Mockup-accurate compact density and surface treatment */
.card,.vos-command-box,.vos-metric{border-color:#142036!important;background:linear-gradient(145deg,#091321 0%,#07101c 100%)!important;box-shadow:0 15px 38px rgba(0,0,0,.25)!important}
.vos-command-box{background:linear-gradient(118deg,rgba(24,37,116,.84),rgba(7,15,28,.97) 73%)!important}
.nav-btn.active{background:linear-gradient(90deg,#4b49f2 0%,#942ce9 100%)!important}
.panel-link{color:#7e93ff!important}.vos-panel-title h3{font-weight:650!important}.sub{color:#8f9ab1!important}

/* Runtime-injected mockup utility navigation */
.mockup-utility-nav{display:block}.mockup-utility-nav .nav-btn{width:100%}
@media (min-width:721px){
  .vos-page-head{position:relative!important;z-index:70!important;margin-left:-34px!important;padding-left:0!important}
  .vos-page-tools{position:relative!important;z-index:72!important}
  .vos-voice-dock{opacity:0!important;pointer-events:none!important;transition:opacity .16s ease!important}
  .vos-voice-dock.voice-context-visible,.vos-voice-dock.listening,.vos-voice-dock.processing{opacity:.92!important;pointer-events:auto!important}
}
@media (min-width:721px){
  .topbar{z-index:auto!important;backdrop-filter:none!important}
  .topbar .brand-controls,.topbar .search{position:relative!important;z-index:90!important}
  .executive-panel-grid{grid-template-columns:.92fr 1.25fr .88fr 1.05fr!important;margin-top:-11px!important}
}
@media (min-width:721px){
  #executive .vos-page-title h1,#projects .vos-page-title h1,#dashboard .vos-page-title h1{text-transform:uppercase!important;letter-spacing:.01em!important}
  body[data-active-page="projects"] .topbar .search,
  body[data-active-page="dashboard"] .topbar .search{visibility:hidden!important}
}