:root{--bg:#f6f7f9;--card:#fff;--text:#1b1f24;--muted:#5f6b7a;--line:#e3e6eb;--ok:#1f7a4d;--bad:#b42318;--c1:#3b5bdb;--c2:#e8590c;--c3:#2f9e44;--c4:#ae3ec9;--c5:#0c8599;--c6:#868e96;--c7:#f08c00;--c8:#1098ad;--c9:#d6336c;--i1:#364fc7;--i2:#5c7cfa;--i3:#91a7ff}@media (prefers-color-scheme:dark){:root{--bg:#111418;--card:#1a1e24;--text:#e8ebef;--muted:#9aa5b1;--line:#2a3038;--ok:#51cf66;--bad:#ff8787;--c1:#748ffc;--c2:#ff922b;--c3:#69db7c;--c4:#da77f2;--c5:#3bc9db;--c6:#adb5bd;--c7:#ffc078;--c8:#66d9e8;--c9:#faa2c1;--i1:#5c7cfa;--i2:#91a7ff;--i3:#bac8ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0;font-size:1.5rem}h2{margin:0 0 12px;font-size:1rem}.wrap{gap:16px;max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:grid}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.top{justify-content:space-between;align-items:center;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto}.narrow{gap:12px;max-width:420px;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi .big{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:650}.kpi.ok .big{color:var(--ok)}.kpi.bad .big{color:var(--bad)}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);font-size:.85rem;font-weight:600}td,th{border-bottom:1px solid var(--line);vertical-align:top;padding:7px 6px}tr.total td{border-bottom:0;font-weight:650}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.72rem}.dot{border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.bars{gap:14px;margin-bottom:10px;display:grid}.barlabel{justify-content:space-between;margin-bottom:4px;font-weight:600;display:flex}.bartrack{background:var(--line);border-radius:6px;gap:2px;height:30px;display:flex;overflow:hidden}.seg{color:#fff;white-space:nowrap;align-items:center;height:100%;padding:0 8px;font-size:.8rem;display:flex;overflow:hidden}.sizecol{width:18%;min-width:90px}.sizebar{border-radius:3px;height:10px}.tabs{gap:4px;margin-top:8px;display:flex}.tab{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.9rem;text-decoration:none}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}a{color:inherit}