*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;background:#eef1f6;color:#1f2937}.app-shell{min-height:100vh}.topbar{background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#f8fafc;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.topbar h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.topbar p{margin:6px 0 0;color:#f8fafcb8;font-size:.92rem}.topbar-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.btn:hover{background:#ffffff24}.content{max-width:1440px;margin:0 auto;padding:24px 32px 48px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px #0f172a0a}.kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.kpi-value{margin-top:8px;font-size:1.65rem;font-weight:700;color:#0f172a;line-height:1.1}.kpi-sub{margin-top:6px;font-size:.8rem;color:#64748b}.section-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.section-grid.equal{grid-template-columns:1fr 1fr}@media(max-width:980px){.section-grid,.section-grid.equal{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;box-shadow:0 1px 2px #0f172a0a}.panel h2{margin:0 0 4px;font-size:1rem;font-weight:700;color:#0f172a}.panel .subtitle{margin:0 0 16px;font-size:.82rem;color:#64748b}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.84rem}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid #eef2f7}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700;background:#f8fafc}tr:hover td{background:#fafbfd}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:#64748b}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:#eff6ff;color:#1d4ed8}.leaderboards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}.state-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:48px 24px;text-align:center;color:#64748b}.state-box.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.footer-note{margin-top:24px;font-size:.78rem;color:#64748b;text-align:center}.cause-cell{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-S{color:#b45309;font-weight:700}.grade-A{color:#047857;font-weight:700}.grade-B{color:#1d4ed8;font-weight:700}.grade-C{color:#6d28d9;font-weight:700}.grade-D{color:#b91c1c;font-weight:700}