:root{--ink: #13202c;--muted: #5b6b7a;--paper: #f3f6f8;--panel: #ffffff;--line: #d5dee6;--accent: #0f766e;--accent-soft: #d9f3ef;--warn: #9a3412;--danger-bg: #fff1e8;--shadow: 0 18px 40px rgba(19, 32, 44, .08);--radius: 18px;--font-display: "Source Serif 4", Georgia, serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 10% -10%,#d9f3ef 0%,transparent 55%),linear-gradient(180deg,#e8eef3 0%,var(--paper) 40%,#eef3f7 100%);color:var(--ink);font-family:var(--font-body)}body{padding:1.25rem}#app{max-width:1100px;margin:0 auto}.banner{position:sticky;top:0;z-index:10;background:var(--danger-bg);color:var(--warn);border:1px solid #f0c7a8;border-radius:999px;padding:.65rem 1rem;font-weight:600;letter-spacing:.04em;text-align:center;margin-bottom:1.25rem}.hero{display:grid;gap:.75rem;margin-bottom:1.5rem}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);line-height:1.1}.hero p{margin:0;color:var(--muted);max-width:42rem}.meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.92rem}.grid{display:grid;gap:1rem}@media(min-width:840px){.grid.kpi{grid-template-columns:repeat(3,1fr)}.grid.main{grid-template-columns:1.4fr 1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.card h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.25rem}.kpi-value{font-size:1.7rem;font-weight:600}.kpi-label{color:var(--muted);font-size:.85rem;margin-top:.2rem}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:1rem}label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;background:#fff}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.45rem .25rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.chart-wrap{width:100%;overflow-x:auto}.chart-wrap svg{width:100%;height:auto;min-height:220px}.legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;font-size:.85rem}.swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:999px;margin-right:.35rem}.incident{background:var(--accent-soft);border-radius:12px;padding:.65rem .8rem;margin-top:.5rem}.error{background:#fee2e2;color:#7f1d1d;padding:1rem;border-radius:var(--radius)}.unit{color:var(--muted);font-size:.8rem}