:root,[data-theme=dark]{--bg-primary:#050507;--bg-secondary:#0c0c10;--bg-card:#101015;--bg-hover:#17171d;--bg-elevated:#14141b;--text-primary:#f4f4f7;--text-secondary:#c2c2cc;--text-muted:#9aa0aa;--text-faint:#6f747e;--accent-red:#d52b37;--accent-red-bright:#ff3a48;--accent-red-glow:#d52b3773;--accent-steel:#6fb7c9;--accent-green:#2ee68a;--accent-amber:#f5a623;--accent-violet:#b07cff;--accent-blue:#4d9fff;--accent-yellow:#ffd23f;--bridge-bg-primary:var(--bg-primary);--bridge-surface-command:var(--bg-card);--bridge-surface-panel:var(--bg-secondary);--bridge-border-subtle:var(--border-color);--bridge-status-nominal:var(--accent-green);--bridge-status-caution:var(--accent-amber);--bridge-status-critical:var(--accent-red-bright);--bridge-status-info:var(--accent-steel);--bridge-clearance-restricted:var(--accent-violet);--surface-danger:#d52b371f;--surface-danger-border:#d52b3773;--surface-success:#2ee68a1a;--surface-success-border:#2ee68a59;--surface-info:#6fb7c91a;--surface-info-border:#6fb7c959;--surface-warning:#f5a6231f;--surface-warning-border:#f5a62366;--surface-violet:#b07cff1f;--surface-violet-border:#b07cff66;--border-color:#1d1d24;--border-strong:#2a2a34;--border-glow:#d52b3759;--nav-active-fill:#d52b3729;--nav-active-border:#d52b3780;--font-display:"Orbitron", "Rajdhani", sans-serif;--font-body:"Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--shadow:0 8px 24px -8px #000c;--elevation-sm:0 2px 8px -4px #0009;--elevation-md:0 6px 18px -8px #000000b3;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--bg-glow-1:#d52b371f;--bg-glow-2:#78788c14;--grid-color:#7878960b;--grid-size:44px;--motion-fast:.12s;--motion-base:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-env=dev]{--env-accent:var(--accent-steel)}[data-env=test]{--env-accent:var(--accent-violet)}[data-env=uat]{--env-accent:var(--accent-amber)}[data-env=prod]{--env-accent:var(--accent-red-bright)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 60% at 78% -10%, var(--bg-glow-1), transparent 60%), radial-gradient(ellipse 70% 50% at 0% 110%, var(--bg-glow-2), transparent 55%);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:fixed;inset:0;-webkit-mask-image:radial-gradient(100% 100% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(100% 100% at 50% 0,#000 30%,#0000 80%)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:600}a{color:var(--accent-steel);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}code,.mono{font-family:var(--font-mono);font-size:.92em}.app-shell{z-index:1;grid-template-rows:100vh;grid-template-columns:248px 1fr;height:100vh;display:grid;position:relative}.sidebar{background:linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));border-right:1px solid var(--border-color);flex-direction:column;display:flex;overflow-y:auto}.brand{align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-12) var(--space-10);border-bottom:1px solid var(--border-color);display:flex}.brand-mark{border:1px solid var(--accent-red);border-radius:var(--radius-md);width:34px;height:34px;color:var(--accent-red-bright);box-shadow:0 0 14px -2px var(--accent-red-glow);flex:none;place-items:center;display:grid}.brand-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:.04em;line-height:1}.brand-sub{font-size:var(--text-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.18em}.nav{padding:var(--space-8) var(--space-6);flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);border:1px solid #0000;font-weight:500;display:flex}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-link.active{background:var(--nav-active-fill);border-color:var(--nav-active-border);color:var(--text-primary)}.nav-link .nav-label{flex-direction:column;line-height:1.15;display:flex}.nav-link .nav-sub{font-size:var(--text-2xs);color:var(--text-faint)}.nav-section{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);padding:var(--space-8) var(--space-6) var(--space-3)}.sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-8);font-size:var(--text-xs);color:var(--text-muted)}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-12);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c10b3;display:flex}.topbar .search{flex:1;max-width:520px}.topbar-spacer{flex:1}.env-chip{align-items:center;gap:var(--space-3);padding:3px var(--space-6);border-radius:var(--radius-pill);border:1px solid var(--env-accent,var(--accent-steel));color:var(--env-accent,var(--accent-steel));font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;font-weight:600;display:inline-flex}.user-chip{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-6);border:1px solid var(--border-color);border-radius:var(--radius-pill);background:var(--bg-card);display:flex}.user-chip .avatar{border-radius:var(--radius-pill);background:var(--surface-info);width:26px;height:26px;color:var(--accent-steel);font-weight:700;font-size:var(--text-xs);place-items:center;display:grid}.alert-banner{align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-12);border-bottom:1px solid #0000;font-weight:600;display:flex}.alert-banner.yellow{background:var(--surface-warning);border-bottom-color:var(--surface-warning-border);color:var(--accent-amber)}.alert-banner.red{background:var(--surface-danger);border-bottom-color:var(--surface-danger-border);color:var(--accent-red-bright)}.content{padding:var(--space-12) var(--space-16);flex:1;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.page-title{font-size:var(--text-2xl);letter-spacing:.02em}.page-eyebrow{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-steel);margin-bottom:var(--space-3)}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--elevation-sm)}.panel-header{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-10);border-bottom:1px solid var(--border-color);display:flex}.panel-title{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.panel-body{padding:var(--space-10)}.panel-body.flush{padding:0}.grid{gap:var(--space-10);display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-6{grid-template-columns:repeat(6,1fr)}@media (width<=1280px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-6{grid-template-columns:repeat(3,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-6{grid-template-columns:1fr}}.metric{padding:var(--space-10);gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.metric .metric-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.metric .metric-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.metric.tone-nominal .metric-value{color:var(--bridge-status-nominal)}.metric.tone-caution .metric-value{color:var(--bridge-status-caution)}.metric.tone-critical .metric-value{color:var(--bridge-status-critical)}.metric.tone-info .metric-value{color:var(--bridge-status-info)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.data thead th{text-align:left;font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0}table.data tbody td{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}table.data tbody tr:hover td{background:var(--bg-hover)}table.data tbody tr:last-child td{border-bottom:none}table.data .num{text-align:right;font-variant-numeric:tabular-nums}.badge{align-items:center;gap:var(--space-3);padding:2px var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;font-weight:600;display:inline-flex}.badge.nominal{background:var(--surface-success);border-color:var(--surface-success-border);color:var(--accent-green)}.badge.caution{background:var(--surface-warning);border-color:var(--surface-warning-border);color:var(--accent-amber)}.badge.critical{background:var(--surface-danger);border-color:var(--surface-danger-border);color:var(--accent-red-bright)}.badge.info{background:var(--surface-info);border-color:var(--surface-info-border);color:var(--accent-steel)}.badge.restricted{background:var(--surface-violet);border-color:var(--surface-violet-border);color:var(--accent-violet)}.badge.neutral{background:var(--bg-hover)}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.nominal{background:var(--bridge-status-nominal);box-shadow:0 0 8px -1px var(--bridge-status-nominal)}.dot.caution{background:var(--bridge-status-caution);box-shadow:0 0 8px -1px var(--bridge-status-caution)}.dot.critical{background:var(--bridge-status-critical);box-shadow:0 0 8px -1px var(--bridge-status-critical)}.dot.info{background:var(--bridge-status-info)}.dot.unknown{background:var(--text-faint)}.dot.disabled{background:var(--border-strong)}.btn{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-10);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-hover);color:var(--text-primary);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion-fast), background var(--motion-fast);display:inline-flex}.btn:hover{border-color:var(--accent-steel)}.btn.primary{background:var(--accent-red);border-color:var(--accent-red)}.btn.primary:hover{background:var(--accent-red-bright);border-color:var(--accent-red-bright)}.btn.success{background:var(--surface-success);border-color:var(--surface-success-border);color:var(--accent-green)}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.input{width:100%;height:36px;padding:0 var(--space-8);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-body)}.input:focus{border-color:var(--accent-steel);box-shadow:0 0 0 2px var(--surface-info);outline:none}.input::placeholder{color:var(--text-faint)}select.input{appearance:none}.empty-state{align-items:center;gap:var(--space-6);padding:var(--space-16);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state .icon{color:var(--text-faint)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent-steel);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.loading-wrap{place-items:center;min-height:50vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.row{align-items:center;gap:var(--space-6);display:flex}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{gap:var(--space-6);flex-direction:column;display:flex}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:var(--text-xs)}.nowrap{white-space:nowrap}.right{text-align:right}.mt-2{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-8)}.flex1{flex:1}.clamp{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.kv{gap:var(--space-5) var(--space-8);font-size:var(--text-sm);grid-template-columns:180px 1fr;display:grid}.kv dt{color:var(--text-faint)}.kv dd{color:var(--text-secondary);margin:0}.sparkline{width:100%;height:44px;display:block}:focus-visible{outline:2px solid var(--accent-steel);outline-offset:2px}.login-screen{z-index:1;background-image:linear-gradient(#04050abd,#04050aeb),url(/login-hero.jpg);background-position:50%;background-size:cover;place-items:center;min-height:100vh;display:grid;position:relative}img.brand-mark{object-fit:cover;border-radius:var(--radius-md);box-shadow:0 0 18px -4px var(--accent-red-glow);background:0 0;border:none;padding:0}html[data-skin=lcars] img.brand-mark{box-shadow:0 0 20px -2px #ff9c3399}html[data-skin=lcars]{--lcars-orange:#ff9c33;--lcars-amber:#fc6;--lcars-peach:#f96;--lcars-mars:#cc6f53;--lcars-gold:#ffd23f;--lcars-violet:#b07cff;--lcars-sky:#7fa6ff;--lcars-ice:#6fb7c9;--accent-red:#d8542f;--accent-red-bright:#ff5a3c;--accent-red-glow:#ff5a3c80;--accent-steel:var(--lcars-sky);--accent-amber:var(--lcars-amber);--accent-blue:var(--lcars-sky);--bridge-status-info:var(--lcars-sky);--nav-active-fill:#ff9c332e;--nav-active-border:#ff9c3399;--bg-primary:#04050a;--bg-secondary:#090b12;--bg-card:#0d0f18;--border-color:#1b2030;--border-strong:#2a3346;--font-display:"Orbitron", "Rajdhani", sans-serif;--viewscreen-img:url(/viewscreen-bg.jpg)}html[data-skin=lcars] body{background-color:#04050a;background-image:radial-gradient(70% 50% at 80% -10%,#ff9c331f,#0000 60%),radial-gradient(60% 50% at 0 110%,#7fa6ff1f,#0000 55%),radial-gradient(50% 40%,#b07cff0f,#0000 70%)}html[data-skin=lcars] body:before{content:"";z-index:0;pointer-events:none;background-image:var(--viewscreen-img,none), radial-gradient(1px 1px at 20px 30px, #ffffffb3, transparent), radial-gradient(1px 1px at 120px 80px, #ffffff80, transparent), radial-gradient(1.5px 1.5px at 200px 160px, #ffdcb4b3, transparent), radial-gradient(1px 1px at 320px 240px, #c8dcff99, transparent), radial-gradient(1px 1px at 80px 300px, #ffffff80, transparent), radial-gradient(1.5px 1.5px at 380px 60px, #fff9, transparent);opacity:.55;background-repeat:no-repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:cover,400px 360px,400px 360px,400px 360px,400px 360px,400px 360px,400px 360px;animation:220s linear infinite bridge-drift;position:fixed;inset:0}html[data-skin=lcars] body:after{content:"";z-index:0;pointer-events:none;opacity:.7;background:conic-gradient(#ff9c3324,#0000 25% 100%);border-radius:50%;width:90vh;height:90vh;animation:14s linear infinite bridge-sweep;position:fixed;top:-30vh;right:-20vw;-webkit-mask-image:radial-gradient(circle,#000 0% 58%,#0000 70%);mask-image:radial-gradient(circle,#000 0% 58%,#0000 70%)}@keyframes bridge-sweep{to{transform:rotate(360deg)}}@keyframes bridge-drift{to{background-position:0 0,0 720px,0 -720px,0 720px,0 -720px,0 720px,0 -720px}}@media (prefers-reduced-motion:reduce){html[data-skin=lcars] body:after,html[data-skin=lcars] body:before{animation:none}}html[data-skin=lcars] .sidebar{border-right:2px solid var(--lcars-orange);background:linear-gradient(#0a0d16,#04050a)}html[data-skin=lcars] .brand{padding-top:var(--space-12);border-bottom:none;position:relative}html[data-skin=lcars] .brand:after{content:"";left:0;right:var(--space-12);background:var(--lcars-orange);border-top-right-radius:14px;height:14px;position:absolute;bottom:0}html[data-skin=lcars] .brand-mark{border-color:var(--lcars-orange);color:var(--lcars-amber);box-shadow:0 0 18px -2px #ff9c3399}html[data-skin=lcars] .brand-title{color:var(--lcars-amber)}html[data-skin=lcars] .nav-link{border-radius:0 var(--radius-pill) var(--radius-pill) 0;border-left:5px solid var(--lcars-mars);text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-sm);margin-bottom:3px}html[data-skin=lcars] .nav-link:nth-child(3n){border-left-color:var(--lcars-sky)}html[data-skin=lcars] .nav-link:nth-child(3n+1){border-left-color:var(--lcars-orange)}html[data-skin=lcars] .nav-link:nth-child(3n+2){border-left-color:var(--lcars-violet)}html[data-skin=lcars] .nav-link.active{background:var(--nav-active-fill);border-left-color:var(--lcars-amber);color:var(--lcars-amber)}html[data-skin=lcars] .topbar{border-bottom:2px solid var(--lcars-orange);background:#090b12cc}html[data-skin=lcars] .env-chip{border-radius:var(--radius-pill);border-width:2px}html[data-skin=lcars] .panel{border-color:var(--border-strong);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg)}html[data-skin=lcars] .panel-header{padding-left:var(--space-12);background:linear-gradient(90deg,#ff9c3329,#0000 60%);border-bottom:1px solid #ff9c3359;position:relative}html[data-skin=lcars] .panel-header:before{content:"";background:var(--lcars-orange);width:6px;position:absolute;top:0;bottom:0;left:0}html[data-skin=lcars] .panel-title{color:var(--lcars-amber)}html[data-skin=lcars] .metric{border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);border-left:4px solid var(--lcars-orange)}html[data-skin=lcars] .metric .metric-value{font-family:var(--font-display);letter-spacing:.02em}html[data-skin=lcars] .page-eyebrow{color:var(--lcars-orange)}html[data-skin=lcars] .page-title{color:var(--text-primary);text-shadow:0 0 18px #ff9c3340}html[data-skin=lcars] .btn{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em}html[data-skin=lcars] .btn.primary{background:var(--lcars-orange);border-color:var(--lcars-orange);color:#1a0f00}html[data-skin=lcars] .btn.primary:hover{background:var(--lcars-amber);border-color:var(--lcars-amber)}html[data-skin=lcars] .badge{letter-spacing:.08em}html[data-alert=yellow] .app-shell:after,html[data-alert=red] .app-shell:after{content:"";pointer-events:none;z-index:50;position:fixed;inset:0;box-shadow:inset 0 0 0 3px,inset 0 0 60px -10px}html[data-alert=yellow] .app-shell:after{color:#f5a6238c;animation:2.4s ease-in-out infinite bridge-klaxon}html[data-alert=red] .app-shell:after{color:#ff3c3299;animation:1.2s ease-in-out infinite bridge-klaxon}@keyframes bridge-klaxon{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){html[data-alert] .app-shell:after{opacity:.5;animation:none}}html[data-skin=lcars] .app-shell{z-index:1;position:relative}