@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg:#080810;--bg2:#0e0e1a;--bg3:#141422;--surface:#1a1a2e;--surface2:#202038;--border:#ffffff0f;--border2:#ffffff1f;--text:#f0f0f8;--text2:#9090b8;--text3:#5a5a80;--accent:#6366f1;--accent2:#818cf8;--green:#10b981;--yellow:#f59e0b;--orange:#f97316;--red:#ef4444;--glow:#6366f126;--low-color:#10b981;--low-bg:#10b9811a;--medium-color:#f59e0b;--medium-bg:#f59e0b1a;--high-color:#f97316;--high-bg:#f973161a;--critical-color:#ef4444;--critical-bg:#ef44441a}[data-theme=light]{--bg:#f4f4fc;--bg2:#fff;--bg3:#ededf8;--surface:#fff;--surface2:#f0f0fc;--border:#00000012;--border2:#00000021;--text:#0a0a1a;--text2:#4a4a6a;--text3:#8a8aaa;--accent:#4f46e5;--accent2:#6366f1;--glow:#6366f114}html,body,#root{background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::selection{background:var(--accent);color:#fff}input,select,textarea{font-family:var(--font-body);background:var(--bg);border:1px solid var(--border2);color:var(--text);border-radius:8px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}button{font-family:var(--font-body);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(500%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s forwards fadeIn}.slide-up{animation:.4s forwards slideUp}@media (width<=768px){header nav button{padding:5px 6px!important;font-size:10px!important}header .stat-detail{display:none}.g2,.g3,.g4,.g5{grid-template-columns:1fr!important}.card{border-radius:10px!important;padding:14px!important}main{padding:12px!important}.recharts-responsive-container{min-height:160px}}@media (width<=480px){header{gap:4px!important;padding:0 8px!important}header nav{display:none}main{padding:8px!important}}@media print{header,.no-print,button{display:none!important}main{padding:0!important}.card{break-inside:avoid;border:1px solid #ddd!important}body{color:#000!important;background:#fff!important}}