*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{--color-bg:#0b1220;--color-surface:#131c2e;--color-text:#f5f7fa;--color-text-muted:#b8c2d1;--color-primary:#0b6e4f;--color-warning:#d9a441;--color-danger:#c94a4a;--color-border:#263048;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--font-sans:"Noto Sans Bengali", "Segoe UI", system-ui, -apple-system, sans-serif;--radius:8px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6}.navbar{border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.navbar__nav{max-width:640px;padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0 auto;display:flex}.navbar__brand{color:var(--color-text);font-weight:700;text-decoration:none}.navbar__brand-en{color:var(--color-text-muted);font-weight:400}.navbar__links{gap:var(--space-3);list-style:none;display:flex}.navbar__link{color:var(--color-text-muted);text-decoration:none}.navbar__link:hover{color:var(--color-text)}.navbar__link--active{color:var(--color-primary);font-weight:700}.page{max-width:640px;padding:var(--space-5) var(--space-3);margin:0 auto}.page__title{margin-bottom:var(--space-2);font-size:2rem}.page__title-en{color:var(--color-text-muted);font-size:1.25rem;font-weight:400}.page__tagline{color:var(--color-text-muted);margin-bottom:var(--space-3)}.page__description{margin-bottom:var(--space-4)}.status-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.status-panel__title{margin-bottom:var(--space-2);font-size:1rem}.status-panel__item{align-items:center;gap:var(--space-2);display:flex}.status-panel__dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-panel__dot--pending{background-color:var(--color-warning)}.status-panel__dot--ok{background-color:var(--color-primary)}.status-panel__dot--error{background-color:var(--color-danger)}.status-panel__dot--offline{background-color:var(--color-text-muted)}.status-panel__skeleton{border-radius:var(--radius);background-color:var(--color-border);width:220px;height:1.6em;display:inline-block}.page--wide{max-width:1100px}.weather__region-picker{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;max-width:320px;display:flex}.weather__label{color:var(--color-text-muted);font-size:.9rem}.weather__select{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);font-size:1rem}.weather__tiles{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.weather__tile{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.weather__tile-label{color:var(--color-text-muted);font-size:.85rem}.weather__tile-value{font-size:1.5rem;font-weight:600}.weather__meta{color:var(--color-text-muted);margin-bottom:var(--space-3)}.sparkline{margin-top:var(--space-3)}.sparkline__svg{width:100%;max-width:400px;height:60px;display:block}.sparkline__line{stroke:var(--color-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.sparkline__dot{fill:var(--color-primary)}.sparkline__caption{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.85rem}.riskmap__provenance-banner{background-color:var(--color-warning);color:var(--color-bg);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);font-weight:600}.riskmap__controls{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.riskmap__controls-label{color:var(--color-text-muted)}.riskmap__horizon-btn{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer}.riskmap__horizon-btn--active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.riskmap__layout{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.riskmap__map{border:1px solid var(--color-border);border-radius:var(--radius);flex:480px;height:480px}.riskmap__legend{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);flex:0 0 220px}.riskmap__legend-title{margin-bottom:var(--space-2);font-size:1rem}.riskmap__legend-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.riskmap__legend-item{align-items:center;gap:var(--space-2);display:flex}.riskmap__legend-swatch{border-color:var(--color-text);border-radius:3px;flex-shrink:0;width:18px;height:18px}.riskmap__legend-text{font-size:.9rem}.riskmap__panel{margin-top:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.riskmap__panel-title{margin-bottom:var(--space-2)}.riskmap__panel-section{margin-bottom:var(--space-3)}