@tailwind base;@tailwind components;@tailwind utilities;.leaflet-container{background:transparent!important}:root{--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--busitema-yellow:#e2bc12;--busitema-green:#0b6623;--data-temp:#648fff;--data-precip:#fe6100;--data-wind:#ffb000;--data-humid:#009e73;--data-uv:#785ef0;--data-cloud:#dc267f;--data-pop:#56b4e9;--status-danger:#f56565;--status-warn:#ed8936;--status-caution:#d4a017;--status-safe:#48bb78;--status-info:#4299e1}:root,[data-theme=dark]{--bg-void:#050b16;--bg-base:#0a1525;--bg-surface:#0f1e38;--bg-elevated:#162847;--bg-hover:#1d3461;--border:rgba(79,195,247,0.20);--border-hover:rgba(79,195,247,0.42);--border-strong:rgba(79,195,247,0.52);--text-primary:#f0f6ff;--text-secondary:#b8cfe8;--text-muted:#7096b8;--text-disabled:#3a5a7a;--accent:#4fc3f7;--accent-hover:#81d4fa;--accent-dim:rgba(79,195,247,0.15);--accent-glow:rgba(79,195,247,0.30);--nav-bg:#050b16;--nav-border:rgba(79,195,247,0.16);--nav-text:#7096b8;--nav-link:#4fc3f7;--brand-bar:#e2bc12;--brand-text:#1a1200;--sidebar-bg:linear-gradient(180deg,#0c1828,#0f2040 60%,#0c1828);--sidebar-border:rgba(79,195,247,0.16);--right-bg:#0f1e38;--right-border:rgba(79,195,247,0.16);--right-text:#f0f6ff;--footer-bg:#050a14;--footer-border:rgba(79,195,247,0.12);--footer-text:#7096b8;--footer-title:#b8cfe8;--scrollbar-thumb:rgba(79,195,247,0.28);--input-bg:rgba(79,195,247,0.08);--input-border:rgba(79,195,247,0.30);--input-text:#f0f6ff;--input-placeholder:#7096b8;--card-bg:#0f1e38;--card-border:rgba(79,195,247,0.20);--card-hover:rgba(79,195,247,0.08);--chart-grid:rgba(79,195,247,0.12);--chart-tooltip-bg:#0a1525;--chart-text:#b8cfe8;--strip-bg:rgba(5,11,22,0.96);--product-alerts:#f56565}[data-theme=light]{--bg-void:#f8fafc;--bg-base:#f1f5f9;--bg-surface:#ffffff;--bg-elevated:#e8f0fe;--bg-hover:#dbeafe;--border:rgba(3,105,161,0.24);--border-hover:rgba(3,105,161,0.48);--border-strong:rgba(3,105,161,0.58);--text-primary:#0f172a;--text-secondary:#1e3a5f;--text-muted:#475569;--text-disabled:#94a3b8;--accent:#0369a1;--accent-hover:#075985;--accent-dim:rgba(3,105,161,0.10);--accent-glow:rgba(3,105,161,0.22);--nav-bg:#0b1120;--nav-border:rgba(79,195,247,0.14);--nav-text:#64748b;--nav-link:#4fc3f7;--brand-bar:#e2bc12;--brand-text:#1a1200;--sidebar-bg:linear-gradient(180deg,#e8f4fb,#d6ebf7 60%,#e8f4fb);--sidebar-border:rgba(3,105,161,0.20);--right-bg:#ffffff;--right-border:rgba(3,105,161,0.18);--right-text:#0f172a;--footer-bg:#e8f0fe;--footer-border:rgba(3,105,161,0.14);--footer-text:#475569;--footer-title:#1e3a5f;--scrollbar-thumb:rgba(3,105,161,0.24);--input-bg:#ffffff;--input-border:rgba(3,105,161,0.32);--input-text:#0f172a;--input-placeholder:#64748b;--card-bg:#ffffff;--card-border:rgba(3,105,161,0.20);--card-hover:rgba(3,105,161,0.05);--chart-grid:rgba(3,105,161,0.10);--chart-tooltip-bg:#ffffff;--chart-text:#1e3a5f;--strip-bg:rgba(248,250,252,0.97);--product-alerts:#c53030}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}body,html{margin:0;padding:0;height:100%;background:var(--bg-void);color:var(--text-primary);font-family:Outfit,DM Sans,system-ui,-apple-system,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-pill)}input,select,textarea{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important;font-family:Outfit,DM Sans,system-ui,sans-serif;font-size:var(--text-base)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)!important}.temp-label-icon{pointer-events:none}.temp-label,.temp-label-icon{transform:none!important;writing-mode:horizontal-tb!important}.temp-label{display:inline-block;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.52);color:#000000;font-weight:900;font-size:var(--text-xs);white-space:nowrap;text-align:center;text-shadow:0 0 3px rgba(255,255,255,.9)}.boundary-label{background:transparent;border:none}.boundary-label-text{color:#111;font-size:var(--text-2xs);font-weight:600;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.7);white-space:nowrap}.station-tooltip{background:rgba(5,11,22,.97)!important;border:1px solid rgba(79,195,247,.38)!important;color:#f0f6ff!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 20px rgba(0,0,0,.55)!important;padding:10px 14px!important;font-size:var(--text-sm)!important;line-height:1.7!important;font-family:Outfit,DM Sans,sans-serif!important}.station-tooltip:before{border-top-color:rgba(79,195,247,.38)!important}.leaflet-popup-content-wrapper{border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 30px rgba(0,0,0,.4)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--bg-surface)!important}.leaflet-popup-content{font-family:Outfit,DM Sans,sans-serif!important;font-size:var(--text-sm)!important;color:var(--text-primary)!important;line-height:1.7!important;margin:10px 14px!important}:not(.leaflet-container):not(.leaflet-container *):not(img):not(svg):not(canvas):not(iframe){transition:background-color .22s ease,border-color .22s ease,color .22s ease}.bu-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color .15s,background .15s}.bu-card:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.metric-value{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);line-height:1.2}.metric-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric-label,.metric-unit{font-size:var(--text-xs);color:var(--text-muted)}.metric-unit{margin-left:3px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-badge.danger{background:rgba(245,101,101,.16);color:#f56565;border:1px solid rgba(245,101,101,.32)}.status-badge.warn{background:rgba(237,137,54,.16);color:#ed8936;border:1px solid rgba(237,137,54,.32)}.status-badge.caution{background:rgba(212,160,23,.16);color:#d4a017;border:1px solid rgba(212,160,23,.32)}.status-badge.safe{background:rgba(72,187,120,.16);color:#48bb78;border:1px solid rgba(72,187,120,.32)}.status-badge.info{background:rgba(66,153,225,.16);color:#4299e1;border:1px solid rgba(66,153,225,.32)}.risk-high{color:var(--status-danger)}.risk-medium{color:var(--status-warn)}.risk-low{color:var(--status-caution)}.risk-verylow{color:var(--status-safe)}.bu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:44px;padding:8px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent;outline:none}.bu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bu-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.bu-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.bu-btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.bu-btn-secondary:hover{background:var(--accent-dim)}.bu-btn-ghost{background:transparent;color:var(--text-muted)}.bu-btn-ghost:hover{background:var(--card-hover);color:var(--text-primary)}.bu-btn-danger{background:rgba(245,101,101,.12);color:var(--status-danger);border-color:rgba(245,101,101,.35)}.bu-btn-danger:hover{background:rgba(245,101,101,.2)}.section-header{font-size:var(--text-sm);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.trend-up{color:var(--status-danger)}.trend-down{color:var(--status-safe)}.trend-flat{color:var(--text-muted)}.bu-chart-wrap{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-4)}.bu-chart-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:2px}.bu-chart-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.bu-nav-link{color:var(--nav-link);text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:5px 10px;border-radius:var(--radius-sm);transition:background .15s,color .15s;white-space:nowrap}.bu-nav-link:hover{background:rgba(79,195,247,.14)}.bu-nav-link.active{background:rgba(79,195,247,.22);color:#fff}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--status-safe);box-shadow:0 0 7px var(--status-safe);flex-shrink:0;animation:bu-pulse 2s ease-in-out infinite}@keyframes bu-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.risk-strip-scroll{scrollbar-width:none;-ms-overflow-style:none}@keyframes w-pulse-critical{0%,to{stroke-opacity:.9;fill-opacity:.2}50%{stroke-opacity:.35;fill-opacity:.35}}@keyframes w-pulse-warning{0%,to{stroke-opacity:.85;fill-opacity:.18}50%{stroke-opacity:.3;fill-opacity:.28}}@keyframes w-pulse-watch{0%,to{stroke-opacity:.8;fill-opacity:.15}50%{stroke-opacity:.25;fill-opacity:.22}}.disaster-zone-weather-critical{animation:w-pulse-critical 1.1s ease-in-out infinite}.disaster-zone-weather-warning{animation:w-pulse-warning 1.8s ease-in-out infinite}.disaster-zone-weather-watch{animation:w-pulse-watch 2.8s ease-in-out infinite}@keyframes s-pulse-critical{0%,to{stroke-opacity:.9;fill-opacity:.2;filter:drop-shadow(0 0 14px rgba(236,72,153,.85))}50%{stroke-opacity:.4;fill-opacity:.3;filter:drop-shadow(0 0 28px rgba(236,72,153,1))}}@keyframes s-pulse-warning{0%,to{stroke-opacity:.85;fill-opacity:.18;filter:drop-shadow(0 0 10px rgba(139,92,246,.75))}50%{stroke-opacity:.3;fill-opacity:.26;filter:drop-shadow(0 0 22px rgba(139,92,246,.95))}}@keyframes s-pulse-watch{0%,to{stroke-opacity:.8;fill-opacity:.15;filter:drop-shadow(0 0 8px rgba(59,130,246,.6))}50%{stroke-opacity:.25;fill-opacity:.22;filter:drop-shadow(0 0 18px rgba(59,130,246,.85))}}.disaster-zone-space-critical{animation:s-pulse-critical 2s ease-in-out infinite}.disaster-zone-space-warning{animation:s-pulse-warning 2.8s ease-in-out infinite}.disaster-zone-space-watch{animation:s-pulse-watch 3.8s ease-in-out infinite}@keyframes ring-fade-weather{0%,to{stroke-opacity:.5}50%{stroke-opacity:.08}}@keyframes ring-fade-space{0%,to{stroke-opacity:.45;filter:drop-shadow(0 0 4px currentColor)}50%{stroke-opacity:.06;filter:none}}.disaster-ring-weather{animation:ring-fade-weather 3.5s ease-in-out infinite}.disaster-ring-space{animation:ring-fade-space 5s ease-in-out infinite}.risk-strip-scroll::-webkit-scrollbar{display:none}.mobile-tab-bar{display:none}@media (max-width:899px){.desktop-sidebar-left{display:none!important}.desktop-sidebar-right{position:fixed!important;bottom:52px!important;left:0!important;right:0!important;top:auto!important;width:100%!important;min-width:0!important;max-height:55vh!important;overflow-y:auto!important;border-left:none!important;border-top:2px solid var(--border)!important;z-index:300!important;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.desktop-sidebar-right.mobile-open{transform:translateY(0)!important}.map-center-col{width:100%!important;min-width:0!important}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:52px;background:var(--bg-void);border-top:1px solid var(--border);z-index:400;align-items:stretch}.mobile-tab-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s;min-height:44px;padding:4px 0}.mobile-tab-btn.active{color:var(--text-accent);background:var(--accent-dim)}.mobile-tab-btn .tab-icon,.mobile-tab-btn svg{font-size:18px;line-height:1}.disaster-float-panel{width:calc(100vw - 16px)!important;right:8px!important;bottom:60px!important}}[role=button],button{min-height:36px}.disaster-event-card,.disaster-mini-card{min-height:52px}@media (max-width:599px){.station-tooltip .leaflet-tooltip{max-width:240px!important;font-size:11px!important}.leaflet-popup-content{max-width:240px!important}}