:root{font-family:system-ui,sans-serif;color:#102a33;background:#f2f6f5}*{box-sizing:border-box}body{margin:0}.topbar{padding:1.8rem max(1.25rem,calc((100vw - 1200px)/2));background:#073b4c;color:#fff;display:flex;gap:1rem;justify-content:space-between;align-items:center}.topbar p{margin:0;color:#c7e7e2;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.topbar h1{margin:.2rem 0 0;font-size:1.8rem}.topbar nav{display:flex;gap:1rem}.topbar a{color:#fff}.dashboard{max-width:1200px;margin:1.5rem auto;padding:0 1.25rem}.controls,.summary,.distribution,.prediction-models,.sensor-card{background:#fff;border:1px solid #d9e5e2;border-radius:.65rem}.controls{padding:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.metric-buttons,.actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}button{border:1px solid #0e6a67;background:#fff;color:#075854;border-radius:.35rem;padding:.55rem .75rem;font-weight:650;cursor:pointer}button.selected,button:hover{background:#0e6a67;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}.impact,.error{padding:.8rem 1rem;border-radius:.45rem}.impact{background:#fff4d8;color:#654600}.error{background:#fee4e2;color:#8b1d15}.summary{margin:1rem 0;padding:.7rem 1rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;color:#43616a;font-size:.9rem}.sensor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sensor-card{padding:1rem}.sensor-card-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sensor-card h2{margin:0;font-size:1rem}.sensor-card-heading button{font-size:.78rem;padding:.4rem .6rem}.line-chart{margin:.4rem 0 0}.line-chart svg{width:100%;height:130px}.line-chart line{stroke:#d8e5e1}.line-chart polyline{fill:none;stroke:#097b75;stroke-width:2}.line-chart .prediction-line{stroke:#c7382b;stroke-dasharray:5 4}.line-chart figcaption{font-size:.78rem;color:#526970}.forecast-note,.prediction-error{margin:.35rem 0 0;font-size:.76rem}.forecast-note{color:#9b3028}.prediction-error{color:#8b1d15}.empty{color:#637c82;font-size:.9rem}.distribution,.prediction-models{margin-top:1rem;padding:1rem}.distribution h2,.distribution p,.prediction-models h2,.prediction-models p{margin:.1rem 0}.distribution p,.prediction-models p{font-size:.85rem;color:#526970}.box-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.box-plot{border-top:1px solid #e0ebe8;padding:.35rem}.box-plot strong{font-size:.84rem}.box-plot svg{width:100%;height:55px}.box-plot line{stroke:#2e5655;stroke-width:2}.box-plot rect{fill:#bfe5df;stroke:#0e6a67}.box-plot circle{fill:#cf5c36}.box-plot small{display:block;color:#526970}.pagination{margin:1rem 0 2rem;display:flex;justify-content:center;align-items:center;gap:1rem}@media (max-width:700px){.topbar,.controls{align-items:flex-start;flex-direction:column}.sensor-grid,.box-grid{grid-template-columns:1fr}.topbar nav{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}