:root{
 --bg:#071019;--side:#08131d;--panel:#0b1823;--panel2:#0e1d29;--line:#203444;
 --text:#eaf2f8;--muted:#8ca2b4;--blue:#58a6ff;--cyan:#41d9e6;--green:#38d39f;
 --amber:#f2b84b;--red:#ff6268;--violet:#9f8cff;--shadow:0 16px 48px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body{background:radial-gradient(circle at 78% -10%,rgba(88,166,255,.09),transparent 28%),linear-gradient(180deg,#071019,#061018)}
button,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:rgba(7,17,26,.98);padding:17px 13px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:10px;margin:3px 8px 18px}.mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#1d75c7,#59a6ff);display:grid;place-items:center;font-weight:900;box-shadow:0 0 28px rgba(88,166,255,.18)}.brand strong{display:block;font-size:14px}.brand span{display:block;font-size:10px;color:var(--muted)}
.scope-card{margin:0 4px 18px;padding:11px 12px;border:1px solid #27425a;border-radius:9px;background:linear-gradient(180deg,#0d2131,#0a1823)}.scope-card small{display:block;font-size:8px;letter-spacing:.13em;color:#6e8da6}.scope-card b{display:block;font-size:12px;margin:4px 0 1px}.scope-card span{font-size:9px;color:var(--muted)}
nav{display:flex;flex-direction:column;gap:5px}.nav{border:0;background:transparent;color:var(--muted);display:flex;gap:10px;align-items:center;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;position:relative}.nav>span{width:20px;text-align:center;color:#7890a4}.nav b{font-size:11px;display:block;color:#b8c7d3}.nav small{display:block;font-size:8px;margin-top:1px}.nav:hover{background:#0d1c28}.nav.active{background:#102a40}.nav.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:5px;background:var(--blue)}.nav.active b{color:#fff}.nav.active>span{color:var(--blue)}
.sidebar-foot{margin-top:auto;padding:12px 8px;color:var(--muted)}.sidebar-foot .pair{font-size:9px;display:flex;align-items:center;gap:7px}.sidebar-foot .pair i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(56,211,159,.6)}.sidebar-foot b{display:block;font-size:10px;color:#c2d1dc;margin:4px 0}.sidebar-foot small{font-size:8px;line-height:1.35;display:block}
.main{min-width:0;padding:0 20px 28px}.topbar{height:78px;border-bottom:1px solid rgba(32,52,68,.85);display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:800;color:#6d8aa2;margin:0;text-transform:uppercase}.topbar h1{font-size:21px;letter-spacing:-.03em;margin:2px 0 0}.top-actions{display:flex;gap:8px;align-items:flex-end}.context label{font-size:8px;display:block;color:#71899c;text-transform:uppercase;letter-spacing:.08em}.context select{margin-top:4px;background:#0b1823;border:1px solid var(--line);color:#d7e2ea;padding:7px 24px 7px 9px;border-radius:6px;font-size:9px}.ghost{height:32px;border:1px solid #31516a;background:#0c1b27;color:#bdd0df;border-radius:6px;padding:0 11px;font-size:9px}
.view{display:none}.view.active{display:block}.hero{border:1px solid #27435a;border-radius:10px;background:linear-gradient(115deg,#0c1c29,#102436 68%,#0d2733);padding:20px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px;box-shadow:var(--shadow)}.hero h2{font-size:22px;line-height:1.22;max-width:760px;margin:5px 0 8px;letter-spacing:-.025em}.hero p:not(.eyebrow){font-size:10px;color:#91a7b8;max-width:760px;margin:0;line-height:1.5}.hero-state{min-width:190px;text-align:right}.hero-state span{font-size:8px;color:#78ddb5;border:1px solid rgba(56,211,159,.35);border-radius:999px;padding:4px 7px;background:rgba(56,211,159,.05)}.hero-state strong{display:block;font-size:38px;line-height:1;margin:13px 0 4px;letter-spacing:-.06em}.hero-state small{font-size:8px;color:#7f96a8}
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:9px}.metric{border:1px solid var(--line);background:linear-gradient(#0c1924,#09151f);border-radius:9px;padding:12px 12px 10px;box-shadow:var(--shadow)}.metric span{font-size:9px;color:#849bad}.metric strong{display:block;font-size:24px;letter-spacing:-.04em;margin:4px 0 1px}.metric small{font-size:8px;color:#657d90}.bar{height:2px;background:#152a39;margin-top:9px;border-radius:3px;overflow:hidden}.bar i{height:100%;display:block;background:linear-gradient(90deg,#2b79bd,var(--cyan))}.metric.warn .bar i{background:linear-gradient(90deg,#b57528,var(--amber))}
.command-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(285px,.85fr);grid-template-areas:"reality decisions" "loop decisions" "proof proof";gap:9px}.panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(11,24,35,.98),rgba(8,18,27,.98));box-shadow:var(--shadow);overflow:hidden}.reality-panel{grid-area:reality}.decision-panel{grid-area:decisions}.loop-panel{grid-area:loop}.proof-panel{grid-area:proof}.panel-head{min-height:53px;border-bottom:1px solid var(--line);padding:11px 13px;display:flex;justify-content:space-between;align-items:center}.panel-head h3{font-size:13px;margin:2px 0 0}.segmented{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.segmented button{border:0;background:#08151e;color:#71899c;padding:5px 8px;font-size:8px}.segmented button.active{background:#153553;color:#ecf6ff}
.graph-wrap{height:430px;position:relative;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:22px 22px}.graph-wrap svg{width:100%;height:390px}.graph-legend{position:absolute;left:10px;right:10px;bottom:9px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:rgba(5,13,20,.88);display:flex;flex-wrap:wrap;gap:13px;font-size:8px;color:#839aac}.n{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.n.asset{background:var(--cyan)}.n.network{background:#5b8cff}.n.identity{background:var(--violet)}.n.control{background:var(--green)}.n.conflict{background:var(--red)}.edge{display:inline-block;width:17px;height:2px;margin-right:4px;vertical-align:middle}.edge.allowed{background:var(--green)}.edge.blocked{background:var(--red)}
.count{min-width:24px;height:24px;border-radius:6px;background:#162b3a;display:grid;place-items:center;font-size:9px;color:#c8d7e2}.decision-list{padding:9px}.decision{display:grid;grid-template-columns:26px 1fr;gap:8px;border:1px solid var(--line);border-radius:8px;background:#0a1721;padding:10px;margin-bottom:7px}.decision .rank{width:22px;height:22px;border-radius:5px;background:#122a3d;display:grid;place-items:center;font-size:8px;color:#8eb8d8}.decision b{font-size:10px}.decision p{font-size:8.5px;color:#8298aa;line-height:1.45;margin:5px 0 7px}.decision span{font-size:8px;border-radius:999px;padding:3px 6px}.decision.critical span{color:#ff9da1;background:rgba(255,98,104,.08)}.decision.high span{color:#ffc36e;background:rgba(242,184,75,.08)}.decision.medium span{color:#91c5ff;background:rgba(88,166,255,.08)}.decision.low span{color:#89e3bd;background:rgba(56,211,159,.07)}
.loop{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:14px}.loop-step{position:relative;padding:10px 5px;background:#0a1721;border:1px solid var(--line);border-radius:7px;text-align:center}.loop-step b{display:block;font-size:8px;letter-spacing:.07em}.loop-step span{display:block;font-size:7px;color:#71899d;margin-top:3px}.loop-step.done{border-color:#285c53}.loop-step.measured{background:#0b2728;border-color:#2d8270}.loop-step:after{content:"→";position:absolute;right:-7px;top:50%;transform:translateY(-50%);color:#40586b;z-index:2}.loop-step:last-child:after{display:none}
.proof-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:12px}.proof-grid>div{border:1px solid var(--line);background:#091620;border-radius:7px;padding:9px}.proof-grid span{display:block;font-size:8px;color:#72899d}.proof-grid b{display:block;font-size:13px;margin:4px 0 1px}.proof-grid small{font-size:7px;color:#667d8e}.status{font-size:8px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:#9aafbe}.status.ok{color:#87e5bc;border-color:rgba(56,211,159,.35);background:rgba(56,211,159,.05)}
.full{min-height:calc(100vh - 110px)}.graph-metrics,.reach-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:14px}.graph-metrics>div,.reach-summary>div{background:#091620;border:1px solid var(--line);border-radius:8px;padding:12px}.graph-metrics span,.reach-summary span{font-size:8px;color:#768ea1}.graph-metrics b,.reach-summary b{font-size:17px;display:block;margin-top:4px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:0 14px 14px}.full h4{font-size:10px;color:#c5d5df;margin:10px 0}.tag-grid{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:8px;border:1px solid var(--line);background:#091620;color:#92a7b8;border-radius:6px;padding:6px 8px}.rule-list p{font-size:9px;color:#879cad;border-left:2px solid #2b4a5f;padding-left:9px;line-height:1.5}.rule-list b{color:#cfe0ea}
.source-summary{display:grid;grid-template-columns:220px 1fr;align-items:center;padding:18px}.donut{width:150px;height:150px;border-radius:50%;margin:auto;background:conic-gradient(var(--green) 0 72%,var(--cyan) 72% 89%,var(--amber) 89% 97%,var(--red) 97%);display:grid;place-items:center;position:relative}.donut:after{content:"";width:105px;height:105px;background:#0a1721;border-radius:50%;position:absolute}.donut div{z-index:1;text-align:center}.donut b{font-size:31px;display:block}.donut span{font-size:8px;color:#8398aa}.state-table{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.state-table div{display:flex;justify-content:space-between;background:#091620;border:1px solid var(--line);border-radius:6px;padding:9px}.state-table span{font-size:9px;color:#8196a8}.state-table b{font-size:10px}
.flow-table{margin:0 14px 14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.flow-row{display:grid;grid-template-columns:50px 1.2fr 1.2fr 80px 100px 100px;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:center;font-size:8.5px}.flow-row:last-child{border-bottom:0}.flow-row.head{background:#0e1d29;color:#6e8799;text-transform:uppercase;letter-spacing:.07em}.flow-row .good{color:#77dfb2}.flow-row .bad{color:#ff959a}.flow-row .noroute{color:#f0bd6c}
.lab-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;padding:18px}.lab-map{border:1px solid var(--line);border-radius:9px;min-height:260px;background:radial-gradient(circle at 50% 50%,rgba(65,217,230,.07),transparent 45%),#091620;display:flex;align-items:center;justify-content:center;gap:12px}.site-card{width:120px;padding:18px 12px;border:1px solid #31536a;border-radius:9px;background:#0b1d2a;text-align:center}.site-card small{font-size:7px;color:#637f94;display:block}.site-card b{font-size:16px;display:block;margin:3px}.site-card span{font-size:8px;color:#879eaf}.wan{color:#5e839f;font-size:9px}.lab-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.lab-facts div{border:1px solid var(--line);border-radius:7px;background:#091620;padding:10px}.lab-facts span{font-size:8px;color:#72899b;display:block}.lab-facts b{font-size:13px;display:block;margin-top:4px}.isolation-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 18px 18px}.isolation-strip span{font-size:8px;text-align:center;color:#8bd9b8;border:1px solid rgba(56,211,159,.25);background:rgba(56,211,159,.04);padding:8px;border-radius:6px}
.ledger{padding:14px}.ledger-row{display:grid;grid-template-columns:160px 100px 1fr 110px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 8px;font-size:9px}.ledger-row.head{color:#6d879b;text-transform:uppercase;letter-spacing:.07em;background:#0d1b27}.ledger-row b{font-size:9px}.ledger-row .pass{color:#78dfb3}.ledger-row .lim{color:#f2bd6c}.lead{font-size:10px;color:#8da3b4;padding:0 14px;max-width:850px}.intake-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.intake-card{border:1px solid var(--line);border-radius:8px;background:#091620;padding:10px}.intake-card b{font-size:10px;display:block}.intake-card span{font-size:8px;color:#71899c}.intake-card em{display:inline-block;margin-top:7px;font-size:7px;color:#83dfb8;font-style:normal}.maturity{padding:16px}.tier{display:grid;grid-template-columns:100px 1fr 190px;gap:10px;padding:12px;border-bottom:1px solid var(--line);align-items:center}.tier b{font-size:10px}.tier span{font-size:9px;color:#93a8b8}.tier em{font-size:8px;text-align:right;font-style:normal}.tier.done em{color:#78dfb3}.tier.qualified{background:rgba(56,211,159,.04)}.tier.qualified em{color:#91e9c4}.tier.partial em{color:#8ec1ff}.tier.future em{color:#f0bd6c}.limitations{margin:8px 16px 16px;padding:12px 14px;border:1px solid rgba(242,184,75,.3);background:rgba(242,184,75,.04);border-radius:8px}.limitations h4{color:#e7bb72;margin-top:0}.limitations p{font-size:9px;color:#9e927f;margin:5px 0}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.command-grid{grid-template-columns:1fr;grid-template-areas:"reality" "decisions" "loop" "proof"}.top-actions .context:nth-child(2),.top-actions .context:nth-child(3){display:none}.proof-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.shell{grid-template-columns:70px 1fr}.brand>div:last-child,.scope-card,.nav div,.sidebar-foot{display:none}.nav{justify-content:center}.main{padding:0 12px 20px}.topbar{height:auto;min-height:75px;gap:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.hero-state{text-align:left}.loop{grid-template-columns:repeat(2,1fr)}.loop-step:after{display:none}.proof-grid,.graph-metrics,.reach-summary{grid-template-columns:repeat(2,1fr)}.two-col,.source-summary,.lab-layout{grid-template-columns:1fr}.intake-grid{grid-template-columns:repeat(2,1fr)}.isolation-strip{grid-template-columns:1fr}.flow-row{grid-template-columns:45px 1fr 1fr 80px}.flow-row>*:nth-child(5),.flow-row>*:nth-child(6){display:none}}