:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2933;background:#f4f6f8}body{margin:0}main{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}h1{margin:0;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.1rem}.controls{display:flex;align-items:flex-end;gap:12px}.controls label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#52606d}select,button{font:inherit;padding:6px 10px;border:1px solid #cbd2d9;border-radius:6px;background:#fff}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px;color:#52606d}.loading-spinner{width:24px;height:24px;border:3px solid #d9e2ec;border-top-color:#1565c0;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation-duration:2s}}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.summary div{display:flex;flex-direction:column;gap:2px;font-weight:600}.summary .muted{font-weight:400;font-size:.8rem}.muted{color:#616e7c}.small{font-size:.8rem}.error,.warning,.info{padding:10px 14px;border-radius:6px}.error{background:#fdecea;color:#8a1c1c}.warning{background:#fff8e1;color:#7a5b00}.info{background:#e8f2fd;color:#174a70}table.metrics{width:100%;border-collapse:collapse;margin:8px 0}.metrics th,.metrics td{padding:8px 10px;border-bottom:1px solid #e4e7eb;text-align:left}.metrics th{font-size:.8rem;color:#52606d;font-weight:600}.metrics .num{text-align:right;font-variant-numeric:tabular-nums}.metrics .strong{font-weight:700}.metrics tbody tr{cursor:pointer}.metrics tbody tr:hover{background:#f4f6f8}.metrics tbody tr.selected{background:#e3f2fd}.metric-select{border:0;background:transparent;padding:0;text-align:left}.metric-select[aria-pressed=true]{color:#1565c0;font-weight:700}.metric-select:focus-visible{outline:2px solid #1565c0;outline-offset:4px}.note{margin-left:2px;color:#9aa5b1;cursor:help}