*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{max-width:1240px;margin:auto;padding:32px 20px 60px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#64748b;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.04em;margin:10px 0;font-size:48px;line-height:1.02}.hero p{color:#64748b;max-width:760px;font-size:16px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pill,.status{text-transform:capitalize;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.pill.dark{color:#fff;background:#0f172a}.pill.green,.status.green{color:#047857;background:#dcfce7}.status.yellow{color:#a16207;background:#fef9c3}.status.red{color:#b91c1c;background:#fee2e2}.refresh{cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-weight:800;display:flex;box-shadow:0 1px 2px #0001}.notice{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin:14px 0 18px;padding:14px 16px}.grid{gap:16px;margin-bottom:16px;display:grid}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 1px 3px #0000000d}.metric,.score{justify-content:space-between;align-items:flex-start;min-height:145px;display:flex}.compact .card{min-height:125px}.warning{border-color:#fecaca}.label{color:#64748b;margin:0;font-size:14px}.helper{color:#64748b;margin:8px 0 0;font-size:14px}.card h2{letter-spacing:-.04em;margin:10px 0 0;font-size:34px}.icon{color:#334155;background:#f1f5f9;border-radius:18px;padding:12px}.chart h3,.table-card h3{margin:0 0 16px;font-size:21px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#64748b;padding:12px 10px;font-weight:800}td{border-top:1px solid #e2e8f0;padding:15px 10px;font-weight:600}@media (width<=900px){.hero{flex-direction:column}.hero h1{font-size:38px}.four,.three,.two{grid-template-columns:1fr}.shell{padding:22px 14px 40px}}