:root{--bg:#0f1117;--card-bg:#1a1d27;--surface2:#222635;--border:#2d3148;--text1:#e6e8f0;--text2:#8b90b0;--accent:#8b83ff;--accent2:#00d4aa;--danger:#ff6b6b;--gold:#ffd166;--orange:#ff9f43;--pink:#e879f9;--sky:#38bdf8;--good:#3fb950;--bad:#f85149}[data-theme=light]{--bg:#f4f6fb;--card-bg:#fff;--surface2:#eef1f8;--border:#d9deeb;--text1:#1e2330;--text2:#5a6178;--accent:#4338ca;--danger:#c00;--gold:#855d00;--orange:#a35000;--pink:#aa09c3;--sky:#066f9e;--accent2:#008066;--good:#2b7e36;--bad:#dd1208}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:860px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.kpi-card:hover{border-color:var(--accent)}.kpi-label{font-size:12px;color:var(--text2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:26px;font-weight:700;margin-bottom:6px}.kpi-comp{font-size:12px;display:flex;gap:4px}.badge,.kpi-comp{align-items:center}.badge{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:rgba(0,212,170,.15);color:var(--accent2)}.badge-gray{background:rgba(139,144,176,.15);color:var(--text2)}.badge-orange{background:rgba(255,159,67,.15);color:var(--orange)}.badge-red{background:hsla(0,100%,71%,.15);color:var(--danger)}