:root{--bg:#fafbfd;--panel:#fff;--panel2:#f8fafc;--line:#e2e8f0;--line2:#cbd5e1;--text:#334155;--bright:#0f172a;--muted:#64748b;--muted2:#94a3b8;--blue:#3b82f6;--blue-dk:#2563eb;--purple:#8b5cf6;--cyan:#0ea5e9;--green:#10b981;--red:#ef4444;--grad:linear-gradient(90deg,#3b82f6,#8b5cf6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14.5px}.wordmark{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;color:var(--bright);letter-spacing:-.3px}.wordmark .dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}header.app{background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:14px 28px;display:flex;align-items:center;gap:18px;position:-webkit-sticky;position:sticky;top:0;z-index:10}header.app .title{font-size:15px;font-weight:600;color:var(--bright)}header.app .sub{color:var(--muted);font-size:12.5px}header.app .right{margin-left:auto;display:flex;gap:10px;align-items:center;position:relative}.btn,select{font-family:inherit;font-size:13.5px;padding:7px 12px;border:1px solid var(--line2);border-radius:8px;color:var(--text);background:var(--panel);cursor:pointer}.btn-primary{background:var(--grad);color:#fff;border:none;font-weight:600}.menu{position:absolute;right:0;top:42px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;min-width:210px;box-shadow:0 12px 32px rgba(15,23,42,.12);z-index:30}.menu button{display:block;width:100%;text-align:left;font-family:inherit;font-size:13.5px;padding:9px 12px;background:none;border:none;color:var(--text);border-radius:7px;cursor:pointer}.menu button:hover{background:#eff6ff}nav.tabs{display:flex;gap:4px;padding:8px 28px 0;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}nav.tabs button{font-family:inherit;font-size:13.5px;font-weight:500;padding:9px 15px;background:none;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent}nav.tabs button.active{color:var(--blue-dk);border-bottom-color:var(--blue);font-weight:600}nav.tabs button:hover{color:var(--bright)}main{padding:22px 28px;max-width:1280px;margin:0 auto}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.kpi .v{font-size:23px;font-weight:700;line-height:1.1;color:var(--bright)}.kpi .l{font-size:11px;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.5px}.kpi.blue{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#bfdbfe}.kpi.blue .v{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:900px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.card h3{font-size:14.5px;margin-bottom:2px;color:var(--bright);font-weight:600}.card .note{font-size:12.5px;color:var(--muted);margin-bottom:10px}.callout{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:14px;color:#5b21b6}.toggles{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap;align-items:center}.toggles button{font-family:inherit;font-size:12.5px;padding:4px 12px;border:1px solid var(--line2);background:var(--panel);color:var(--muted);border-radius:14px;cursor:pointer}.toggles button.active{background:var(--blue);border-color:var(--blue);color:#fff}.toggles .spacer{flex:1 1}.toggles label{font-size:12px;color:var(--muted);margin-right:4px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:7px 8px;border-bottom:2px solid var(--line);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}td:first-child,th:first-child{text-align:left}th.sorted{color:var(--blue-dk)}td{padding:7px 8px;border-bottom:1px solid #f1f5f9;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:hover td{background:#f8fafc}.good{color:#059669}.bad,.good{font-weight:600}.bad{color:var(--red)}footer{text-align:center;color:var(--muted2);font-size:12px;padding:18px}.recharts-text{fill:var(--muted)}.recharts-legend-item-text{color:var(--muted)!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--line2)}@media print{header.app .right,nav.tabs{display:none}.card,.kpi{box-shadow:none}}