*,:before,:after{box-sizing:border-box;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg-0:#070b12;--bg-1:#0f1623;--bg-2:#161f2f;--bg-3:#1b273a;--bg-base:#070b12;--bg-surface:#0f1623;--bg-elevated:#161f2f;--line-0:#273247;--line-1:#33435d;--border-subtle:#273247;--text-1:#e8edf5;--text-2:#9ba9be;--text-3:#76859d;--text-primary:#e8edf5;--text-secondary:#9ba9be;--text-tertiary:#76859d;--signal-nominal:#00c26f;--signal-observe:#f2a900;--signal-risk:#ff7a00;--signal-incident:#e5484d;--red-400:#e5484d;--blue-400:#0ea5e9;--amber-500:#f2a900;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-body:"IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--speed-fast:.12s ease}html,body{background:var(--bg-0);min-height:100%;color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:0 0;border:0}.metric-mono,.posture-mono,.kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{flex-direction:column;min-height:100vh;display:flex}.sidenav{background:var(--bg-1);border-right:1px solid var(--line-0);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidenav-brand{padding:var(--space-6);border-bottom:1px solid var(--line-0);gap:var(--space-3);align-items:center;display:flex}.sidenav-mark{border:1px solid var(--line-1);border-radius:var(--radius-sm);letter-spacing:.04em;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.sidenav-brand-title{letter-spacing:.03em;font-size:14px;font-weight:700}.sidenav-brand-subtitle{margin-top:var(--space-1);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sidenav-group{padding:var(--space-5) var(--space-4) 0}.sidenav-group-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:11px}.sidenav-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);transition:border-color var(--speed-fast), color var(--speed-fast), background var(--speed-fast);border:1px solid #0000;display:flex}.sidenav-item+.sidenav-item{margin-top:var(--space-1)}.sidenav-item:hover{border-color:var(--line-0);color:var(--text-1);background:var(--bg-2)}.sidenav-item.active{border-color:var(--line-1);color:var(--text-1);background:var(--bg-2)}.sidenav-footer{border-top:1px solid var(--line-0);padding:var(--space-4);margin-top:auto}.sidenav-user{color:var(--text-2);margin-bottom:var(--space-2);font-size:13px}.sidenav-logout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line-0);border-radius:var(--radius-sm);color:var(--text-2);display:flex}.sidenav-logout:hover{border-color:var(--line-1);color:var(--text-1)}.shell-body{background:var(--bg-0);flex:1;min-width:0;display:flex}.posture-strip{z-index:40;border-bottom:1px solid var(--line-0);background:var(--bg-1);gap:var(--space-2);padding:var(--space-3) var(--space-6);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:sticky;top:0}.posture-field{min-width:0}.posture-field--posture{text-align:right}.posture-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.posture-value{margin-top:var(--space-1);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.posture-env{letter-spacing:.06em}.posture-env--staging{color:var(--signal-observe)}.posture-env--production{color:var(--signal-incident)}.posture-state{min-width:110px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);letter-spacing:.02em;border:1px solid;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.posture-state--nominal{color:var(--signal-nominal);background:#00c26f14;border-color:#00c26f59}.posture-state--observe{color:var(--signal-observe);background:#f2a90014;border-color:#f2a90059}.posture-state--risk{color:var(--signal-risk);background:#ff7a0014;border-color:#ff7a0059}.posture-state--incident{color:var(--signal-incident);background:#e5484d14;border-color:#e5484d59}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line-0);background:var(--bg-0);display:flex}.topbar-title{font-size:16px;font-weight:600}.topbar-subtitle{margin-top:var(--space-1);color:var(--text-2);font-size:13px}.topbar-spacer{flex:1}.topbar-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line-0);border-radius:var(--radius-sm);color:var(--text-2);transition:border-color var(--speed-fast), color var(--speed-fast), background var(--speed-fast);display:inline-flex}.topbar-search:hover{border-color:var(--line-1);color:var(--text-1);background:var(--bg-2)}.kbd{color:var(--text-3);font-size:11px}.topbar-identity{padding:var(--space-2) var(--space-3);border:1px solid var(--line-0);border-radius:var(--radius-sm);color:var(--text-2);font-size:13px}.shell-content{padding:var(--space-8) var(--space-6)}.control-page{gap:var(--space-8);flex-direction:column;display:flex}.command-hero{gap:var(--space-6);padding:var(--space-6);border:1px solid var(--line-0);border-radius:var(--radius-lg);background:var(--bg-1);grid-template-columns:8fr 4fr;display:grid}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px}.command-hero h1{margin-top:var(--space-2);letter-spacing:-.02em;font-size:34px;line-height:1.1}.hero-copy{margin-top:var(--space-4);color:var(--text-2);max-width:64ch}.hero-actions{margin-top:var(--space-6);gap:var(--space-2);flex-wrap:wrap;display:flex}.kpi-grid{gap:var(--space-2);display:grid}.kpi-tile{border:1px solid var(--line-0);border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-2)}.kpi-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.kpi-value{margin-top:var(--space-2);font-size:24px;font-weight:600;line-height:1}.kpi-tile--incident .kpi-value{color:var(--signal-incident)}.kpi-tile--observe .kpi-value{color:var(--signal-observe)}.matrix-section,.secondary-section,.status-panel{border:1px solid var(--line-0);border-radius:var(--radius-lg);background:var(--bg-1)}.matrix-header,.status-panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-0);display:flex}.matrix-header h2,.status-panel-header h2{font-size:20px;font-weight:600}.matrix-count{color:var(--text-3);font-size:12px}.matrix-wrap{overflow-x:auto}.systems-matrix{border-collapse:collapse;width:100%}.systems-matrix th{text-align:left;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line-0);font-size:11px}.systems-row{border-bottom:1px solid var(--line-0)}.systems-row:last-child{border-bottom:0}.systems-row td{vertical-align:top;padding:var(--space-4) var(--space-5);font-size:14px}.systems-row--empty td{color:var(--text-3)}.system-cell{gap:var(--space-1);flex-direction:column;display:flex}.system-name-row{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.system-name{white-space:nowrap;font-weight:600}.systems-row--tier0 .system-name{color:var(--text-1);letter-spacing:-.01em;font-size:17px;font-weight:700}.systems-row--tier0 td{padding-top:var(--space-5);padding-bottom:var(--space-5)}.system-subtitle{color:var(--text-3);font-size:13px}.matrix-section[aria-label=Tools] .matrix-header h2{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-size:14px;font-weight:500}.status-chip{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);letter-spacing:.02em;border:1px solid;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.status-chip--nominal{color:var(--signal-nominal);background:#00c26f14;border-color:#00c26f59}.status-chip--observe{color:var(--signal-observe);background:#f2a90014;border-color:#f2a90059}.status-chip--incident{color:var(--signal-incident);background:#e5484d14;border-color:#e5484d59}.status-chip--awaiting{color:var(--text-2);border-color:var(--line-1);background:var(--bg-2)}.row-actions{align-items:center;gap:var(--space-2);display:flex}.row-meta{margin-top:var(--space-2);color:var(--text-3);font-size:11px}.secondary-list{flex-direction:column;display:flex}.secondary-app{gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-0);grid-template-columns:minmax(0,3fr) minmax(0,2fr) auto;align-items:center;display:grid}.secondary-app:last-child{border-bottom:0}.secondary-app-name{font-size:16px;font-weight:600}.secondary-app-desc{margin-top:var(--space-1);color:var(--text-3);font-size:13px}.secondary-app-metrics{gap:var(--space-3);align-items:center;display:flex}.secondary-app-actions{gap:var(--space-2);display:flex}.status-page{gap:var(--space-6);flex-direction:column;display:flex}.status-meta{display:grid}.status-meta-row{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line-0);grid-template-columns:240px 1fr;display:grid}.status-meta-row:last-child{border-bottom:0}.status-meta-row dt{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.status-meta-row dd{color:var(--text-1)}.btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--speed-fast), color var(--speed-fast), background var(--speed-fast), opacity var(--speed-fast);border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#f4f7ff;background:#204aab;border-color:#2d5cc8}.btn-primary:hover{background:#2959c2}.btn-secondary{background:var(--bg-2);border-color:var(--line-0);color:var(--text-2)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--line-1);color:var(--text-1)}.btn-danger{color:var(--signal-incident);background:#e5484d1f;border-color:#e5484d59}.btn-danger:hover{background:#e5484d2e}.guard-backdrop{z-index:120;background:#060a10c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.guard-modal{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-lg);width:min(560px,92vw);padding:var(--space-6)}.guard-modal h3{font-size:24px;line-height:1.2}.guard-modal p{margin-top:var(--space-3);color:var(--text-2)}.guard-note{color:var(--text-3);font-size:13px}.guard-actions{margin-top:var(--space-6);justify-content:flex-end;gap:var(--space-2);display:flex}.cmd-backdrop{z-index:130;background:#060a10b3;justify-content:center;padding-top:88px;display:flex;position:fixed;inset:0}.cmd-panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-lg);width:min(640px,92vw);overflow:hidden}.cmd-input-row{align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--line-0);display:flex}.cmd-input{color:var(--text-1);font:inherit;background:0 0;border:0;outline:0;flex:1}.cmd-input::placeholder{color:var(--text-3)}.cmd-esc{color:var(--text-3);font-size:11px}.cmd-results{max-height:360px;padding:var(--space-2);overflow-y:auto}.cmd-group-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2);font-size:11px}.cmd-result{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);border:1px solid #0000;align-items:center;display:flex}.cmd-result:hover,.cmd-result.focused{border-color:var(--line-0);background:var(--bg-2);color:var(--text-1)}.cmd-result-icon{border:1px solid var(--line-0);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.cmd-result-body{flex:1;min-width:0}.cmd-result-name{font-size:14px;font-weight:600}.cmd-result-desc{margin-top:var(--space-1);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cmd-result-right{align-items:center;gap:var(--space-2);display:flex}.cmd-external-icon{color:var(--text-tertiary)}.cmd-result-enter{color:var(--text-3);font-size:11px}.cmd-empty{padding:var(--space-8);text-align:center;color:var(--text-3)}.cmd-footer{border-top:1px solid var(--line-0);padding:var(--space-3) var(--space-4);color:var(--text-3);gap:var(--space-3);font-size:11px;display:flex}.cmd-footer-hint{gap:var(--space-1);display:inline-flex}.cat-badge{border:1px solid var(--line-0);border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.loading-screen,.error-screen,.access-denied{justify-content:center;align-items:center;gap:var(--space-3);min-height:100vh;color:var(--text-2);text-align:center;padding:var(--space-6);flex-direction:column;display:flex}.loading-spinner{border:2px solid var(--line-1);border-top-color:#4e77d4;border-radius:999px;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen h1,.access-denied h1{font-size:28px}.error-screen p,.access-denied p{max-width:560px;line-height:1.6}.access-denied-icon{width:42px;height:42px;color:var(--text-3)}@media (width<=1200px){.posture-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.posture-field--posture{text-align:left}.command-hero{grid-template-columns:1fr}.secondary-app{grid-template-columns:1fr;align-items:flex-start}.secondary-app-actions{margin-top:var(--space-2)}}@media (width<=980px){.shell{flex-direction:column}.sidenav{border-right:0;border-bottom:1px solid var(--line-0);width:100%}.shell-content{padding:var(--space-6)}.systems-matrix th,.systems-row td,.matrix-header,.status-panel-header,.status-meta-row{padding-left:var(--space-3);padding-right:var(--space-3)}.status-meta-row{gap:var(--space-2);grid-template-columns:1fr}}.maintenance-screen{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.maintenance-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;padding:40px 36px;display:flex}.maintenance-brand{align-items:center;gap:8px;margin-bottom:8px;display:flex}.maintenance-mark{border-radius:6px;width:24px;height:24px;font-size:13px}.maintenance-brand-name{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.maintenance-icon{width:56px;height:56px;color:var(--amber-500);background:#f2a9001a;border:1px solid #f2a9004d;border-radius:14px;justify-content:center;align-items:center;margin:4px 0;display:flex;position:relative}.maintenance-icon-badge{background:var(--amber-500);width:18px;height:18px;color:var(--color-text);border-radius:50%;padding:2px;position:absolute;top:-8px;right:-8px}.maintenance-title{color:var(--text-primary);margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.3}.maintenance-desc{color:var(--text-secondary);max-width:360px;margin:0;font-size:13px;line-height:1.6}.maintenance-attempts{color:var(--text-tertiary);margin:0;font-size:12px}.maintenance-actions{margin-top:4px}.maintenance-retry{align-items:center;gap:6px;display:inline-flex}.maintenance-details{text-align:left;width:100%;color:var(--text-tertiary);margin-top:8px;font-size:12px}.maintenance-details summary{cursor:pointer;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;padding:4px 0}.maintenance-details summary:hover{color:var(--text-secondary)}.maintenance-error-pre{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono,monospace);color:var(--red-400);white-space:pre-wrap;word-break:break-all;margin:8px 0;padding:10px 12px;overflow-x:auto}.maintenance-contact{color:var(--text-tertiary);margin:4px 0 0;font-size:11px}.maintenance-contact a{color:var(--blue-400);text-decoration:none}.maintenance-contact a:hover{text-decoration:underline}