@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#000;--bg-card:#0a0a0a;--bg-elevated:#111;--bg-input:#0d0d0d;--bg-hover:#141414;--bg-active:#1a1a0a;--border-primary:#1a1a1a;--border-accent:#2a2a1a;--border-focus:#ffa028;--text-amber:#ffa028;--text-amber-bright:#ffb84d;--text-amber-dim:#8a6a2a;--text-secondary:#6a6a5a;--text-muted:#3a3a2a;--text-white:#e0e0d0;--signal-up:#0068ff;--signal-down:#ff433d;--signal-action:#1db954;--signal-critical:#ff6b35;--signal-warning:#fa0;--signal-info:#4a9eff;--risk-low:#1db954;--risk-medium:#ffa028;--risk-high:#ff6b35;--risk-critical:#ff433d;--font-data:"JetBrains Mono","Courier New",monospace;--font-ui:"Space Grotesk","Arial",sans-serif;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-6:12px;--sp-8:16px;--sp-12:24px;--transition-fast:.12s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-data);background:var(--bg-primary);color:var(--text-amber);min-height:100dvh;line-height:1.2;overflow-x:hidden}.tabular-nums{font-variant-numeric:tabular-nums}.font-data{font-family:var(--font-data)}.font-ui{font-family:var(--font-ui)}.text-amber{color:var(--text-amber)}.text-amber-bright{color:var(--text-amber-bright)}.text-amber-dim{color:var(--text-amber-dim)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.text-up{color:var(--signal-up)}.text-down{color:var(--signal-down)}.text-action{color:var(--signal-action)}.text-critical{color:var(--signal-critical)}.app-shell{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.main-content{flex:1;padding-bottom:60px;overflow-y:auto}.header-bar{padding:var(--sp-3)var(--sp-4);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-bar .logo{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--text-amber);font-size:11px;font-weight:700}.header-bar .status-dot{background:var(--signal-action);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 4px var(--signal-action)}50%{opacity:.4;box-shadow:none}}.bottom-nav{background:var(--bg-primary);border-top:1px solid var(--border-primary);z-index:100;width:100%;max-width:430px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{padding:var(--sp-3)var(--sp-2);color:var(--text-secondary);font-family:var(--font-data);letter-spacing:1px;text-transform:uppercase;transition:color var(--transition-fast);border-top:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:9px;font-weight:500;text-decoration:none;display:flex}.bottom-nav a:hover,.bottom-nav a.active{color:var(--text-amber);border-top-color:var(--text-amber)}.bottom-nav a .nav-icon{font-size:18px;line-height:1}.card{background:var(--bg-card);border:1px solid var(--border-primary);padding:var(--sp-4)}.card-header{padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-primary);margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--text-amber-dim);font-size:10px;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);padding:var(--sp-2)var(--sp-3);border-bottom:1px solid var(--border-primary);white-space:nowrap;font-size:9px;font-weight:500}.data-table td{padding:var(--sp-2)var(--sp-3);border-bottom:1px solid var(--border-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.data-table tr:hover td{background:var(--bg-hover)}.data-table .num{text-align:right;font-family:var(--font-data)}.tag{align-items:center;gap:var(--sp-1);padding:1px var(--sp-2);letter-spacing:.5px;text-transform:uppercase;border:1px solid;font-size:9px;font-weight:600;display:inline-flex}.tag-critical{color:var(--signal-down);border-color:var(--signal-down);background:#ff433d14}.tag-warning{color:var(--signal-warning);border-color:var(--signal-warning);background:#ffaa0014}.tag-info{color:var(--signal-info);border-color:var(--signal-info);background:#4a9eff14}.tag-success{color:var(--signal-action);border-color:var(--signal-action);background:#1db95414}.progress-bar{background:var(--border-primary);height:3px;overflow:hidden}.progress-bar .fill{height:100%;transition:width var(--transition-normal)}.scanline{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"█";color:var(--text-amber);animation:1s step-end infinite blink-cursor}@keyframes amber-glow{0%,to{text-shadow:0 0 4px #ffa0284d}50%{text-shadow:0 0 8px #ffa02899}}.glow-amber{animation:3s ease-in-out infinite amber-glow}.divider{background:var(--border-primary);height:1px;margin:var(--sp-3)0}.cmd-input{align-items:center;gap:var(--sp-3);background:var(--bg-input);border:1px solid var(--border-primary);padding:var(--sp-3)var(--sp-4);display:flex}.cmd-input .prefix{color:var(--signal-action);font-size:11px;font-weight:600}.cmd-input input{color:var(--text-amber);font-family:var(--font-data);caret-color:var(--text-amber);background:0 0;border:none;outline:none;flex:1;font-size:12px}.cmd-input input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent)}::-webkit-scrollbar-thumb:hover{background:var(--text-amber-dim)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}