@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Syne:wght@700;800&family=Inter:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg0:#0a0d12;--bg1:#111520;--bg2:#181d2a;--bg3:#1e2435;--bd0:#2a3248;--bd1:#3a4560;--t0:#e8eaf0;--t1:#8892aa;--t2:#5a6478;--green:#00e57a;--green-bg:#0a2d1e;--red:#ff4444;--red-bg:#2d0a0a;--amber:#ffaa00;--amber-bg:#2d2200;--blue:#4488ff;--blue-bg:#0a1a3d;--cyan:#00ccff;--purple:#9966ff;--purple-bg:#1a0d33}body,html{background:var(--bg0);color:var(--t0);font-family:Inter,sans-serif;min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bd1);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fade-up{animation:fadeUp .35s ease}.blink{animation:blink 1s step-end infinite}.glow{animation:glow 2s ease-in-out infinite}.slide-in{animation:slideIn .25s ease}.app{display:grid;grid-template-columns:210px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.topbar{grid-column:1/-1;border-bottom:1px solid var(--bd0);align-items:center;padding:0 20px;gap:16px;height:56px;z-index:100}.sidebar,.topbar{background:var(--bg1);display:flex}.sidebar{border-right:1px solid var(--bd0);flex-direction:column}.main,.sidebar{overflow-y:auto}.main{background:var(--bg0);padding:24px}.nav-section{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t2);padding:10px 16px 3px;letter-spacing:.1em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:600;color:var(--t1);border-left:2px solid transparent;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:var(--bg2);color:var(--t0)}.nav-item.active{background:var(--green-bg);color:var(--green);border-left-color:var(--green)}.nav-badge{background:var(--red);color:#fff;font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px;border-radius:10px;margin-left:auto}.card{background:var(--bg1);border:1px solid var(--bd0);border-radius:8px}.card-pad{padding:16px}.btn{font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:8px 16px;border-radius:5px;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--green);color:#000}.btn-primary:hover{background:#00c96e}.btn-ghost{background:transparent;color:var(--t1);border:1px solid var(--bd1)}.btn-ghost:hover{background:var(--bg2);color:var(--t0)}.btn-pill,.btn-sm{padding:5px 12px;font-size:11px}.btn-pill{border-radius:20px}.badge{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;padding:2px 8px;border-radius:3px;border:1px solid;white-space:nowrap}.badge-critical{background:var(--red-bg);color:var(--red);border-color:var(--red)}.badge-high{background:var(--amber-bg);color:var(--amber);border-color:var(--amber)}.badge-medium{background:#1a1500;color:#ffcc44;border-color:#ffcc44}.badge-low{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.badge-info{background:var(--bg2);color:var(--t2);border-color:var(--bd0)}.badge-open{background:var(--red-bg);color:var(--red);border-color:var(--red)}.badge-progress{background:var(--amber-bg);color:var(--amber);border-color:var(--amber)}.badge-resolved{background:var(--green-bg);color:var(--green);border-color:var(--green)}.field-input,.field-select{width:100%;background:var(--bg2);border:1px solid var(--bd1);border-radius:5px;color:var(--t0);font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 12px;outline:none;transition:border-color .15s}.field-input:focus,.field-select:focus{border-color:var(--green)}.field-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t2);text-align:left;padding:10px 16px;background:var(--bg2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--bd0)}.tbl td{padding:11px 16px;color:var(--t1);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg2);color:var(--t0)}.tbl-wrap{overflow-x:auto}.terminal{background:#050709;border:1px solid var(--bd0);border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.7;overflow-y:auto}.t-green{color:var(--green)}.t-red{color:var(--red)}.t-amber{color:var(--amber)}.t-cyan{color:var(--cyan)}.t-muted{color:var(--t2)}.t-white{color:var(--t0)}.progress-track{height:5px;background:var(--bg2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .8s ease}.toggle{width:36px;height:18px;border-radius:9px;background:var(--bg3);border:1px solid var(--bd1);position:relative;cursor:pointer;transition:all .2s;flex-shrink:0}.toggle.on{background:var(--green-bg);border-color:var(--green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:var(--t2);transition:all .2s}.toggle.on:after{left:21px;background:var(--green)}.stat-card{background:var(--bg1);border:1px solid var(--bd0);border-radius:8px;padding:16px}.stat-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-value{font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}.stat-sub{font-size:10px;margin-top:4px;color:var(--t2)}.notif,.stat-sub{font-family:JetBrains Mono,monospace}.notif{background:var(--green-bg);border:1px solid var(--green);border-radius:5px;padding:6px 12px;font-size:11px;color:var(--green)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--bg1);border:1px solid var(--bd1);border-radius:10px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto}.mono{font-family:JetBrains Mono,monospace}.page-title{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:#fff}.page-sub{font-size:11px;margin-top:3px}.page-sub,.section-label{font-family:JetBrains Mono,monospace;color:var(--t2)}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.divider{border:none;border-top:1px solid var(--bd0);margin:16px 0}