:root{--bg-0: #0a0d12;--bg-1: #0e1218;--bg-2: #131820;--bg-3: #182029;--surface: #10151d;--surface-raised: #161d27;--line: #232b36;--line-strong: #303a48;--fg-0: #e8edf4;--fg-1: #c3ccd9;--fg-2: #8a97a8;--fg-3: #5c6879;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--accent: #2f7de1;--accent-dim: #1c4d8c;--pos: #1fae6b;--pos-dim: #123f2b;--neg: #e0473f;--neg-dim: #4a1f1c;--warn: #d99a2b;--warn-dim: #4a3a13;--info: #3aa0c9;--info-dim: #16333e;--neutral: #7a8699;--auth-canonical: #1fae6b;--auth-indicative: #d99a2b;--auth-historical: #3aa0c9;--auth-eod: #3aa0c9;--auth-provisional: #b98be0;--auth-validated: #1fae6b;--auth-replay: #7a8699;--auth-demo: #5c6879;--auth-unavailable: #e0473f;--radius: 2px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 24px;--fs-micro: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 19px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--fg-0);font-family:var(--sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased}code,.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=separator]:focus-visible,[role=menuitem]:focus-visible{outline:2px solid var(--info);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius)}button{font-family:inherit;font-size:var(--fs-sm);background:var(--surface-raised);color:var(--fg-0);border:1px solid var(--line-strong);border-radius:var(--radius);padding:5px 10px;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent-dim);border-color:var(--accent)}button.danger{background:var(--neg-dim);border-color:var(--neg)}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th,td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--fg-2);font-weight:500;text-transform:uppercase;font-size:var(--fs-micro);letter-spacing:.04em;position:sticky;top:0;background:var(--bg-1)}tr:hover td{background:var(--bg-2)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-2);padding:8px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-body{padding:10px}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:3px;font-size:var(--fs-micro);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.grid{display:grid;gap:var(--gap-4)}.stack{display:flex;flex-direction:column;gap:var(--gap-3)}.row{display:flex;align-items:center;gap:var(--gap-3)}.kv{display:flex;justify-content:space-between;gap:var(--gap-3);padding:3px 0;font-size:var(--fs-sm)}.kv .k{color:var(--fg-2)}.kv .v{color:var(--fg-0)}.empty-state,.error-state,.loading-state{padding:32px 16px;text-align:center;color:var(--fg-2);font-size:var(--fs-sm)}.error-state{color:var(--neg)}.ag-theme-cc{--ag-background-color: var(--bg-1);--ag-header-background-color: var(--bg-1);--ag-odd-row-background-color: var(--surface);--ag-header-foreground-color: var(--fg-2);--ag-foreground-color: var(--fg-0);--ag-border-color: var(--line);--ag-row-border-color: var(--line);--ag-font-family: var(--mono);--ag-font-size: 11px;--ag-header-height: 28px;--ag-row-height: 24px;--ag-cell-horizontal-padding: 8px;--ag-range-selection-border-color: var(--accent);width:100%;height:100%}.shell{height:100vh;display:grid;grid-template-rows:34px 28px 1fr;grid-template-columns:100%}.shell.presentation{grid-template-rows:34px 1fr}.topbar{display:flex;align-items:center;gap:var(--gap-4);padding:0 var(--gap-3);background:var(--bg-1);border-bottom:1px solid var(--line);font-size:var(--fs-sm)}.topbar .brand{font-weight:700;letter-spacing:.02em;color:var(--fg-0)}.topbar .brand .sub{color:var(--fg-2);font-weight:400;margin-left:6px}.topbar .spacer{flex:1}.topbar .clock{color:var(--fg-2)}.subbar{display:flex;align-items:center;gap:var(--gap-3);padding:0 var(--gap-3);background:var(--bg-0);border-bottom:1px solid var(--line);font-size:var(--fs-xs);color:var(--fg-2)}.body{display:grid;grid-template-columns:180px 1fr;overflow:hidden}.nav{background:var(--bg-1);border-right:1px solid var(--line);overflow-y:auto;padding:var(--gap-2) 0}.nav-group-label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:10px 12px 4px}.nav a{display:block;padding:5px 12px;color:var(--fg-1);font-size:var(--fs-sm);border-left:2px solid transparent}.nav a:hover{background:var(--bg-2);text-decoration:none}.nav a.active{background:var(--bg-2);color:var(--fg-0);border-left-color:var(--accent)}.content{overflow:auto;padding:var(--gap-4)}.mode-toggle{display:flex;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.mode-toggle button{border:none;border-radius:0;background:transparent;padding:3px 10px;font-size:var(--fs-xs)}.mode-toggle button.active{background:var(--accent-dim);color:#fff}.view-header{display:flex;align-items:baseline;gap:var(--gap-3);margin-bottom:var(--gap-4)}.view-header h1{font-size:var(--fs-xl);margin:0;font-weight:600}.view-header .desc{color:var(--fg-2);font-size:var(--fs-sm)}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.body{grid-template-columns:1fr}}@media (min-width: 1800px){.grid-cols-4{grid-template-columns:repeat(6,1fr)}}.stat{padding:var(--gap-3)}.stat .label{font-size:var(--fs-micro);text-transform:uppercase;color:var(--fg-2);letter-spacing:.04em}.stat .value{font-family:var(--mono);font-size:20px;margin-top:2px}.stat .value.pos{color:var(--pos)}.stat .value.neg{color:var(--neg)}.cio-wall{display:grid;grid-template-columns:1fr;gap:var(--gap-4)}@media (min-width: 2200px){.cio-wall{grid-template-columns:2fr 1fr}}
