@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060913;--panel:#0e1323e6;--border:#788cb440;--accent:#22f7ff;--accent-soft:#22f7ff33;--danger:#f36;--text:#d7e2ff;--muted:#7f93c9;--good:#4dff88;--warn:#ffd166;--excellent:#4dff88;--medium:#ffd166;--high:#ff6b9d}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#22f7ff14,transparent 50%),radial-gradient(circle at 20% 20%,#f54b641f,transparent 45%),var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,system-ui,sans-serif}.shell{flex-direction:column;gap:28px;min-height:100vh;padding:32px 40px 48px;display:flex}.topbar{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.topbar h1{letter-spacing:1px;margin:4px 0 0;font-size:40px}.tag{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.sub{color:var(--muted);margin:6px 0 0;font-size:14px}.status{text-transform:uppercase;gap:20px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.status span{background:#ffffff0d;border-radius:999px;margin-bottom:4px;padding:6px 10px;display:inline-block}.status p{color:var(--muted);text-align:right;margin:0}.good{color:var(--good);border:1px solid #4dff8866}.bad{color:var(--danger);border:1px solid #f54b6480}.warn{color:var(--warn)}.grid{grid-template-columns:320px 1fr;gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:20px;box-shadow:0 25px 50px #02040c99}.panel h2{margin:0 0 10px;font-size:20px}.targets{flex-direction:column;gap:14px;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.targets h2{z-index:10;background:#0e1323;border-bottom:1px solid #788cb426;margin:-20px -20px 10px;padding:30px 20px 10px;font-size:20px;position:sticky;top:-20px}.target-list{flex-direction:column;gap:12px;padding-right:8px;display:flex}.targets::-webkit-scrollbar{width:8px}.targets::-webkit-scrollbar-track{background:#080c1880;border-radius:4px}.targets::-webkit-scrollbar-thumb{background:#22f7ff4d;border-radius:4px}.targets::-webkit-scrollbar-thumb:hover{background:#22f7ff80}.target{color:inherit;cursor:pointer;text-align:left;background:#080c18cc;border:1px solid #0000;border-radius:12px;justify-content:space-between;gap:14px;padding:14px 16px;transition:border .2s,transform .2s;display:flex}.target:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.target.active{border-color:var(--accent);box-shadow:0 0 0 1px #22f7ff33}.target h3{margin:0 0 4px;font-size:16px}.target p{color:var(--muted);margin:0;font-size:12px}.target-metrics{flex-direction:column;align-items:flex-end;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.panel.main,.panel-head{flex-direction:column;gap:16px;display:flex}.panel-head p{color:var(--muted);margin:0}.stat-row{text-transform:uppercase;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}.stat-row strong{color:var(--text);margin-top:6px;font-size:18px;display:block}.chart{background:#0d1117;border:1px solid #465a7866;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff08}.chart>div{border-radius:12px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-line,.legend-drop,.legend-excellent,.legend-good,.legend-medium,.legend-high{border-radius:1px;width:20px;height:2px;display:inline-block}.legend-excellent{background:#0f8;box-shadow:0 0 8px #0f8}.legend-good{background:#00d4ff;box-shadow:0 0 8px #00d4ff}.legend-medium{background:#fa0;box-shadow:0 0 8px #fa0}.legend-high{background:#f06;box-shadow:0 0 8px #f06}.legend-drop{background:#f06;width:3px;height:10px;box-shadow:0 0 8px #f06}@media (max-width:980px){.shell{padding:24px}.topbar{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-tabs{gap:8px;margin-bottom:20px;display:flex}.nav-tab{color:var(--muted);cursor:pointer;background:#080c1899;border:1px solid #788cb433;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-tab:hover{border-color:var(--accent-soft);color:var(--text);transform:translateY(-1px)}.nav-tab.active{border-color:var(--accent);color:var(--accent);background:#22f7ff1a}.global-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.mini-chart{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;padding:16px;transition:transform .2s,border-color .2s;box-shadow:0 4px 20px #02040c66}.mini-chart:hover{border-color:#22f7ff4d;transform:translateY(-2px)}.mini-chart.empty{flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.mini-chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.mini-chart h3{color:var(--text);margin:0 0 4px;font-size:15px}.mini-chart .host{color:var(--muted);margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.mini-stats{flex-direction:column;align-items:flex-end;display:flex}.mini-stats .avg{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.no-data{color:var(--muted);margin-top:20px;font-size:13px}@media (max-width:1400px){.global-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:980px){.global-grid{grid-template-columns:1fr}}.category-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.category-tab{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#080c1899;border:1px solid #788cb433;border-radius:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.category-tab:hover{border-color:var(--accent-soft);color:var(--text)}.category-tab.active{border-color:var(--accent);color:var(--accent);background:#22f7ff26}.footer{text-align:center;border-top:1px solid #788cb426;margin-top:32px;padding:24px 0 0}.footer p{color:var(--muted);margin:0;font-family:JetBrains Mono,monospace;font-size:13px}.footer .copyright{opacity:.7;margin-top:8px;font-size:11px}