:root{--bg: #f4f6fb;--surface: #ffffff;--surface-soft: #eef2ff;--text: #1f2937;--muted: #6b7280;--border: #d7deed;--brand: #0f766e;--brand-soft: #ccfbf1;--danger: #b91c1c}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#e0f2fe,transparent 40%),radial-gradient(circle at top left,#d1fae5,transparent 35%),var(--bg)}main{max-width:1120px;margin:0 auto;padding:24px 16px 48px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h1{margin:0;font-size:1.6rem}.pill{border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:4px 12px;font-size:12px;font-weight:600}.pill.ok{border-color:var(--brand);color:var(--brand)}.pill.error{border-color:var(--danger);color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}input,select,button{border:1px solid var(--border);border-radius:10px;padding:10px;font:inherit;background:var(--surface)}.checkbox{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:14px}button{margin-top:22px;background:var(--brand);color:#fff;border-color:var(--brand);cursor:pointer;font-weight:600}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.kpi-label{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase}.kpi-value{margin:0;font-size:1.3rem;font-weight:700}.grid-two{display:grid;gap:12px;grid-template-columns:1fr 1fr}.section-title{margin:0 0 10px;font-size:1rem}.timeseries-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.row{display:grid;grid-template-columns:1fr repeat(3,minmax(0,auto));gap:10px;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:14px}.summary{margin:0 0 10px;font-weight:500}.insight-columns{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-columns section{background:var(--surface-soft);border-radius:10px;padding:8px}.insight-columns h4{margin:0 0 6px;font-size:.9rem}.insight-columns ul{margin:0;padding-left:18px;font-size:14px}.panel-state{margin:0;color:var(--muted)}.panel-error{color:var(--danger)}.dispatch{margin:0 0 10px;font-size:13px}.dispatch-ok{color:var(--brand)}.dispatch-error{color:var(--danger)}@media(max-width:900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.insight-columns,.row{grid-template-columns:1fr}button,.checkbox{margin-top:0}}