:root{--bg:#0b1220;--panel:#131c2e;--panel-2:#1a2440;--border:#243352;--text:#e7eefc;--muted:#93a4c4;--accent:#4cc2ff;--accent-2:#7df0c4;--warn:#ffb86b;--bad:#ff7a90;--good:#6df0a4}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#0b1220 0%,#0e1730 100%);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0b1220e6;padding:24px 32px 14px;position:sticky;top:0}h1{letter-spacing:.2px;margin:0;font-size:21px}.sub{color:var(--muted);margin-top:4px;font-size:12.5px}.container{max-width:1400px;margin:0 auto;padding:20px 32px 90px}.selectorbar{flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px;display:flex}.yearpills{flex-wrap:wrap;gap:6px;display:flex}.yp{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .12s}.yp:hover{border-color:var(--accent)}.yp.active{background:var(--accent);color:#04111e;border-color:var(--accent);font-weight:700}.yp.alltime.active{background:var(--accent-2);border-color:var(--accent-2)}.modetoggle{border:1px solid var(--border);border-radius:999px;gap:0;display:flex;overflow:hidden}.modetoggle button{background:var(--panel-2);color:var(--muted);cursor:pointer;border:none;padding:7px 14px;font-size:12px;transition:all .12s}.modetoggle button:hover{color:var(--text)}.modetoggle button.active{background:var(--accent);color:#04111e;box-shadow:none;font-weight:700}.kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0 22px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px 16px}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.kpi .value{margin-top:5px;font-size:23px;font-weight:600}.kpi .delta{margin-top:5px;font-size:11.5px}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.neutral{color:var(--muted)}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px}.panel h2{margin:0 0 4px;font-size:15px}.panel .hint{color:var(--muted);margin-bottom:12px;font-size:12px}.chart-wrap{height:320px;position:relative}.chart-wrap.tall{height:420px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.tab.active{background:var(--accent);color:#04111e;border-color:var(--accent);font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;background:var(--panel);font-size:11px;font-weight:500;position:sticky;top:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:#4cc2ff0f}.scroll{border-radius:10px;max-height:460px;overflow-y:auto}.pill{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px}.pill.good{color:var(--good);border-color:#6df0a466}.pill.warn{color:var(--warn);border-color:#ffb86b66}.pill.bad{color:var(--bad);border-color:#ff7a9066}input[type=text],select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.badge{border-radius:6px;margin-left:8px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.year{color:var(--accent);background:#4cc2ff29}.badge.cum{color:var(--warn);background:#ffb86b29}.badge.all{color:var(--accent-2);background:#7df0c429}.na{color:var(--muted);text-align:center;padding:18px;font-size:12.5px;font-style:italic}@media (width<=1100px){.kpis{grid-template-columns:1fr 1fr}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}