@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:#080b13;--bg-secondary:#101520;--bg-tertiary:#171f2e;--glass-bg:#101520a6;--glass-bg-hover:#181f2ecc;--glass-border:#00f0ff14;--glass-border-active:#00f0ff59;--panel:#0c1119;--metal:#161d29;--screen:#04070c;--edge:#ffffff0f;--color-teal:#00f0ff;--color-cyan:#38bdf8;--color-amber:#f59e0b;--color-red:#ef4444;--color-green:#10b981;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#8b93a1;--btn-text:#fff;--btn-text-secondary:#e2e8f0;--shadow-teal:0 0 15px #00f0ff40;--shadow-red:0 0 20px #ef444459;--shadow-amber:0 0 15px #f59e0b40;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:16px;--transition-fast:.2s ease;--transition-normal:.3s ease}:root.light{--bg-primary:#f0f4f8;--bg-secondary:#e2e8f0;--bg-tertiary:#cbd5e1;--glass-bg:#ffffffbf;--glass-bg-hover:#ffffffeb;--glass-border:#0096b42e;--glass-border-active:#0096b480;--panel:#dbe3ec;--metal:#c7d2df;--screen:#0a0e17;--edge:#00000014;--color-teal:#0284c7;--color-cyan:#0369a1;--color-amber:#b45309;--color-red:#dc2626;--color-green:#059669;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--btn-text:#0f172a;--btn-text-secondary:#1e293b;--shadow-teal:0 0 15px #0284c733;--shadow-red:0 0 20px #dc262640;--shadow-amber:0 0 15px #b4530933}.light body{background-color:var(--bg-primary);background-image:radial-gradient(at 0 0,#0284c70a 0,#0000 50%),radial-gradient(at 100% 100%,#dc262605 0,#0000 50%)}:root.night{--bg-primary:#0b0805;--bg-secondary:#17130d;--bg-tertiary:#221a10;--glass-bg:#1c150b9e;--glass-bg-hover:#281e10d1;--glass-border:#e7b45a1f;--glass-border-active:#e7b45a6b;--panel:#17130d;--metal:#241c10;--screen:#0a0704;--edge:#e7b45a1f;--color-teal:#f0b64a;--color-cyan:#e7cf9a;--color-amber:#ff9e3d;--color-red:#ff5a4d;--color-green:#cde08a;--text-primary:#f2e4c6;--text-secondary:#cbb488;--text-muted:#a08a5e;--btn-text:#1a1206;--btn-text-secondary:#2a1f0e;--shadow-teal:0 0 15px #f0b64a4d;--shadow-red:0 0 20px #ff5a4d52;--shadow-amber:0 0 15px #ff9e3d42}.night body{background-color:var(--bg-primary);background-image:radial-gradient(at 50% -5%,#f0b64a14 0,#0000 55%),radial-gradient(at 100% 100%,#ff5a4d05 0,#0000 60%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#00f0ff08 0,#0000 50%),radial-gradient(at 100% 100%,#ef444405 0,#0000 50%),radial-gradient(#12182480 0,#0000 80%);min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);box-shadow:0 8px 32px #0000005e}.glass-panel-hover:hover{border-color:var(--glass-border-active);background:var(--glass-bg-hover);box-shadow:var(--shadow-teal)}.glass-card-interactive{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.glass-card-interactive:hover{border-color:var(--color-cyan);background:#1a2234b3;transform:translateY(-2px);box-shadow:0 0 12px #38bdf826}.glass-card-interactive.active{border-color:var(--color-teal);box-shadow:var(--shadow-teal);background:#00f0ff0d}.glow-text-teal{text-shadow:0 0 8px #00f0ff80;color:var(--color-teal)}.glow-text-amber{text-shadow:0 0 8px #f59e0b80;color:var(--color-amber)}.glow-text-red{text-shadow:0 0 8px #ef444499;color:var(--color-red)}.glow-text-green{text-shadow:0 0 8px #10b98180;color:var(--color-green)}@keyframes pulse-red{0%,to{border-color:#ef444433;box-shadow:0 0 5px #ef44441a}50%{background-color:#ef444414;border-color:#ef4444cc;box-shadow:0 0 20px #ef444466}}.alarm-pulse{animation:1.5s infinite pulse-red}@keyframes pulse-amber{0%,to{border-color:#f59e0b33;box-shadow:0 0 5px #f59e0b1a}50%{background-color:#f59e0b0d;border-color:#f59e0bb3;box-shadow:0 0 15px #f59e0b4d}}.caution-pulse{animation:2s infinite pulse-amber}@keyframes startup-sweep{0%{opacity:0;transform:translateY(100%)}50%{opacity:.5}to{opacity:0;transform:translateY(-100%)}}.scan-line{background:linear-gradient(to bottom, transparent, var(--color-teal), transparent);opacity:0;pointer-events:none;width:100%;height:4px;position:absolute;top:0;left:0}.scan-active .scan-line{animation:3s linear infinite startup-sweep}.dashboard-container{grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.main-content{flex-direction:column;height:100vh;display:flex;position:relative;overflow-y:auto}.tab-panel{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}button{color:var(--text-primary);font-family:var(--font-primary)}.btn-primary{background:var(--color-teal);color:#000;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;transition:opacity var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:8px 18px}.btn-primary:hover{opacity:.88;box-shadow:var(--shadow-teal)}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border-active);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;transition:all var(--transition-fast);background:0 0;padding:7px 16px}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-cyan);color:var(--color-cyan)}.font-technical{font-family:var(--font-mono);font-size:.9rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-badge.normal{color:var(--color-green);background:#10b9811f;border:1px solid #10b98140}.status-badge.caution{color:var(--color-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.status-badge.danger{color:var(--color-red);background:#ef44441f;border:1px solid #ef444440}.status-badge.systems{color:var(--color-teal);background:#00f0ff1f;border:1px solid #00f0ff40}