:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;background:#f8fafc}button,select{border:1px solid #cbd5e1;background:#fff;padding:10px 14px;border-radius:12px;font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.app-shell{padding:24px}.container{max-width:1400px;margin:0 auto;display:grid;gap:20px}.card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 6px 24px #0f172a0f}.header{display:flex;justify-content:space-between;gap:16px;align-items:center}.header-actions{display:flex;gap:12px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#64748b}h1,h2,h3{margin:0 0 8px}.muted{color:#64748b;font-size:14px}.summary-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:16px}.summary-card{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;flex-wrap:wrap;gap:8px}.health-score{font-size:20px;font-weight:700}.gauge-card .gauge-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.gauge-value{font-size:28px;font-weight:800;margin:8px 0}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:12px;font-weight:700}.pill-good{background:#dcfce7;color:#166534}.pill-bad{background:#fee2e2;color:#991b1b}.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack{display:grid;gap:10px}.item{border:1px solid #e2e8f0;border-radius:16px;padding:12px;display:grid;gap:6px}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metrics-grid>div{border:1px solid #e2e8f0;border-radius:16px;padding:12px;display:grid;gap:8px}.metrics-grid strong{font-size:18px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card h3{margin-bottom:12px}.chart-wrap{width:100%;height:320px}.history-row{display:flex;justify-content:space-between;align-items:center}@media (max-width: 1100px){.summary-grid{grid-template-columns:1fr 1fr}.charts-grid,.two-col{grid-template-columns:1fr}}@media (max-width: 700px){.header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column;align-items:stretch}.summary-grid,.metrics-grid{grid-template-columns:1fr}}
