:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.loading-screen,.error-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1d23;color:#e1e4e8;gap:1.5rem}.spinner{width:40px;height:40px;border:3px solid #2d333b;border-top-color:#58a6ff;border-radius:50%;animation:spin .8s linear infinite}.error-screen button{padding:.5rem 1.25rem;background:#da3633;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.dashboard{width:100vw;height:100vh;background:#0d1117}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1rem;font-weight:700;color:#58a6ff}.main{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:80px;background:linear-gradient(135deg,#161b22,#0d1117);border-bottom:2px solid #21262d;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;flex-shrink:0;gap:2rem;box-shadow:0 2px 8px #0000004d}.topbar-left{display:flex;align-items:center;gap:2rem;flex:1}.logo-container{display:flex;align-items:center;gap:1rem}.logo-circle{width:52px;height:52px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0066cc4d;animation:pulse-glow 3s ease-in-out infinite;padding:2px}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #0066cc4d}50%{box-shadow:0 4px 20px #06c9}}.logo-svg{width:100%;height:100%}.logo-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-content{display:flex;flex-direction:column;gap:.15rem}.logo-title{font-size:1.3rem;font-weight:700;color:#e6edf3;line-height:1.2;letter-spacing:-.5px}.logo-subtitle{font-size:.7rem;color:#7d8590;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.topbar-nav-center{display:flex;gap:.5rem;background:#0d1117;padding:.4rem;border-radius:10px;border:1px solid #21262d;flex:1;justify-content:center;max-width:500px}.nav-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#8b949e;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;overflow:hidden}.nav-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(90deg,transparent,#58a6ff,transparent);transition:transform .3s ease}.nav-tab:hover:before{transform:translate(-50%) scaleX(1)}.nav-tab-icon{font-size:1.3rem;line-height:1;transition:transform .2s}.nav-tab:hover .nav-tab-icon{transform:scale(1.15)}.nav-tab-label{font-size:.75rem;letter-spacing:.3px}.nav-tab:hover{background:#58a6ff1a;color:#e6edf3}.nav-tab.active{background:linear-gradient(135deg,#1f6feb,#1158c7);color:#fff;box-shadow:0 2px 8px #1f6feb66}.nav-tab.active:before{display:none}.nav-tab.active .nav-tab-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.topbar-right{flex:1;display:flex;justify-content:flex-end}.time-display{text-align:right;background:#0d1117;padding:.75rem 1.25rem;border-radius:8px;border:1px solid #21262d;box-shadow:inset 0 1px 3px #0000004d}.time-date{font-size:.7rem;color:#7d8590;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:.25rem}.time-clock{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#58a6ff,#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;line-height:1}.stats-container{display:flex;gap:1rem;padding:1rem 2rem;background:#0d1117;flex-wrap:wrap}.stat-card{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:1rem 1.25rem;display:flex;gap:1rem;align-items:center;transition:all .2s;flex:1;min-width:180px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;border-color:#30363d}.stat-card.active{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff4d,0 4px 12px #0006;background:#1c2128;transform:translateY(-2px)}.stat-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-card-icon.total{background:#58a6ff26;color:#58a6ff}.stat-card-icon.safe{background:#3fb95026;color:#3fb950}.stat-card-icon.warning{background:#d2992226;color:#d29922}.stat-card-icon.danger{background:#f8514926;color:#f85149}.stat-card-icon.alert{background:#a371f726;color:#a371f7}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:.75rem;color:#8b949e;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-card-value{font-size:1.75rem;font-weight:700;color:#e1e4e8;line-height:1;margin-bottom:.25rem}.stat-card-change{font-size:.7rem;color:#8b949e;margin-top:.25rem;font-weight:500}.stat-card-change.positive{color:#3fb950}.stat-card-change.negative{color:#f85149}.stat-card-change.neutral{color:#8b949e}.content{flex:1;display:flex;gap:1rem;padding:1rem 1.5rem 1.5rem;overflow:hidden;background:#0d1117}.content-main{flex:1;background:#161b22;border:1px solid #21262d;border-radius:6px;overflow:hidden;position:relative}.content-sidebar{width:300px;flex-shrink:0}.detail-panel-pro{background:#0d1117;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;gap:.75rem}.detail-header-pro{position:relative}.close-btn-pro{position:absolute;top:0;right:0;width:32px;height:32px;background:#161b22;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;font-size:1.5rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10}.close-btn-pro:hover{background:#21262d;color:#e6edf3;border-color:#58a6ff;transform:rotate(90deg)}.detail-location-info{padding-right:40px}.location-badge{display:inline-block;padding:2px 8px;background:#58a6ff26;border:1px solid rgba(88,166,255,.3);border-radius:10px;font-size:.65rem;color:#58a6ff;font-weight:600;margin-bottom:.5rem}.location-title{font-size:1.1rem;font-weight:700;color:#e6edf3;margin:0 0 .15rem;line-height:1.2}.location-subtitle{font-size:.8rem;color:#7d8590;margin:0}.detail-status-card{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:8px;padding:.75rem;box-shadow:0 2px 8px #0000004d}.status-card-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.status-icon{font-size:1rem}.status-label{font-size:.65rem;color:#7d8590;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:16px;margin-bottom:.5rem}.status-indicator.status-green{background:#3fb95026;border:1px solid rgba(63,185,80,.4)}.status-indicator.status-yellow{background:#d2992226;border:1px solid rgba(210,153,34,.4)}.status-indicator.status-red{background:#f8514926;border:1px solid rgba(248,81,73,.4);animation:pulse-danger 2s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.status-dot{width:10px;height:10px;border-radius:50%}.status-green .status-dot{background:#3fb950;box-shadow:0 0 10px #3fb95099}.status-yellow .status-dot{background:#d29922;box-shadow:0 0 10px #d2992299}.status-red .status-dot{background:#f85149;box-shadow:0 0 10px #f8514999}.status-text{font-size:.9rem;font-weight:700}.status-green .status-text{color:#3fb950}.status-yellow .status-text{color:#d29922}.status-red .status-text{color:#f85149}.status-score{text-align:center;padding-top:.5rem;border-top:1px solid #21262d}.score-label{font-size:.6rem;color:#7d8590;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.3rem}.score-value-large{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#58a6ff,#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.2rem}.score-description{font-size:.65rem;color:#7d8590}.detail-metrics-section{background:#161b22;border:1px solid #21262d;border-radius:6px;padding:.75rem}.section-title{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#e6edf3;margin:0 0 .6rem;padding-bottom:.5rem;border-bottom:1px solid #21262d}.title-icon{font-size:.9rem}.metrics-grid{display:grid;gap:.5rem}.metric-card{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:.6rem;display:flex;gap:.6rem;align-items:flex-start;transition:all .2s}.metric-card:hover{background:#161b22;border-color:#30363d;transform:translate(4px);box-shadow:-4px 0 #58a6ff}.metric-icon-large{font-size:1.4rem;line-height:1;flex-shrink:0}.metric-info{flex:1;min-width:0}.metric-label{font-size:.6rem;color:#7d8590;text-transform:uppercase;letter-spacing:.2px;font-weight:600;margin-bottom:.3rem}.metric-value-main{font-size:1.2rem;font-weight:700;color:#e6edf3;line-height:1.2;font-variant-numeric:tabular-nums}.metric-unit{font-size:.7rem;color:#7d8590;font-weight:500;margin-left:.2rem}.metric-bar{width:100%;height:6px;background:#21262d;border-radius:3px;overflow:hidden;margin-top:.5rem}.metric-bar-fill{height:100%;border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px currentColor}.metric-status{margin-top:.5rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;background:#58a6ff1a;border-radius:4px;display:inline-block;color:#7d8590}.detail-alert-section{background:#f8514914;border:1px solid rgba(248,81,73,.3);border-radius:8px;padding:1rem}.alert-card{display:flex;gap:1rem;align-items:flex-start}.alert-icon{font-size:2rem;line-height:1;animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.alert-content{flex:1}.alert-title{font-size:.75rem;color:#ff7b72;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.alert-message{font-size:.9rem;color:#e6edf3;font-weight:500;line-height:1.4}.detail-coordinates{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem;background:#161b22;border:1px solid #21262d;border-radius:6px;font-size:.75rem}.coord-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.coord-label{color:#7d8590;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:.65rem}.coord-value{color:#e6edf3;font-weight:600;font-variant-numeric:tabular-nums}.coord-divider{color:#30363d;font-weight:300}.detail-actions{display:flex;gap:.75rem}.action-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:linear-gradient(180deg,#238636,#1f7a2f);color:#fff;box-shadow:0 1px 3px #0000004d}.action-btn.primary:hover{background:linear-gradient(180deg,#2ea043,#238636);box-shadow:0 0 0 3px #2ea04333;transform:translateY(-2px)}.action-btn.secondary{background:#21262d;color:#e6edf3;border:1px solid #30363d}.action-btn.secondary:hover{background:#30363d;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.detail-panel{background:#161b22;border:1px solid #21262d;border-radius:6px;height:100%;display:flex;flex-direction:column}.detail-header{padding:1rem;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:center}.detail-header h3{font-size:1rem;font-weight:600;color:#e1e4e8;margin:0}.close-btn{width:28px;height:28px;background:transparent;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;font-size:1.25rem;line-height:1;transition:all .15s}.close-btn:hover{background:#21262d;color:#e1e4e8}.detail-body{padding:1rem;overflow-y:auto}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#0d1117;border-radius:6px}.detail-label{font-size:.85rem;color:#8b949e}.detail-value{font-size:.9rem;font-weight:600;color:#e1e4e8}.detail-body::-webkit-scrollbar{width:6px}.detail-body::-webkit-scrollbar-track{background:transparent}.detail-body::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.detail-body::-webkit-scrollbar-thumb:hover{background:#484f58}@media(max-width:1400px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.stats-container{grid-template-columns:1fr;padding:.75rem}.content{flex-direction:column;padding:.75rem}.content-sidebar{width:100%}.topbar{padding:0 1rem;flex-wrap:wrap;height:auto}.topbar-left{flex-wrap:wrap;gap:.5rem}.topbar-left h1{font-size:.9rem}.nav-btn{padding:.4rem .8rem;font-size:.75rem}}.ai-coaching-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #21262d}.ai-coaching-btn{width:100%;padding:.6rem .8rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}.ai-coaching-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.ai-coaching-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.ai-fullscreen{position:fixed;inset:0;background:#0d1117;z-index:10000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.ai-fullscreen-header{height:70px;background:linear-gradient(135deg,#161b22,#0d1117);border-bottom:2px solid #21262d;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0}.ai-header-left{display:flex;align-items:center;gap:1rem}.ai-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ai-header-text{display:flex;flex-direction:column;gap:.25rem}.ai-title{font-size:1.5rem;font-weight:700;color:#e6edf3;margin:0}.ai-location{font-size:.85rem;color:#7d8590;margin:0}.cache-badge{padding:.4rem .8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #fbbf244d}.ai-close-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.ai-close-btn:hover{background:#30363d;border-color:#6b46c1;transform:translate(-3px)}.ai-close-btn span{font-size:1.2rem}.ai-fullscreen-content{flex:1;overflow-y:auto;padding:2rem;background:#0d1117}.ai-fullscreen-content::-webkit-scrollbar{width:10px}.ai-fullscreen-content::-webkit-scrollbar-track{background:#161b22}.ai-fullscreen-content::-webkit-scrollbar-thumb{background:#6b46c1;border-radius:5px}.ai-fullscreen-content::-webkit-scrollbar-thumb:hover{background:#7c3aed}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;color:#7d8590}.spinner-large{width:60px;height:60px;border:4px solid #21262d;border-top-color:#6b46c1;border-radius:50%;animation:spin .8s linear infinite}.ai-loading p{font-size:1rem;font-weight:500}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.climate-map{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.map-container{width:100%;height:100%;flex:1;background:#0d1117}.leaflet-container{width:100%;height:100%;background:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.custom-dot-marker{background:transparent!important;border:none!important}.marker-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.marker-dot{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #0006;transition:all .2s ease;cursor:pointer}.marker-label{position:absolute;top:-35px;left:50%;transform:translate(-50%);color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #0000004d;pointer-events:none;z-index:1000}.marker-label .marker-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.marker-dot-critical{animation:blink-critical .8s ease-in-out infinite}@keyframes blink-critical{0%{opacity:1;transform:scale(1);box-shadow:0 0 15px #dc2626,0 0 30px #dc2626cc,0 2px 6px #0006}25%{opacity:.3;transform:scale(1.3);box-shadow:0 0 25px #dc2626,0 0 50px #dc2626,0 0 75px #dc262699,0 2px 6px #0006}50%{opacity:1;transform:scale(1);box-shadow:0 0 15px #dc2626,0 0 30px #dc2626cc,0 2px 6px #0006}75%{opacity:.3;transform:scale(1.3);box-shadow:0 0 25px #dc2626,0 0 50px #dc2626,0 0 75px #dc262699,0 2px 6px #0006}to{opacity:1;transform:scale(1);box-shadow:0 0 15px #dc2626,0 0 30px #dc2626cc,0 2px 6px #0006}}.legend-color-blink{animation:legend-blink .8s ease-in-out infinite}@keyframes legend-blink{0%,50%,to{opacity:1}25%,75%{opacity:.2}}.marker-dot:hover{transform:scale(1.4)}.marker-popup-pro{min-width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popup-header-pro{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #30363d;margin-bottom:16px}.popup-location{display:flex;gap:10px;align-items:center}.location-icon{font-size:20px;line-height:1}.location-text{display:flex;flex-direction:column;gap:2px}.location-main{font-size:15px;font-weight:600;color:#e6edf3;line-height:1.3}.location-sub{font-size:12px;color:#7d8590;font-weight:400}.popup-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:4px}.popup-score-section{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:8px;padding:14px;margin-bottom:16px}.score-label{font-size:11px;color:#7d8590;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px}.score-display{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.score-value{font-size:36px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.score-max{font-size:16px;color:#7d8590;font-weight:500}.score-bar{width:100%;height:6px;background:#21262d;border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px currentColor}.popup-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metric-item{display:flex;gap:8px;align-items:flex-start;padding:10px;background:#0d1117;border:1px solid #21262d;border-radius:6px;transition:all .2s}.metric-item:hover{background:#161b22;border-color:#30363d;transform:translateY(-1px)}.metric-item.alert{grid-column:1 / -1;background:#f851490d;border-color:#f851494d}.metric-icon{font-size:18px;line-height:1;flex-shrink:0}.metric-content{flex:1;min-width:0}.metric-label{font-size:10px;color:#7d8590;text-transform:uppercase;letter-spacing:.3px;font-weight:600;margin-bottom:4px}.metric-value{font-size:18px;font-weight:700;color:#e6edf3;line-height:1.2;font-variant-numeric:tabular-nums}.metric-unit{font-size:11px;color:#7d8590;font-weight:500;margin-left:2px}.alert-text{color:#ff7b72;font-size:13px}.popup-footer{padding-top:12px;border-top:1px solid #21262d}.popup-detail-btn{width:100%;padding:9px 14px;background:linear-gradient(180deg,#238636,#1f7a2f);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.popup-detail-btn:hover{background:linear-gradient(180deg,#2ea043,#238636);box-shadow:0 0 0 2px #2ea04333;transform:translateY(-1px)}.popup-detail-btn:active{transform:translateY(0)}.leaflet-popup-content-wrapper{background:#161b22;color:#c9d1d9;border:1px solid #21262d;border-radius:6px;box-shadow:0 8px 24px #00000080}.leaflet-popup-content-wrapper.custom-popup-pro{padding:0}.custom-popup-pro .leaflet-popup-content{margin:16px;font-size:13px;width:auto!important}.leaflet-popup-content{margin:12px;font-size:13px}.leaflet-popup-tip{background:#161b22;border:1px solid #21262d}.leaflet-popup-close-button{color:#8b949e!important;font-size:20px!important;padding:6px 10px!important;font-weight:300;transition:all .2s}.leaflet-popup-close-button:hover{color:#e6edf3!important;background:#ffffff0d;border-radius:4px}.map-legend{position:absolute;top:20px;right:20px;background:#161b22f2;border:1px solid #21262d;border-radius:6px;padding:12px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;min-width:180px}.legend-title{font-size:13px;font-weight:600;color:#58a6ff;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #21262d}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b949e;transition:all .2s}.legend-item:hover{color:#c9d1d9}.legend-color{width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;flex-shrink:0}.map-counter{position:absolute;top:15px;left:15px;background:#161b22f2;border:1px solid #21262d;border-radius:6px;padding:10px 16px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;font-size:13px;color:#8b949e}.map-counter strong{color:#58a6ff;font-size:16px;font-weight:700;margin:0 4px}.leaflet-control-zoom a{background:#161b22!important;color:#c9d1d9!important;border:1px solid #21262d!important}.leaflet-control-zoom a:hover{background:#21262d!important;color:#58a6ff!important}.leaflet-control-attribution{background:#161b22cc!important;color:#6e7681!important;border-top:1px solid #21262d!important;font-size:10px!important}.leaflet-control-attribution a{color:#58a6ff!important}.demo-weather-buttons{position:absolute;bottom:30px;left:10px;display:flex;gap:6px;z-index:1000}.demo-btn{padding:6px 12px;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#1e1e1ed9;color:#fff;box-shadow:0 2px 8px #0000004d}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.demo-btn.active{transform:scale(1.05)}.demo-btn.rain.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 15px #3b82f699}.demo-btn.snow.active{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0c4a6e;box-shadow:0 0 15px #bae6fd99}.demo-btn.typhoon.active{background:linear-gradient(135deg,#4b5563,#1f2937);box-shadow:0 0 15px #4b556399;animation:typhoon-btn-pulse .5s ease-in-out infinite}@keyframes typhoon-btn-pulse{0%,to{box-shadow:0 0 15px #4b556399}50%{box-shadow:0 0 25px #6496ffcc}}.demo-btn.heatwave.active{background:linear-gradient(135deg,#f97316,#dc2626);box-shadow:0 0 15px #f9731699;animation:heatwave-btn-pulse .3s ease-in-out infinite}@keyframes heatwave-btn-pulse{0%,to{box-shadow:0 0 15px #f9731699}50%{box-shadow:0 0 25px #ff6400e6}}.demo-btn.coldwave.active{background:linear-gradient(135deg,#67e8f9,#22d3ee);color:#083344;box-shadow:0 0 15px #67e8f999}.weather-overlay{position:absolute;inset:0;pointer-events:none;z-index:500;overflow:hidden}.rain-overlay{background:linear-gradient(transparent 0%,#6496c80d)}.rain-overlay .raindrop{position:absolute;top:0;width:4px;height:25px;background:linear-gradient(to bottom,#64b4ff4d,#1e64c8e6);border-radius:50%/20% 20% 80% 80%;animation:raindrop-fall linear infinite;box-shadow:0 0 4px #1e64c880}.rain-overlay .raindrop:nth-child(1){left:5%;animation-duration:1.2s;animation-delay:0s;width:4px;height:28px}.rain-overlay .raindrop:nth-child(2){left:10%;animation-duration:1.4s;animation-delay:.2s;width:3px;height:22px}.rain-overlay .raindrop:nth-child(3){left:15%;animation-duration:1.1s;animation-delay:.4s;width:5px;height:32px}.rain-overlay .raindrop:nth-child(4){left:20%;animation-duration:1.3s;animation-delay:.1s;width:4px;height:25px}.rain-overlay .raindrop:nth-child(5){left:25%;animation-duration:1.2s;animation-delay:.5s;width:3px;height:20px}.rain-overlay .raindrop:nth-child(6){left:30%;animation-duration:1.5s;animation-delay:.3s;width:4px;height:28px}.rain-overlay .raindrop:nth-child(7){left:35%;animation-duration:1.1s;animation-delay:.2s;width:5px;height:30px}.rain-overlay .raindrop:nth-child(8){left:40%;animation-duration:1.3s;animation-delay:.6s;width:3px;height:24px}.rain-overlay .raindrop:nth-child(9){left:45%;animation-duration:1.4s;animation-delay:.1s;width:4px;height:26px}.rain-overlay .raindrop:nth-child(10){left:50%;animation-duration:1.2s;animation-delay:.4s;width:5px;height:32px}.rain-overlay .raindrop:nth-child(11){left:55%;animation-duration:1.3s;animation-delay:0s;width:3px;height:22px}.rain-overlay .raindrop:nth-child(12){left:60%;animation-duration:1.1s;animation-delay:.5s;width:4px;height:28px}.rain-overlay .raindrop:nth-child(13){left:65%;animation-duration:1.4s;animation-delay:.2s;width:5px;height:30px}.rain-overlay .raindrop:nth-child(14){left:70%;animation-duration:1.2s;animation-delay:.3s;width:3px;height:24px}.rain-overlay .raindrop:nth-child(15){left:75%;animation-duration:1.5s;animation-delay:.1s;width:4px;height:26px}.rain-overlay .raindrop:nth-child(16){left:80%;animation-duration:1.1s;animation-delay:.6s;width:5px;height:32px}.rain-overlay .raindrop:nth-child(17){left:85%;animation-duration:1.3s;animation-delay:.4s;width:3px;height:20px}.rain-overlay .raindrop:nth-child(18){left:90%;animation-duration:1.2s;animation-delay:0s;width:4px;height:28px}.rain-overlay .raindrop:nth-child(19){left:95%;animation-duration:1.4s;animation-delay:.3s;width:4px;height:25px}.rain-overlay .raindrop:nth-child(20){left:8%;animation-duration:1.1s;animation-delay:.5s;width:5px;height:30px}@keyframes raindrop-fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}.snow-overlay{background:linear-gradient(180deg,rgba(180,200,240,.35) 0%,rgba(200,215,245,.25) 30%,rgba(220,230,250,.15) 60%,transparent 100%)}.snow-overlay .snowflake{position:absolute;color:#fff;font-size:24px;font-weight:700;text-shadow:0 0 8px #fff,0 0 15px #fff,0 0 25px rgba(200,220,255,1),0 0 35px rgba(180,200,255,.9),0 0 50px rgba(150,180,255,.7);opacity:1;animation:snow-fall linear infinite;filter:drop-shadow(0 0 12px rgba(255,255,255,1)) brightness(1.2)}.snow-overlay .snowflake:nth-child(1){left:2%;animation-duration:5s;animation-delay:0s;font-size:32px}.snow-overlay .snowflake:nth-child(2){left:6%;animation-duration:7s;animation-delay:.3s;font-size:26px}.snow-overlay .snowflake:nth-child(3){left:10%;animation-duration:6s;animation-delay:.8s;font-size:36px}.snow-overlay .snowflake:nth-child(4){left:14%;animation-duration:8s;animation-delay:.2s;font-size:28px}.snow-overlay .snowflake:nth-child(5){left:18%;animation-duration:5.5s;animation-delay:1.5s;font-size:38px}.snow-overlay .snowflake:nth-child(6){left:22%;animation-duration:9s;animation-delay:1s;font-size:24px}.snow-overlay .snowflake:nth-child(7){left:26%;animation-duration:6.5s;animation-delay:.5s;font-size:30px}.snow-overlay .snowflake:nth-child(8){left:30%;animation-duration:7.5s;animation-delay:2s;font-size:34px}.snow-overlay .snowflake:nth-child(9){left:34%;animation-duration:5s;animation-delay:1.2s;font-size:26px}.snow-overlay .snowflake:nth-child(10){left:38%;animation-duration:8.5s;animation-delay:.1s;font-size:40px}.snow-overlay .snowflake:nth-child(11){left:42%;animation-duration:6s;animation-delay:2.5s;font-size:28px}.snow-overlay .snowflake:nth-child(12){left:46%;animation-duration:7s;animation-delay:1.4s;font-size:36px}.snow-overlay .snowflake:nth-child(13){left:50%;animation-duration:5.5s;animation-delay:.4s;font-size:30px}.snow-overlay .snowflake:nth-child(14){left:54%;animation-duration:8s;animation-delay:1.8s;font-size:38px}.snow-overlay .snowflake:nth-child(15){left:58%;animation-duration:6.5s;animation-delay:.7s;font-size:26px}.snow-overlay .snowflake:nth-child(16){left:62%;animation-duration:7.5s;animation-delay:.3s;font-size:34px}.snow-overlay .snowflake:nth-child(17){left:66%;animation-duration:5s;animation-delay:2.2s;font-size:28px}.snow-overlay .snowflake:nth-child(18){left:70%;animation-duration:9s;animation-delay:1.1s;font-size:42px}.snow-overlay .snowflake:nth-child(19){left:74%;animation-duration:6s;animation-delay:.6s;font-size:30px}.snow-overlay .snowflake:nth-child(20){left:78%;animation-duration:7s;animation-delay:1.9s;font-size:36px}.snow-overlay .snowflake:nth-child(21){left:82%;animation-duration:5.5s;animation-delay:.1s;font-size:26px}.snow-overlay .snowflake:nth-child(22){left:86%;animation-duration:8.5s;animation-delay:1.3s;font-size:38px}.snow-overlay .snowflake:nth-child(23){left:90%;animation-duration:6.5s;animation-delay:2.7s;font-size:34px}.snow-overlay .snowflake:nth-child(24){left:94%;animation-duration:7.5s;animation-delay:.5s;font-size:28px}.snow-overlay .snowflake:nth-child(25){left:98%;animation-duration:5s;animation-delay:1.6s;font-size:36px}.snow-overlay .snowflake:nth-child(26){left:4%;animation-duration:8s;animation-delay:1s;font-size:30px}.snow-overlay .snowflake:nth-child(27){left:20%;animation-duration:6s;animation-delay:2.1s;font-size:40px}.snow-overlay .snowflake:nth-child(28){left:48%;animation-duration:7s;animation-delay:.4s;font-size:34px}.snow-overlay .snowflake:nth-child(29){left:72%;animation-duration:5.5s;animation-delay:1.5s;font-size:42px}.snow-overlay .snowflake:nth-child(30){left:88%;animation-duration:8.5s;animation-delay:3s;font-size:32px}@keyframes snow-fall{0%{transform:translateY(-30px) rotate(0) translate(0);opacity:0}5%{opacity:1}25%{transform:translateY(25vh) rotate(90deg) translate(15px)}50%{transform:translateY(50vh) rotate(180deg) translate(-10px)}75%{transform:translateY(75vh) rotate(270deg) translate(15px)}95%{opacity:.9}to{transform:translateY(100vh) rotate(360deg) translate(-5px);opacity:0}}.typhoon-overlay{background:radial-gradient(circle at 50% 50%,#14143280,#28285099,#1e1e3cb3 60%,#141428cc);animation:typhoon-flash .5s ease-in-out infinite}@keyframes typhoon-flash{0%,to{opacity:1}50%{opacity:.85}}.typhoon-overlay .typhoon-spiral{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:200px;animation:typhoon-spin 1.5s linear infinite;opacity:.8;filter:drop-shadow(0 0 40px rgba(150,200,255,.8)) drop-shadow(0 0 80px rgba(100,150,255,.5))}.typhoon-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,50,100,.3) 100%);animation:typhoon-vortex 2s linear infinite}@keyframes typhoon-vortex{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typhoon-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(90deg) scale(1.15)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1)}75%{transform:translate(-50%,-50%) rotate(270deg) scale(1.15)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.typhoon-overlay .typhoon-rain{position:absolute;top:0;width:5px;height:40px;background:linear-gradient(to bottom,#96c8ff33,#64b4ffe6);border-radius:0 0 5px 5px;animation:typhoon-rain-fall linear infinite}.typhoon-overlay .typhoon-rain:nth-child(2){left:3%;animation-duration:.4s;height:45px}.typhoon-overlay .typhoon-rain:nth-child(3){left:10%;animation-duration:.35s;animation-delay:.05s;height:50px}.typhoon-overlay .typhoon-rain:nth-child(4){left:17%;animation-duration:.45s;animation-delay:.1s;height:40px}.typhoon-overlay .typhoon-rain:nth-child(5){left:24%;animation-duration:.3s;animation-delay:.08s;height:55px}.typhoon-overlay .typhoon-rain:nth-child(6){left:31%;animation-duration:.4s;animation-delay:.15s;height:42px}.typhoon-overlay .typhoon-rain:nth-child(7){left:38%;animation-duration:.35s;animation-delay:.03s;height:48px}.typhoon-overlay .typhoon-rain:nth-child(8){left:45%;animation-duration:.42s;animation-delay:.12s;height:52px}.typhoon-overlay .typhoon-rain:nth-child(9){left:52%;animation-duration:.32s;animation-delay:.02s;height:44px}.typhoon-overlay .typhoon-rain:nth-child(10){left:59%;animation-duration:.45s;animation-delay:.1s;height:50px}.typhoon-overlay .typhoon-rain:nth-child(11){left:66%;animation-duration:.35s;animation-delay:.18s;height:46px}.typhoon-overlay .typhoon-rain:nth-child(12){left:73%;animation-duration:.38s;animation-delay:.05s;height:55px}.typhoon-overlay .typhoon-rain:nth-child(13){left:80%;animation-duration:.3s;animation-delay:.12s;height:42px}.typhoon-overlay .typhoon-rain:nth-child(14){left:87%;animation-duration:.4s;animation-delay:.08s;height:48px}.typhoon-overlay .typhoon-rain:nth-child(15){left:94%;animation-duration:.35s;animation-delay:.15s;height:52px}.typhoon-overlay .typhoon-rain:nth-child(16){left:7%;animation-duration:.38s;animation-delay:.1s;height:44px}@keyframes typhoon-rain-fall{0%{transform:translateY(-60px) translate(-50px) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translateY(100vh) translate(150px) rotate(45deg);opacity:.5}}.heatwave-overlay{background:radial-gradient(ellipse at 50% 100%,#ff320066,#ff64004d 30%,#ff963240,#ffc86426 70%,#ff64001a);animation:heatwave-pulse 1s ease-in-out infinite}@keyframes heatwave-pulse{0%,to{opacity:.8;background-position:0% 100%}50%{opacity:1;background-position:0% 90%}}.heatwave-overlay:before{content:"🔥";position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:80px;animation:fire-pulse .5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,100,0,.8))}@keyframes fire-pulse{0%,to{transform:translate(-50%) scale(1);opacity:.9}50%{transform:translate(-50%) scale(1.2);opacity:1}}.heatwave-overlay .heat-wave{position:absolute;bottom:0;width:80px;height:150px;background:linear-gradient(to top,rgba(255,50,0,.6) 0%,rgba(255,100,0,.4) 30%,rgba(255,150,50,.2) 60%,transparent 100%);border-radius:50% 50% 0 0;animation:heat-rise ease-in-out infinite;filter:blur(3px)}.heatwave-overlay .heat-wave:nth-child(1){left:5%;animation-duration:1.5s;height:180px;width:100px}.heatwave-overlay .heat-wave:nth-child(2){left:15%;animation-duration:1.2s;animation-delay:.2s;height:140px;width:70px}.heatwave-overlay .heat-wave:nth-child(3){left:25%;animation-duration:1.8s;animation-delay:.4s;height:160px;width:90px}.heatwave-overlay .heat-wave:nth-child(4){left:35%;animation-duration:1.3s;animation-delay:.1s;height:150px;width:80px}.heatwave-overlay .heat-wave:nth-child(5){left:48%;animation-duration:1.6s;animation-delay:.3s;height:170px;width:95px}.heatwave-overlay .heat-wave:nth-child(6){left:58%;animation-duration:1.4s;animation-delay:.5s;height:130px;width:75px}.heatwave-overlay .heat-wave:nth-child(7){left:70%;animation-duration:1.7s;animation-delay:.15s;height:180px;width:100px}.heatwave-overlay .heat-wave:nth-child(8){left:82%;animation-duration:1.5s;animation-delay:.35s;height:155px;width:85px}@keyframes heat-rise{0%,to{transform:translateY(0) scaleY(1) scaleX(1);opacity:.7}25%{transform:translateY(-40px) scaleY(1.2) scaleX(.9);opacity:.9}50%{transform:translateY(-80px) scaleY(1.4) scaleX(1.1);opacity:1}75%{transform:translateY(-50px) scaleY(1.1) scaleX(.95);opacity:.8}}.coldwave-overlay{background:linear-gradient(180deg,rgba(100,180,255,.4) 0%,rgba(150,210,255,.2) 20%,transparent 40%);animation:cold-flash 1s ease-in-out infinite}@keyframes cold-flash{0%,to{background-color:#96c8ff1a}50%{background-color:#b4dcff33}}.coldwave-overlay .icicles-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;z-index:10}.coldwave-overlay .icicle{width:40px;height:150px;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(220,240,255,.95) 10%,rgba(180,220,255,.9) 30%,rgba(140,200,255,.85) 50%,rgba(100,180,255,.7) 70%,rgba(80,160,255,.4) 90%,transparent 100%);clip-path:polygon(20% 0%,80% 0%,60% 100%,40% 100%);filter:drop-shadow(0 10px 20px rgba(100,180,255,.8)) drop-shadow(0 5px 10px rgba(255,255,255,.5));animation:icicle-grow 2s ease-in-out infinite}.coldwave-overlay .icicle:nth-child(1){height:180px;width:50px;animation-delay:0s}.coldwave-overlay .icicle:nth-child(2){height:120px;width:35px;animation-delay:.15s}.coldwave-overlay .icicle:nth-child(3){height:200px;width:55px;animation-delay:.3s}.coldwave-overlay .icicle:nth-child(4){height:140px;width:40px;animation-delay:.1s}.coldwave-overlay .icicle:nth-child(5){height:170px;width:48px;animation-delay:.4s}.coldwave-overlay .icicle:nth-child(6){height:100px;width:30px;animation-delay:.05s}.coldwave-overlay .icicle:nth-child(7){height:220px;width:60px;animation-delay:.35s}.coldwave-overlay .icicle:nth-child(8){height:130px;width:38px;animation-delay:.2s}.coldwave-overlay .icicle:nth-child(9){height:190px;width:52px;animation-delay:.45s}.coldwave-overlay .icicle:nth-child(10){height:110px;width:32px;animation-delay:.08s}.coldwave-overlay .icicle:nth-child(11){height:160px;width:45px;animation-delay:.25s}.coldwave-overlay .icicle:nth-child(12){height:90px;width:28px;animation-delay:.12s}.coldwave-overlay .icicle:nth-child(13){height:210px;width:58px;animation-delay:.38s}.coldwave-overlay .icicle:nth-child(14){height:150px;width:42px;animation-delay:.18s}.coldwave-overlay .icicle:nth-child(15){height:230px;width:65px;animation-delay:.42s}@keyframes icicle-grow{0%,to{transform:scaleY(1) scaleX(1);opacity:.95}50%{transform:scaleY(1.08) scaleX(1.02);opacity:1}}.coldwave-overlay .frost-corners{position:absolute;inset:0;pointer-events:none}.coldwave-overlay .frost-corner{position:absolute;width:350px;height:350px;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(220,240,255,.9) 20%,rgba(180,220,255,.7) 40%,rgba(140,200,255,.4) 60%,transparent 80%);animation:frost-pulse 2s ease-in-out infinite;filter:blur(2px)}.coldwave-overlay .frost-corner.top-left{top:-50px;left:-50px}.coldwave-overlay .frost-corner.top-right{top:-50px;right:-50px}.coldwave-overlay .frost-corner.bottom-left{bottom:-50px;left:-50px}.coldwave-overlay .frost-corner.bottom-right{bottom:-50px;right:-50px}@keyframes frost-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.coldwave-overlay .ice-crystal{position:absolute;color:#c8e6ffe6;font-size:20px;text-shadow:0 0 10px rgba(150,200,255,.8);animation:ice-fall linear infinite}.coldwave-overlay .ice-crystal:nth-child(2){left:5%;animation-duration:4s;font-size:25px}.coldwave-overlay .ice-crystal:nth-child(3){left:12%;animation-duration:5s;animation-delay:.5s;font-size:18px}.coldwave-overlay .ice-crystal:nth-child(4){left:20%;animation-duration:4.5s;animation-delay:1s;font-size:22px}.coldwave-overlay .ice-crystal:nth-child(5){left:28%;animation-duration:3.5s;animation-delay:.3s;font-size:28px}.coldwave-overlay .ice-crystal:nth-child(6){left:36%;animation-duration:5.5s;animation-delay:.8s;font-size:16px}.coldwave-overlay .ice-crystal:nth-child(7){left:44%;animation-duration:4s;animation-delay:1.2s;font-size:24px}.coldwave-overlay .ice-crystal:nth-child(8){left:52%;animation-duration:4.8s;animation-delay:.2s;font-size:20px}.coldwave-overlay .ice-crystal:nth-child(9){left:60%;animation-duration:3.8s;animation-delay:.6s;font-size:26px}.coldwave-overlay .ice-crystal:nth-child(10){left:68%;animation-duration:5.2s;animation-delay:1.5s;font-size:18px}.coldwave-overlay .ice-crystal:nth-child(11){left:76%;animation-duration:4.2s;animation-delay:.4s;font-size:22px}.coldwave-overlay .ice-crystal:nth-child(12){left:84%;animation-duration:4.6s;animation-delay:.9s;font-size:28px}.coldwave-overlay .ice-crystal:nth-child(13){left:92%;animation-duration:3.6s;animation-delay:1.1s;font-size:16px}.coldwave-overlay .ice-crystal:nth-child(14){left:8%;animation-duration:5s;animation-delay:.7s;font-size:24px}.coldwave-overlay .ice-crystal:nth-child(15){left:48%;animation-duration:4.4s;animation-delay:1.3s;font-size:20px}.coldwave-overlay .ice-crystal:nth-child(16){left:88%;animation-duration:3.9s;animation-delay:.1s;font-size:26px}@keyframes ice-fall{0%{transform:translateY(-30px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.coldwave-overlay .frost-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(200,230,255,.6) 50%,transparent 100%);border-radius:50%;animation:frost-float ease-in-out infinite}.coldwave-overlay .frost-particle:nth-child(17){left:10%;top:30%;animation-duration:3s}.coldwave-overlay .frost-particle:nth-child(18){left:25%;top:50%;animation-duration:2.5s;animation-delay:.3s}.coldwave-overlay .frost-particle:nth-child(19){left:40%;top:40%;animation-duration:3.5s;animation-delay:.6s}.coldwave-overlay .frost-particle:nth-child(20){left:55%;top:60%;animation-duration:2.8s;animation-delay:.2s}.coldwave-overlay .frost-particle:nth-child(21){left:70%;top:35%;animation-duration:3.2s;animation-delay:.8s}.coldwave-overlay .frost-particle:nth-child(22){left:85%;top:55%;animation-duration:2.6s;animation-delay:.4s}.coldwave-overlay .frost-particle:nth-child(23){left:15%;top:70%;animation-duration:3.4s;animation-delay:1s}.coldwave-overlay .frost-particle:nth-child(24){left:60%;top:25%;animation-duration:2.9s;animation-delay:.5s}.coldwave-overlay .frost-particle:nth-child(25){left:35%;top:80%;animation-duration:3.1s;animation-delay:.7s}.coldwave-overlay .frost-particle:nth-child(26){left:80%;top:45%;animation-duration:2.7s;animation-delay:.9s}@keyframes frost-float{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(10px,-15px) scale(1.2);opacity:1}50%{transform:translate(-5px,-25px) scale(.8);opacity:.8}75%{transform:translate(15px,-10px) scale(1.1);opacity:.9}}.smog-overlay{background:linear-gradient(180deg,#8b5a2b26,#8b5a2b40,#64503c4d 60%,#503c2833);animation:smog-pulse 4s ease-in-out infinite}.smog-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(139,90,43,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(100,80,60,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(80,60,40,.15) 0%,transparent 50%);animation:smog-drift 8s ease-in-out infinite alternate}@keyframes smog-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes smog-drift{0%{transform:translate(-20px)}to{transform:translate(20px)}}.smog-overlay.severe{background:linear-gradient(180deg,#643c1e4d,#50321e66,#3c281e80 60%,#32231966)}.weather-status-badge{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#161b22f2;border:1px solid #30363d;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:13px;color:#e6edf3;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006}.weather-status-badge .weather-icon{font-size:18px}.weather-status-badge.rain{border-color:#58a6ff}.weather-status-badge.snow{border-color:#a5d6ff}.weather-status-badge.smog{border-color:#d29922}.weather-status-badge.severe-smog{border-color:#f85149}@media(max-width:768px){.map-legend{top:10px;right:10px;padding:10px;min-width:160px}.legend-title{font-size:12px}.legend-item{font-size:11px;gap:6px}.legend-color{width:10px;height:10px}.map-counter{top:10px;left:10px;padding:8px 12px;font-size:12px}.map-counter strong{font-size:14px}.marker-dot{width:14px;height:14px}}.report-marker{background:transparent!important;border:none!important}.report-marker-pin{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;border:2px solid #fff;animation:report-marker-bounce .5s ease-out}.report-marker-icon{transform:rotate(45deg);font-size:16px}@keyframes report-marker-bounce{0%{transform:rotate(-45deg) scale(0);opacity:0}50%{transform:rotate(-45deg) scale(1.2)}to{transform:rotate(-45deg) scale(1);opacity:1}}.report-marker-pin.newest{animation:report-marker-bounce .5s ease-out,newest-pulse 1.5s ease-in-out infinite;box-shadow:0 3px 10px #0006,0 0 20px #ffffff80}@keyframes newest-pulse{0%,to{box-shadow:0 3px 10px #0006,0 0 10px #ffffff4d}50%{box-shadow:0 3px 10px #0006,0 0 25px #ffffffb3}}.report-custom-popup .leaflet-popup-content-wrapper{background:#1a2332;border:1px solid #30363d;border-radius:8px;box-shadow:0 8px 32px #00000080}.report-custom-popup .leaflet-popup-tip{background:#1a2332;border:1px solid #30363d}.report-custom-popup .leaflet-popup-content{margin:0;width:auto!important}.report-popup{padding:14px;min-width:220px}.report-popup-header{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #30363d}.report-popup-icon{font-size:20px}.report-popup-reporter{font-size:12px;color:#58a6ff;margin-bottom:6px}.report-popup-location{font-size:12px;color:#8b949e;margin-bottom:6px}.report-popup-desc{font-size:13px;color:#e6edf3;background:#0d1117;padding:10px;border-radius:6px;margin:10px 0;line-height:1.4}.report-popup-time{font-size:11px;color:#6e7681;text-align:right}.action-marker{background:transparent!important;border:none!important}.action-marker-pin{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;animation:action-marker-drop .4s ease-out}.action-marker-icon{transform:rotate(45deg);font-size:18px}@keyframes action-marker-drop{0%{transform:rotate(-45deg) translateY(-20px);opacity:0}to{transform:rotate(-45deg) translateY(0);opacity:1}}.action-custom-popup .leaflet-popup-content-wrapper{background:#1a2332;border:1px solid #30363d;border-radius:10px;box-shadow:0 8px 32px #00000080}.action-custom-popup .leaflet-popup-tip{background:#1a2332;border:1px solid #30363d}.action-custom-popup .leaflet-popup-content{margin:0;width:auto!important}.action-popup{padding:14px;min-width:220px;max-width:280px}.action-popup-header{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #30363d}.action-popup-icon{font-size:20px}.action-popup-info{font-size:13px;color:#8b949e;margin-bottom:6px;line-height:1.4}.action-popup-badge{display:inline-block;font-size:11px;color:#58a6ff;background:#58a6ff26;padding:4px 10px;border-radius:12px;margin-top:8px}.action-popup-risk{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border-radius:12px;margin-bottom:10px}.action-popup-risk.high{color:#fca5a5;background:#ef444433}.action-popup-risk.medium{color:#fcd34d;background:#f59e0b33}.action-popup-risk.low{color:#9ca3af;background:#6b728033}.action-popup-desc{font-size:12px;color:#6e7681;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);line-height:1.4}.card-view{width:100%;height:100%;background:#0d1117;overflow-y:auto;padding:1.5rem}.sigungu-selector{margin-bottom:1rem}.sigungu-selector h3{color:#c9d1d9;margin-bottom:.5rem;font-size:.9rem}.sigungu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.sigungu-card{background:#161b22;border:1px solid #30363d;border-left:3px solid #6e7681;border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s ease}.sigungu-card:hover{background:#1c2128;border-color:#58a6ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.sigungu-card.active{background:#1c2128;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.sigungu-name{color:#c9d1d9;font-weight:600;font-size:.75rem;margin-bottom:.3rem}.sigungu-stats{display:flex;justify-content:space-between;align-items:center;font-size:.65rem}.region-count{color:#8b949e}.avg-score{font-weight:600}.regions-container{margin-top:1rem}.regions-container h3{color:#c9d1d9;margin-bottom:.75rem;font-size:.9rem;border-bottom:1px solid #30363d;padding-bottom:.35rem}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.region-card{background:#161b22;border:1px solid #30363d;border-top:3px solid #6e7681;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease}.region-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;border-color:#58a6ff}.region-header{padding:.5rem .65rem;background:#ffffff05;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30363d}.region-header h4{color:#c9d1d9;font-size:.75rem;margin:0}.signal-badge{padding:.2rem .5rem;border-radius:8px;color:#fff;font-size:.6rem;font-weight:600;text-transform:uppercase}.region-body{padding:.75rem .65rem}.score-display{display:flex;flex-direction:column;align-items:center;margin-bottom:.75rem}.score-circle{width:50px;height:50px;border:3px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.3rem}.score-value{font-size:1.1rem;font-weight:700;color:#c9d1d9}.score-label{color:#8b949e;font-size:.65rem}.region-metrics{display:flex;flex-direction:column;gap:.4rem}.metric-row{display:flex;align-items:center;gap:.35rem;padding:.3rem;background:#ffffff05;border-radius:3px}.metric-icon{font-size:.85rem}.metric-label{color:#8b949e;font-size:.65rem;flex:1}.metric-value{color:#c9d1d9;font-weight:600;font-size:.65rem}.region-footer{padding:.5rem .65rem;background:#ffffff05;border-top:1px solid #30363d}.detail-btn{width:100%;padding:.4rem;background:#21262d;color:#58a6ff;border:1px solid #30363d;border-radius:4px;font-weight:600;font-size:.65rem;cursor:pointer;transition:all .2s ease}.detail-btn:hover{background:#30363d;border-color:#58a6ff}.no-selection{display:flex;align-items:center;justify-content:center;height:300px;color:#8b949e;font-size:1.1rem}.card-view::-webkit-scrollbar{width:10px}.card-view::-webkit-scrollbar-track{background:#0d1117}.card-view::-webkit-scrollbar-thumb{background:#30363d;border-radius:5px}.card-view::-webkit-scrollbar-thumb:hover{background:#484f58}.disaster-view{width:100%;height:100%;background:#0d1117;overflow-y:auto;padding:1rem}.disaster-type-selector{margin-bottom:1rem}.disaster-types{display:flex;gap:.5rem;flex-wrap:wrap}.disaster-type-btn{padding:.5rem 1rem;background:#161b22;border:2px solid #30363d;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#c9d1d9}.disaster-type-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.disaster-type-btn.active{border-width:2px;box-shadow:0 0 0 2px #58a6ff33}.disaster-icon{font-size:1.2rem}.disaster-name{font-weight:600}.disaster-grid-container{display:flex;flex-direction:column;gap:.5rem}.disaster-grid-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.disaster-grid-cell{background:#161b22;border:1px solid #21262d;border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s}.disaster-grid-cell:hover{background:#1c2128;border-color:#58a6ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.grid-cell-header{padding-bottom:.35rem;border-bottom:1px solid #30363d;margin-bottom:.35rem}.grid-region-name{font-size:.7rem;font-weight:600;color:#c9d1d9}.grid-cell-body{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem}.grid-risk-item{display:flex;justify-content:space-between;align-items:center}.grid-risk-label{font-size:.65rem;color:#8b949e}.grid-cell-footer{padding-top:.35rem;border-top:1px solid #30363d}.risk-cell{display:inline-block;padding:.2rem .4rem;border-radius:3px;font-weight:700;font-size:.7rem;text-align:center;min-width:30px}.max-risk-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;background:#58a6ff26;color:#58a6ff;border-radius:3px;font-weight:700;font-size:.65rem}.disaster-single-card{background:#161b22;border:1px solid #21262d;border-top:3px solid #6e7681;border-radius:4px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.disaster-single-card:hover{background:#1c2128;border-color:#58a6ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.single-card-header{padding-bottom:.35rem;border-bottom:1px solid #30363d;margin-bottom:.5rem}.single-region-name{font-size:.7rem;font-weight:600;color:#c9d1d9}.single-card-body{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem 0}.single-risk-icon{font-size:2rem;line-height:1}.single-risk-score{font-size:1.8rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.single-risk-level{padding:.25rem .6rem;border-radius:12px;font-size:.65rem;font-weight:700;text-align:center}.single-card-footer{padding-top:.35rem;border-top:1px solid #30363d;margin-top:.5rem}.single-metrics{display:flex;justify-content:space-around;gap:.5rem;font-size:.65rem;color:#8b949e}.disaster-view::-webkit-scrollbar{width:8px}.disaster-view::-webkit-scrollbar-track{background:#0d1117}.disaster-view::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.disaster-view::-webkit-scrollbar-thumb:hover{background:#484f58}.ai-view{color:#e6edf3}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.card{background:linear-gradient(135deg,#1a1f2e,#16181d);border:1px solid #30363d;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s}.card:hover{transform:translateY(-5px);border-color:#6b46c1}.card-icon{font-size:2.5rem;margin-bottom:.5rem}.card-title{font-size:.85rem;color:#7d8590;margin-bottom:.75rem}.card-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.card-value span{font-size:1rem;color:#7d8590;margin-left:.25rem}.card-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.standard-box{background:linear-gradient(135deg,#1a1f2e,#16181d);border:1px solid #30363d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.standard-box h3{margin:0 0 1rem;font-size:1.1rem;color:#fff}.standard-box table{width:100%;border-collapse:collapse}.standard-box thead{background:#6b46c1}.standard-box th{padding:.75rem;text-align:left;font-size:.9rem;color:#fff}.standard-box td{padding:.75rem;font-size:.9rem;border-top:1px solid #30363d}.standard-box tbody tr:hover{background:#161b22}.b-good{background:#16a34a;padding:.3rem .7rem;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.b-normal{background:#eab308;padding:.3rem .7rem;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.b-bad{background:#ea580c;padding:.3rem .7rem;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.b-very-bad{background:#dc2626;padding:.3rem .7rem;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600}.analysis-box{background:linear-gradient(135deg,#1a1f2e,#16181d);border:1px solid #30363d;border-radius:12px;overflow:hidden}.analysis-box h3{margin:0;padding:1.5rem;font-size:1.1rem;color:#fff;border-bottom:1px solid #30363d}.tab-nav{display:flex;background:#0d1117;border-bottom:2px solid #30363d;overflow-x:auto;padding:0 1.5rem}.tab-nav button{padding:1rem 1.5rem;background:none;border:none;color:#7d8590;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .3s}.tab-nav button:hover{color:#c9d1d9}.tab-nav button.active{color:#fff;border-bottom-color:#6b46c1;background:#161b22}.tab-body{padding:1.5rem;max-height:500px;overflow-y:auto}.tab-body h4{font-size:1rem;color:#fff;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #6b46c1}.tab-body p{font-size:.9rem;line-height:1.7;color:#c9d1d9;margin:.75rem 0}.tab-body li{font-size:.9rem;line-height:1.6;color:#c9d1d9;margin:.5rem 0 .5rem 1.5rem;list-style:none;position:relative}.tab-body li:before{content:"▸";position:absolute;left:-1.5rem;color:#6b46c1;font-weight:700}@media(max-width:1024px){.metric-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metric-cards{grid-template-columns:1fr}}.climate-dashboard-pro{width:100vw;height:100vh;background:#0a0e1a;color:#e0e6ed;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0a0e1a}.loading-spinner{width:50px;height:50px;border:3px solid #1a2332;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:20px;color:#8b95a5;font-size:14px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#1a2332,#0f1419);border-bottom:1px solid #1e293b;height:60px}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center}.header-logo{width:44px;height:44px}.system-title h1{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.5px}.system-subtitle{font-size:10px;color:#64748b;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.datetime-display{text-align:right}.datetime-display .date{font-size:12px;color:#94a3b8;margin-bottom:2px}.datetime-display .time{font-size:16px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.last-update-display{display:flex;flex-direction:column;align-items:flex-end;padding:6px 16px;margin-right:16px;border-right:1px solid rgba(148,163,184,.3)}.last-update-display .update-label{font-size:10px;color:#64748b;margin-bottom:2px}.last-update-display .update-time{font-size:14px;font-weight:600;color:#22c55e;font-variant-numeric:tabular-nums}.risk-indicator-bar{display:flex;gap:1px;background:#0a0e1a;padding:0;height:70px}.indicator-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a2332;border-bottom:3px solid transparent;transition:all .2s;cursor:pointer}.indicator-item:hover{background:#1e293b;transform:translateY(-2px)}.indicator-item.active{background:#1e293b;transform:translateY(-2px);border-bottom-width:5px}.indicator-item.critical.active{background:#dc26261a}.indicator-item.warning.active{background:#ff6b001a}.indicator-item.caution.active{background:#fbbf241a}.indicator-item.safe.active{background:#10b9811a}.indicator-item.total.active{background:#3b82f61a}.indicator-item.critical{border-bottom-color:#dc2626}.indicator-item.warning{border-bottom-color:#ff6b00}.indicator-item.caution{border-bottom-color:#fbbf24}.indicator-item.safe{border-bottom-color:#10b981}.indicator-item.total{border-bottom-color:#3b82f6}.indicator-label{font-size:18px;color:#fff;font-weight:700;letter-spacing:.5px}.indicator-item.critical .indicator-label{color:#dc2626}.indicator-item.warning .indicator-label{color:#ff6b00}.indicator-item.caution .indicator-label{color:#fbbf24}.indicator-item.safe .indicator-label{color:#10b981}.indicator-item.total .indicator-label{color:#3b82f6}.main-grid-pro{display:grid;grid-template-columns:420px 1fr 500px;gap:1px;flex:1;background:#000;overflow:hidden}.panel-pro{background:#0f1419;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1a2332;border-bottom:1px solid #1e293b}.panel-header h2{margin:0;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.panel-header.with-tabs{padding:0;background:#1a2332}.tab-buttons{display:flex;width:100%;border-bottom:1px solid #1e293b}.tab-btn{flex:1;padding:14px 20px;background:transparent;border:none;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;position:relative}.tab-btn:hover{background:#3b82f60d;color:#94a3b8}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f614}.panel-subheader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#151a24;border-bottom:1px solid #1e293b}.panel-subheader h2{margin:0;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.panel-badge{font-size:9px;color:#64748b;background:#0a0e1a;padding:3px 8px;border-radius:3px;font-weight:600;letter-spacing:.5px}.risk-panel{border-right:1px solid #1e293b}.risk-table-container{flex:1;overflow-y:auto}.risk-table{width:100%;border-collapse:collapse}.risk-table thead{position:sticky;top:0;background:#1a2332;z-index:10}.risk-table th{padding:10px 12px;text-align:center;font-size:12px;font-weight:600;color:#64748b;border-bottom:1px solid #1e293b;text-transform:uppercase;letter-spacing:.5px}.risk-table tbody tr{cursor:pointer;transition:background .15s;border-bottom:1px solid #1e293b}.risk-table tbody tr:hover{background:#1a2332}.risk-table tbody tr.selected{background:#1e293b;border-left:3px solid #3b82f6}.risk-table td{padding:12px;font-size:14px;text-align:center}.risk-table .rank{color:#64748b;font-weight:600;width:50px}.risk-table .region-name{color:#e0e6ed;font-weight:500;white-space:nowrap}.risk-table .cache-icon{color:#10b981;margin-right:3px}.risk-table .score{font-weight:700;color:#fff;font-variant-numeric:tabular-nums;width:45px}.risk-table .score.clickable{cursor:pointer;transition:all .2s;position:relative}.risk-table .score.clickable:hover{color:#58a6ff;text-decoration:underline;transform:scale(1.1)}.risk-table .score.clickable:after{content:"🔍";position:absolute;font-size:10px;margin-left:4px;opacity:0;transition:opacity .2s}.risk-table .score.clickable:hover:after{opacity:1}.risk-table .disasters{color:#94a3b8;font-variant-numeric:tabular-nums;width:50px}.risk-table .ai-btn-cell{width:40px;text-align:center;padding:4px!important}.ai-analysis-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.ai-analysis-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #8b5cf666}.level-badge{display:inline-block;padding:4px 12px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;min-width:50px}.level-badge.critical{background:#dc2626;color:#fff}.level-badge.warning{background:#ff6b00;color:#fff}.level-badge.caution{background:#fbbf24;color:#000}.level-badge.safe{background:#10b981;color:#fff}.detail-panel{border-right:1px solid #1e293b}.region-coords{font-size:10px;color:#64748b;margin-top:4px;font-variant-numeric:tabular-nums}.risk-level-badge{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.risk-level-badge.critical{background:#dc2626;color:#fff}.risk-level-badge.warning{background:#ff6b00;color:#fff}.risk-level-badge.caution{background:#fbbf24;color:#000}.risk-level-badge.safe{background:#10b981;color:#fff}.risk-level-badge.unknown{background:#64748b;color:#fff}.detail-content{flex:1;overflow-y:auto;padding:20px}.section{margin-bottom:24px;max-width:100%;overflow:hidden}.section-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;border-bottom:1px solid #1e293b;padding-bottom:8px}.weather-metrics,.disaster-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.metric-box,.stat-card{background:#1a2332;padding:8px;border-radius:4px;border:1px solid #1e293b;min-width:0;max-width:none}.metric-label{font-size:8px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.metric-value{font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.metric-value .unit{font-size:11px;color:#64748b;margin-left:3px}.metric-value-text{font-size:12px;font-weight:600;color:#fff;padding:2px 6px;background:#1e293b;border-radius:4px;display:inline-block}.comparison-table{background:#1a2332;border-radius:4px;overflow:hidden}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:10px 12px;text-align:left;font-size:11px;border-bottom:1px solid #1e293b}.comparison-table th{background:#0f1419;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.comparison-table td{color:#e0e6ed;font-variant-numeric:tabular-nums}.comparison-table td.similar{color:#10b981;font-weight:600}.comparison-table td.different{color:#94a3b8}.stat-type{font-size:8px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.stat-count{font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.stat-count .unit{font-size:11px;color:#64748b;margin-left:3px}.no-data{text-align:center;padding:20px;color:#64748b;font-size:12px}.alert-section{background:#dc26261a;border:1px solid #dc2626;border-radius:4px;padding:16px}.alert-section .section-title{color:#fca5a5;border-color:#dc2626}.warnings-list{display:flex;flex-direction:column;gap:10px}.warning-item{display:flex;align-items:flex-start;font-size:12px;color:#fca5a5;line-height:1.5}.warning-icon{color:#dc2626;margin-right:8px;flex-shrink:0}.disaster-item{background:#1a2332;padding:14px;border-radius:4px;border-left:3px solid #3b82f6}.disaster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.disaster-date{font-size:11px;color:#64748b;font-variant-numeric:tabular-nums}.disaster-badge{padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;background:#3b82f6;color:#fff}.disaster-title{font-size:13px;font-weight:600;color:#e0e6ed;margin-bottom:6px;line-height:1.4}.disaster-summary{font-size:11px;color:#8b95a5;line-height:1.5;margin-bottom:8px}.disaster-link{font-size:11px;color:#3b82f6;text-decoration:none;font-weight:600}.disaster-link:hover{text-decoration:underline}.empty-state-pro{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:14px}.stats-content{flex:1;overflow-y:auto;padding:20px}.stat-section{margin-bottom:12px}.stat-section h3{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #1e293b}.stat-items{display:flex;flex-direction:column;gap:8px}.stat-items.grid-2col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.stat-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1a2332;border-radius:4px;font-size:12px}.stat-item-row.ranked{padding-left:8px}.rank-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0f1419;border-radius:50%;font-size:11px;font-weight:700;color:#64748b;margin-right:10px}.stat-label{flex:1;color:#e0e6ed}.stat-value{font-weight:700;color:#3b82f6;font-variant-numeric:tabular-nums}.stat-value.text-red{color:#dc2626}.stat-value.text-yellow{color:#fbbf24}.stat-value.text-green{color:#10b981}.month-chart{display:flex;flex-direction:column;gap:8px}.month-row{display:flex;align-items:center;gap:10px}.month-label{width:40px;font-size:11px;color:#64748b;font-weight:600;text-align:right}.month-bar-container{flex:1;height:24px;background:#1a2332;border-radius:3px;overflow:hidden;display:flex}.month-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s}.month-bar-stacked{height:100%;display:flex;transition:width .3s}.bar-segment{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s}.bar-segment:hover{filter:brightness(1.2)}.segment-label{font-size:9px;color:#fff;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.month-count{width:40px;font-size:11px;color:#e0e6ed;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f1419}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.map-panel{position:relative;overflow:hidden}.map-panel .climate-map,.map-panel .map-container{width:100%;height:100%}.weather-alert-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#f8514920,#da363320);border:1px solid #f85149;border-radius:6px;margin-bottom:16px}.weather-alert-banner .alert-icon{font-size:1.2rem}.weather-alert-banner .alert-text{font-size:.85rem;font-weight:600;color:#f85149}.score-section{margin-bottom:16px!important}.climate-score-display{display:flex;align-items:center;gap:20px;padding:12px;background:#1a2332;border-radius:8px}.score-circle{width:70px;height:70px;border-radius:50%;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d1117}.score-circle .score-number{font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.score-circle .score-label{font-size:.65rem;color:#8b949e;margin-top:2px}.score-info{flex:1}.green-index{display:flex;justify-content:space-between;padding:8px 12px;background:#0d1117;border-radius:4px}.green-index .label{font-size:.8rem;color:#8b949e}.green-index .value{font-size:.9rem;font-weight:600;color:#3fb950}.weather-alert-box{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0d1117;border-radius:4px;border:1px solid #21262d}.weather-alert-box .label{font-size:.85rem;color:#8b949e}.weather-alert-box .value{font-size:.9rem;font-weight:600;color:#3fb950}.weather-alert-box .value.alert-active{color:#f85149;animation:alert-blink 1.5s ease-in-out infinite}@keyframes alert-blink{0%,to{opacity:1}50%{opacity:.6}}.metric-box.highlight{border-color:#58a6ff;background:linear-gradient(135deg,#1a2332,#1e3a5f)}.metric-box.highlight .metric-value{color:#58a6ff;font-size:1.3rem}.formula-btn{background:#21262d;border:1px solid #58a6ff;color:#58a6ff;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 0 8px #58a6ff80,0 0 16px #58a6ff4d;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #58a6ff80,0 0 16px #58a6ff4d}50%{box-shadow:0 0 12px #58a6ffcc,0 0 24px #58a6ff80}}.formula-btn:hover{background:#30363d;color:#79c0ff;border-color:#79c0ff;box-shadow:0 0 15px #58a6ffcc,0 0 30px #58a6ff80}.formula-modal{background:linear-gradient(180deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;padding:24px;box-shadow:0 16px 70px #00000080}.formula-modal h2{font-size:1.4rem;color:#c9d1d9;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #21262d}.formula-section{margin-bottom:24px}.formula-section h3{font-size:1rem;color:#58a6ff;margin:0 0 12px;font-weight:600}.formula-box{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:16px;font-family:Courier New,monospace;color:#7ee787;font-size:.95rem;text-align:center}.formula-table{width:100%;border-collapse:collapse;font-size:.85rem}.formula-table th,.formula-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #21262d}.formula-table th{background:#0d1117;color:#8b949e;font-weight:600}.formula-table td{color:#c9d1d9}.formula-table td:last-child{text-align:center;color:#58a6ff;font-weight:600}.grade-list{display:flex;flex-direction:column;gap:10px}.grade-item{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#0d1117;border-radius:6px;border-left:4px solid}.grade-item.critical{border-color:#dc2626}.grade-item.warning{border-color:#ff6b00}.grade-item.caution{border-color:#fbbf24}.grade-item.safe{border-color:#10b981}.grade-item .grade-badge{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;min-width:50px;text-align:center}.grade-item.critical .grade-badge{background:#dc2626;color:#fff}.grade-item.warning .grade-badge{background:#ff6b00;color:#fff}.grade-item.caution .grade-badge{background:#fbbf24;color:#000}.grade-item.safe .grade-badge{background:#10b981;color:#fff}.grade-item span:last-child{color:#8b949e;font-size:.9rem}.formula-note{font-size:.8rem;color:#6e7681;font-style:italic;padding-top:16px;border-top:1px solid #21262d}.realtime-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.realtime-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#151a24;border-bottom:1px solid #1e293b}.realtime-header h3{margin:0;font-size:14px;font-weight:700;color:#fff}.realtime-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#10b981;font-weight:600}.realtime-status .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.7;box-shadow:0 0 0 6px #10b98100}}.realtime-section{padding:16px 20px;border-bottom:1px solid #1e293b}.realtime-section h4{margin:0 0 12px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.section-badge{font-size:9px;color:#3b82f6;background:#3b82f626;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.report-mode-toggle{display:flex;gap:2px;background:#0d1117;border-radius:6px;padding:2px;margin-left:8px}.report-mode-toggle .mode-btn{padding:3px 10px;border:none;background:transparent;color:#64748b;font-size:10px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s}.report-mode-toggle .mode-btn:hover{color:#94a3b8}.report-mode-toggle .mode-btn.active{background:#3b82f6;color:#fff}.report-mode-toggle .mode-btn.active:last-child{background:#10b981;animation:auto-pulse 1.5s infinite}@keyframes auto-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.marker-clear-btn{padding:3px 8px;border:1px solid #dc2626;background:#dc262626;color:#f87171;font-size:10px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s;margin-left:8px}.marker-clear-btn:hover{background:#dc2626;color:#fff}.report-count{margin-left:auto;font-size:11px;color:#10b981;background:#10b98126;padding:2px 8px;border-radius:10px;font-weight:700}.weather-alerts .alert-item{display:flex;align-items:center;gap:10px;padding:12px;background:#dc26261a;border:1px solid #dc2626;border-radius:6px}.weather-alerts .alert-item.active .alert-badge{background:#dc2626;color:#fff;padding:3px 8px;border-radius:3px;font-size:10px;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.weather-alerts .alert-content{color:#fca5a5;font-size:12px;font-weight:600}.weather-alerts .no-alert{display:flex;align-items:center;gap:8px;padding:12px;background:#10b9811a;border:1px solid #10b981;border-radius:6px;color:#6ee7b7;font-size:12px}.weather-alerts .check-icon{color:#10b981;font-weight:700}.report-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}.report-item{background:#1a2332;border-radius:6px;padding:12px;border-left:3px solid #3b82f6;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-item.severity-critical{border-left-color:#dc2626;background:#dc26260d}.report-item.severity-warning{border-left-color:#fbbf24;background:#fbbf240d}.report-item.severity-info{border-left-color:#3b82f6}.report-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.report-icon{font-size:16px}.report-type{font-size:13px;font-weight:600;color:#e0e6ed}.severity-badge{font-size:9px;padding:2px 6px;border-radius:3px;font-weight:700;text-transform:uppercase;margin-left:auto}.severity-badge.critical{background:#dc2626;color:#fff}.severity-badge.warning{background:#fbbf24;color:#000}.severity-badge.info{background:#3b82f6;color:#fff}.report-reporter{display:flex;align-items:center;gap:4px;font-size:11px;color:#58a6ff;margin-bottom:4px;font-weight:500}.reporter-icon{font-size:11px}.report-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;margin-bottom:6px}.location-icon{font-size:12px}.report-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#64748b;margin-bottom:6px}.report-gps-btn{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#1e3a5f,#0d2137);border:1px solid #3b82f6;color:#60a5fa;padding:4px 10px;border-radius:12px;font-size:10px;font-family:Courier New,monospace;cursor:pointer;transition:all .2s}.report-gps-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;transform:scale(1.05);box-shadow:0 0 12px #3b82f680}.report-gps-btn .gps-icon{font-size:11px;animation:gps-pulse 2s infinite}@keyframes gps-pulse{0%,to{opacity:1}50%{opacity:.5}}.report-description{font-size:11px;color:#8b95a5;padding-top:6px;border-top:1px solid #1e293b}.no-reports{text-align:center;padding:24px;background:#1a2332;border-radius:6px}.no-reports .no-data-icon{font-size:32px;margin-bottom:8px;opacity:.5}.no-reports .no-data-text{color:#94a3b8;font-size:12px;margin-bottom:4px}.no-reports .no-data-hint{color:#64748b;font-size:10px}.news-list{display:flex;flex-direction:column;gap:8px}.news-item{padding:10px 12px;background:#1a2332;border-radius:4px;cursor:pointer;transition:background .2s}.news-item:hover{background:#1e293b}.news-title{font-size:12px;color:#e0e6ed;font-weight:500;line-height:1.4;margin-bottom:6px}.news-meta{display:flex;justify-content:space-between;font-size:10px;color:#64748b}.news-source{color:#3b82f6;font-weight:600}.no-news{text-align:center;padding:16px;color:#64748b;font-size:12px}.ai-summary-box{background:#1a2332;border-radius:6px;padding:14px;border:1px solid #1e293b}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-label{font-size:11px;color:#64748b}.summary-value{font-size:13px;font-weight:700;color:#e0e6ed}.summary-value.level-critical{color:#dc2626}.summary-value.level-warning{color:#ff6b00}.summary-value.level-caution{color:#fbbf24}.summary-value.level-safe{color:#10b981}.summary-warnings{margin-top:10px;padding-top:10px;border-top:1px solid #1e293b}.summary-warning{font-size:11px;color:#fca5a5;margin-bottom:4px}.realtime-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#151a24;border-top:1px solid #1e293b;margin-top:auto}.update-info{font-size:10px;color:#64748b}.refresh-btn{background:#21262d;border:1px solid #30363d;color:#8b949e;padding:6px 14px;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#30363d;color:#3b82f6;border-color:#3b82f6}.empty-text br{content:"";display:block;margin:4px 0}.score-detail-btn{background:transparent;border:1px solid #30363d;color:#8b949e;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s;margin-left:8px}.score-detail-btn:hover{background:#21262d;color:#58a6ff;border-color:#58a6ff}.score-detail-modal{background:linear-gradient(180deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative;padding:24px}.score-detail-modal h2{margin:0 0 20px;font-size:18px;color:#fff;text-align:center}.score-summary{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#0d1117;border-radius:8px;margin-bottom:20px}.score-badge{font-size:36px;font-weight:700;padding:12px 24px;border-radius:8px}.score-badge.red{background:#dc262633;color:#dc2626}.score-badge.yellow{background:#fbbf2433;color:#fbbf24}.score-badge.green{background:#10b98133;color:#10b981}.signal-label{font-size:14px;color:#8b949e;font-weight:600}.score-breakdown{margin-bottom:20px}.score-breakdown h3{font-size:14px;color:#c9d1d9;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #21262d}.breakdown-item{background:#0d1117;border-radius:6px;padding:12px;margin-bottom:10px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.breakdown-label{font-size:13px;color:#c9d1d9;font-weight:600}.breakdown-value{font-size:14px;color:#58a6ff;font-weight:700}.breakdown-desc{font-size:11px;color:#8b949e}.score-formula-mini{background:#0d1117;border-radius:6px;padding:12px}.score-formula-mini h3{font-size:12px;color:#8b949e;margin:0 0 8px}.score-formula-mini code{display:block;font-size:11px;color:#58a6ff;background:#161b22;padding:8px;border-radius:4px;font-family:monospace}.cctv-content{padding:0}.cctv-header{padding:15px;border-bottom:1px solid #21262d}.cctv-header h3{margin:0 0 5px;font-size:16px;color:#c9d1d9}.cctv-desc{font-size:12px;color:#8b949e;margin:0}.cctv-list{padding:10px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 300px);overflow-y:auto}.cctv-list::-webkit-scrollbar{width:6px}.cctv-list::-webkit-scrollbar-track{background:#161b22;border-radius:3px}.cctv-list::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.cctv-list::-webkit-scrollbar-thumb:hover{background:#484f58}.cctv-item{display:flex;gap:12px;padding:12px;background:#161b22;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #21262d}.cctv-item:hover{background:#1c2128;border-color:#30363d;transform:translate(3px)}.cctv-thumbnail{width:80px;height:50px;background:#0d1117;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cctv-placeholder{font-size:24px;opacity:.5}.cctv-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.cctv-name{font-size:14px;font-weight:600;color:#c9d1d9}.cctv-status{font-size:11px;padding:2px 8px;border-radius:10px;width:fit-content}.cctv-status.online{background:#10b98133;color:#10b981}.cctv-status.offline{background:#ef444433;color:#ef4444}.cctv-notice{padding:15px;margin:10px;background:#161b22;border-radius:8px;text-align:center}.cctv-notice span{font-size:12px;color:#8b949e}.cctv-road{font-size:11px;color:#6b7280}.cctv-count{padding:10px 15px;font-size:12px;color:#8b949e;border-top:1px solid #21262d;text-align:right}.cctv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.cctv-empty-icon{font-size:48px;opacity:.3;margin-bottom:10px}.cctv-empty p{font-size:14px;margin:0}.cctv-section{margin-bottom:12px;background:#161b22;border-radius:8px;border:1px solid #21262d}.cctv-section.nearby{background:#0d1117;border:1px dashed #30363d}.cctv-section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#21262d;border-radius:8px 8px 0 0}.cctv-section-title{font-size:13px;font-weight:600;color:#c9d1d9}.cctv-section-count{font-size:11px;color:#8b949e;background:#30363d;padding:2px 8px;border-radius:10px}.cctv-section>.cctv-item{margin:0!important;border-radius:0!important;border:none!important;border-bottom:1px solid #21262d!important;background:transparent!important;display:flex!important;gap:12px!important;padding:10px 12px!important}.cctv-section>.cctv-item:last-child{border-bottom:none!important;border-radius:0 0 8px 8px!important}.cctv-section>.cctv-item:hover{background:#ffffff08!important;transform:none!important}.cctv-section>.cctv-item .cctv-thumbnail{width:70px;height:45px;background:#0d1117;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cctv-section>.cctv-item .cctv-placeholder{font-size:20px;opacity:.5}.cctv-section>.cctv-item .cctv-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.cctv-section>.cctv-item .cctv-name{font-size:13px;font-weight:500;color:#c9d1d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cctv-section>.cctv-item .cctv-road{font-size:11px;color:#6b7280}.cctv-section>.cctv-item .cctv-status{font-size:10px;padding:1px 6px;border-radius:8px;width:fit-content}.cctv-empty-small{padding:20px;text-align:center;color:#6b7280;font-size:12px}.cctv-item.clickable{cursor:pointer}.cctv-item.clickable:hover{background:#58a6ff1a!important}.cctv-placeholder.live{color:#3fb950;font-size:16px;opacity:1}.cctv-status.standby{background:#8b949e33;color:#8b949e}.cctv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.cctv-loading .loading-spinner{width:32px;height:32px;border:3px solid #21262d;border-top-color:#58a6ff;border-radius:50%;animation:spin 1s linear infinite}.cctv-loading p{color:#8b949e;font-size:13px}.cctv-more{padding:8px 12px;text-align:center;color:#58a6ff;font-size:12px;border-top:1px solid #21262d}.cctv-notice.success{background:#3fb9501a;border-color:#3fb9504d}.cctv-notice.success span{color:#3fb950}.cctv-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.cctv-modal{background:#161b22;border-radius:12px;width:90%;max-width:800px;overflow:hidden;border:1px solid #30363d}.cctv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #30363d}.cctv-modal-header h3{margin:0;color:#e6edf3;font-size:16px}.cctv-modal-header .close-btn{background:none;border:none;color:#8b949e;font-size:20px;cursor:pointer;padding:4px 8px}.cctv-modal-header .close-btn:hover{color:#e6edf3}.cctv-modal-content{background:#0d1117;aspect-ratio:16/9}.cctv-modal-content iframe{width:100%;height:100%;border:none}.cctv-modal-content .no-stream{display:flex;align-items:center;justify-content:center;height:100%;color:#8b949e}.cctv-modal-info{padding:12px 20px;border-top:1px solid #30363d}.cctv-modal-info p{margin:4px 0;color:#8b949e;font-size:13px}.cctv-stream-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.cctv-stream-info .stream-icon{font-size:48px;margin-bottom:16px}.cctv-stream-info .stream-name{font-size:18px;font-weight:600;color:#e6edf3;margin:0 0 8px}.cctv-stream-info .stream-type{font-size:14px;color:#8b949e;margin:0 0 20px}.cctv-stream-info .stream-link-btn{display:inline-block;padding:12px 24px;background:#238636;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background .2s}.cctv-stream-info .stream-link-btn:hover{background:#2ea043}.cctv-stream-info .stream-notice{margin-top:16px;font-size:12px;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.analysis-modal{background:linear-gradient(180deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 16px 70px #00000080}.modal-close{position:absolute;top:16px;right:16px;background:#21262d;border:1px solid #30363d;color:#8b949e;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close:hover{background:#f85149;color:#fff;border-color:#f85149}.modal-loading{padding:80px 40px;text-align:center}.loading-spinner-large{width:60px;height:60px;border:4px solid #21262d;border-top-color:#58a6ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading .loading-text{font-size:1.3rem;color:#c9d1d9;margin-bottom:8px}.loading-subtext{font-size:.9rem;color:#6e7681}.modal-error{padding:60px 40px;text-align:center}.error-icon{font-size:3rem;margin-bottom:16px}.error-text{font-size:1.1rem;color:#f85149;margin-bottom:20px}.retry-btn{background:#238636;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.95rem}.retry-btn:hover{background:#2ea043}.weather-alert-bar{padding:12px 24px;background:linear-gradient(135deg,#f8514920,#da363320);border-bottom:1px solid #f85149}.weather-alert-bar .alert-badge{font-size:.95rem;font-weight:600;color:#f85149}.weather-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:#0d1117;border-bottom:1px solid #21262d}.weather-section{background:#161b22;border:1px solid #21262d;border-radius:8px;padding:12px}.weather-section h4{font-size:.85rem;color:#58a6ff;margin:0 0 10px;font-weight:600}.weather-items{display:flex;flex-direction:column;gap:6px}.weather-detail-grid .weather-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.weather-detail-grid .weather-item .label{color:#8b949e}.weather-detail-grid .weather-item .value{color:#c9d1d9;font-weight:600}@media(max-width:768px){.weather-detail-grid{grid-template-columns:repeat(2,1fr)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #21262d}.header-info h2{font-size:1.5rem;color:#c9d1d9;margin:0 0 4px}.region-code{font-size:.85rem;color:#6e7681}.risk-score-display{text-align:center;padding:16px 24px;background:#0d1117;border:2px solid;border-radius:12px}.risk-score-display .score-value{font-size:2.5rem;font-weight:700;line-height:1}.risk-score-display .score-label{font-size:.9rem;font-weight:600;margin-top:4px}.weather-summary{display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px;background:#0d1117;border-bottom:1px solid #21262d}.weather-item{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#c9d1d9}.weather-icon{font-size:1.1rem}.weather-alert{flex:100%;margin-top:4px}.alert-badge{background:#f8514933;color:#f85149;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:600}.analysis-section{padding:20px 24px;border-bottom:1px solid #21262d}.analysis-section h3{font-size:1.1rem;color:#58a6ff;margin:0 0 16px;font-weight:600}.score-breakdown{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.breakdown-item{display:flex;align-items:center;gap:12px}.breakdown-label{width:80px;font-size:.85rem;color:#8b949e;flex-shrink:0}.breakdown-bar-container{flex:1;height:12px;background:#21262d;border-radius:6px;overflow:hidden}.breakdown-bar{height:100%;border-radius:6px;transition:width .5s ease}.breakdown-value{width:30px;text-align:right;font-size:.9rem;color:#c9d1d9;font-weight:600}.ai-summary{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:16px;margin-bottom:16px}.summary-title{font-size:.95rem;color:#58a6ff;margin-bottom:8px;font-weight:600}.ai-summary p{font-size:.9rem;color:#c9d1d9;line-height:1.6;margin:0}.main-risks{margin-top:16px}.risks-title{font-size:.95rem;color:#c9d1d9;margin-bottom:12px;font-weight:600}.risks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.risk-card{background:#0d1117;border:1px solid #21262d;border-left-width:4px;border-radius:6px;padding:12px}.risk-type{font-size:.95rem;color:#c9d1d9;font-weight:600;margin-bottom:4px}.risk-level{font-size:.8rem;font-weight:600;margin-bottom:8px}.risk-desc{font-size:.85rem;color:#8b949e;line-height:1.5}.monthly-chart{display:flex;align-items:flex-end;gap:8px;height:150px;padding:0 10px}.month-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.month-bar-wrapper.current .month-label{color:#f85149;font-weight:700}.bar-container{width:100%;height:100px;background:#21262d;border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease;min-height:2px}.month-label{font-size:.75rem;color:#8b949e}.month-count{font-size:.7rem;color:#6e7681}.seasonal-warning{margin-top:16px;padding:12px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;font-size:.9rem;color:#f85149}.advice-section{padding:20px 24px;border-bottom:1px solid #21262d}.tab-header{display:flex;gap:8px;margin-bottom:20px}.tab-button{flex:1;padding:12px 16px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-button:hover{background:#30363d;color:#c9d1d9}.tab-button.active{background:#58a6ff;border-color:#58a6ff;color:#fff}.tab-content{display:flex;flex-direction:column;gap:20px}.advice-group{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:16px}.advice-group h4{font-size:1rem;color:#58a6ff;margin:0 0 12px;font-weight:600}.advice-group.emergency h4{color:#f85149}.advice-group.improvements h4{color:#3fb950}.advice-group ul{margin:0;padding-left:20px}.advice-group li{font-size:.9rem;color:#c9d1d9;line-height:1.7;margin-bottom:6px}.advice-group li.no-item{color:#6e7681;font-style:italic}.disaster-stats-table{overflow-x:auto}.disaster-stats-table table{width:100%;border-collapse:collapse}.disaster-stats-table th,.disaster-stats-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #21262d;font-size:.85rem}.disaster-stats-table th{background:#0d1117;color:#8b949e;font-weight:600}.disaster-stats-table td{color:#c9d1d9}.disaster-stats-table td.count{color:#f85149;font-weight:600}.recent-disasters{display:flex;flex-direction:column;gap:12px}.disaster-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:14px}.disaster-card .disaster-date{font-size:.8rem;color:#6e7681;margin-bottom:4px}.disaster-card .disaster-type{display:inline-block;background:#58a6ff20;color:#58a6ff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:6px}.disaster-card .disaster-title{font-size:.9rem;color:#c9d1d9;font-weight:500;margin-bottom:4px}.disaster-card .disaster-summary{font-size:.8rem;color:#8b949e;line-height:1.5}.main-tab-nav{display:flex;gap:4px;padding:16px 24px;background:#0d1117;border-bottom:1px solid #21262d}.main-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#21262d;border:2px solid #30363d;border-radius:10px;color:#8b949e;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.main-tab-btn:hover{background:#30363d;color:#c9d1d9}.main-tab-btn.active{background:linear-gradient(135deg,#238636,#2ea043);border-color:#238636;color:#fff;box-shadow:0 4px 12px #23863666}.main-tab-btn .tab-icon{font-size:1.2rem}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.keyword-summary-card{display:flex;gap:20px;margin-bottom:16px}.summary-stat{flex:1;background:linear-gradient(135deg,#21262d,#161b22);border:1px solid #30363d;border-radius:10px;padding:20px;text-align:center}.summary-stat .stat-number{font-size:2rem;font-weight:700;color:#58a6ff;line-height:1}.summary-stat .stat-label{font-size:.85rem;color:#8b949e;margin-top:6px}.report-summary{background:#0d1117;border:1px solid #30363d;border-left:4px solid #58a6ff;border-radius:8px;padding:16px}.report-summary p{color:#c9d1d9;font-size:.95rem;line-height:1.7;margin:0}.word-cloud{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center;align-items:center;padding:30px 20px;background:linear-gradient(135deg,#0d1117,#161b22);border:1px solid #21262d;border-radius:12px;min-height:150px}.cloud-word{font-weight:600;cursor:default;transition:all .2s ease;padding:4px 8px;border-radius:4px}.cloud-word:hover{transform:scale(1.15);background:#58a6ff26}.type-chart-container{display:flex;gap:30px;align-items:center;margin-bottom:20px}.donut-chart{width:180px;height:180px;flex-shrink:0}.donut-chart svg{width:100%;height:100%}.type-legend{flex:1;display:flex;flex-direction:column;gap:8px}.type-legend .legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#161b22;border-radius:6px}.type-legend .legend-color{width:14px;height:14px;border-radius:4px;flex-shrink:0}.type-legend .legend-label{flex:1;color:#c9d1d9;font-size:.9rem}.type-legend .legend-value{color:#8b949e;font-size:.85rem;font-weight:600}.type-insights{display:flex;flex-direction:column;gap:12px;margin-top:16px}.type-insight-card{background:#0d1117;border:1px solid #21262d;border-radius:8px;padding:14px}.insight-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.insight-rank{background:#58a6ff;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.insight-type{font-size:.95rem;font-weight:600;color:#c9d1d9}.insight-count{color:#8b949e;font-size:.85rem;margin-left:auto}.insight-text{color:#8b949e;font-size:.85rem;line-height:1.6;margin:0}.seasonal-chart{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0d1117;border:1px solid #21262d;border-radius:10px}.season-bar{display:flex;align-items:center;gap:12px}.season-info{width:70px;display:flex;align-items:center;gap:6px;flex-shrink:0}.season-icon{font-size:1.2rem}.season-name{font-size:.9rem;color:#c9d1d9;font-weight:500}.season-bar-container{flex:1;height:24px;background:#21262d;border-radius:12px;overflow:hidden}.season-bar-fill{height:100%;border-radius:12px;transition:width .5s ease}.season-count{width:50px;text-align:right;font-size:.9rem;color:#8b949e;font-weight:600}.pattern-note{margin-top:12px;padding:12px;background:#58a6ff1a;border:1px solid rgba(88,166,255,.3);border-radius:6px;font-size:.9rem;color:#58a6ff}.current-risk-card{background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:20px}.current-risk-card.risk-high{border-color:#f8514980;background:linear-gradient(135deg,#f851491a,#0d1117)}.current-risk-card.risk-medium{border-color:#d2992280;background:linear-gradient(135deg,#d299221a,#0d1117)}.current-risk-card.risk-low{border-color:#3fb95080;background:linear-gradient(135deg,#3fb9501a,#0d1117)}.risk-indicator{display:flex;align-items:center;gap:10px;margin-bottom:12px}.risk-indicator .risk-icon{font-size:1.5rem}.risk-indicator .risk-text{font-size:1.2rem;font-weight:700;color:#c9d1d9}.risk-description{color:#8b949e;font-size:.9rem;line-height:1.6;margin:0}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.recommendation-card{background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:16px}.recommendation-card.priority-high{border-left:4px solid #f85149}.recommendation-card.priority-medium{border-left:4px solid #d29922}.recommendation-card.priority-low{border-left:4px solid #3fb950}.rec-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rec-priority{font-size:.8rem;font-weight:600}.rec-category{font-size:.95rem;font-weight:600;color:#c9d1d9}.rec-items{margin:0;padding-left:18px}.rec-items li{font-size:.85rem;color:#8b949e;line-height:1.6;margin-bottom:4px}.risk-keywords{display:flex;flex-wrap:wrap;gap:10px}.risk-keyword-tag{display:inline-flex;align-items:center;gap:6px;background:#f8514926;border:1px solid rgba(248,81,73,.4);color:#f85149;padding:8px 14px;border-radius:20px;font-size:.9rem;font-weight:600}.risk-keyword-tag .keyword-count{background:#f851494d;padding:2px 8px;border-radius:10px;font-size:.75rem}.empty-keyword-state{padding:60px 40px;text-align:center}.empty-keyword-state .empty-icon{font-size:3rem;margin-bottom:16px}.empty-keyword-state .empty-text{font-size:1.2rem;color:#c9d1d9;margin-bottom:8px}.empty-keyword-state .empty-subtext{font-size:.9rem;color:#6e7681}@media(max-width:768px){.modal-overlay{padding:10px}.analysis-modal{max-height:95vh}.modal-header{flex-direction:column;gap:16px;text-align:center}.weather-summary{justify-content:center}.monthly-chart{height:120px;gap:4px}.month-label{font-size:.65rem}.risks-grid{grid-template-columns:1fr}.tab-header,.main-tab-nav,.keyword-summary-card,.type-chart-container{flex-direction:column}.donut-chart{width:150px;height:150px}.recommendations-grid{grid-template-columns:1fr}}.analysis-modal::-webkit-scrollbar{width:8px}.analysis-modal::-webkit-scrollbar-track{background:#0d1117}.analysis-modal::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.analysis-modal::-webkit-scrollbar-thumb:hover{background:#484f58}.situation-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#21262d,#161b22);border-bottom:1px solid #30363d;margin-bottom:4px}.situation-banner .situation-icon{font-size:1.5rem}.situation-banner .situation-text{font-size:.95rem;color:#c9d1d9;font-weight:500}.facility-list{display:flex;flex-direction:column;gap:12px}.facility-card{background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:16px;transition:all .2s ease}.facility-card:hover{border-color:#30363d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.facility-card.shelter-card{border-left:4px solid #3fb950}.facility-card.medical-card{border-left:4px solid #f85149}.facility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.facility-name{font-size:1rem;font-weight:600;color:#c9d1d9}.facility-distance{font-size:.85rem;color:#58a6ff;font-weight:500}.facility-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;align-items:center;gap:8px;font-size:.9rem}.detail-icon{font-size:1rem;width:20px}.detail-label{color:#8b949e}.detail-value{color:#c9d1d9}.facility-coords{margin-top:10px;padding-top:10px;border-top:1px solid #21262d;display:flex;gap:8px;font-size:.8rem}.coords-label{color:#6e7681}.coords-value{color:#8b949e;font-family:monospace}.empty-facility,.empty-disaster{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;background:#0d1117;border:1px dashed #30363d;border-radius:10px;color:#6e7681;font-size:.95rem}.empty-facility.compact,.empty-disaster.compact{padding:16px;font-size:.9rem}.empty-facility .empty-icon,.empty-disaster .empty-icon{font-size:1.3rem}.disaster-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px}.disaster-stat-card{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-left:4px solid #f85149;border-radius:8px;padding:14px;text-align:center}.disaster-stat-card .stat-type{font-size:.9rem;font-weight:600;color:#c9d1d9;margin-bottom:8px}.disaster-stat-card .stat-count{font-size:1.5rem;font-weight:700;color:#f85149;margin-bottom:4px}.disaster-stat-card .stat-period{font-size:.75rem;color:#6e7681}.disaster-total{text-align:center;padding:12px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:8px;font-size:.95rem;font-weight:600;color:#f85149}.shelter-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shelter-summary-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:10px;text-align:center}.shelter-summary-card .summary-icon{font-size:1.5rem}.shelter-summary-card .summary-label{font-size:.8rem;color:#8b949e}.shelter-summary-card .summary-value{font-size:1.2rem;font-weight:700;color:#3fb950}.more-count{text-align:center;padding:10px;color:#58a6ff;font-size:.9rem;font-weight:500;background:#58a6ff1a;border-radius:6px;margin-top:8px}.region-disaster-section,.region-shelter-section{background:linear-gradient(135deg,rgba(88,166,255,.05) 0%,transparent 100%);border-left:4px solid #58a6ff;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.region-disaster-section h3,.region-shelter-section h3{color:#58a6ff}.climate-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.climate-summary-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:12px;text-align:center}.climate-summary-card.flood-risk{border-left:4px solid #58a6ff}.climate-summary-card.flood-trace{border-left:4px solid #06b6d4}.climate-summary-card.landslide{border-left:4px solid #a855f7}.climate-summary-card.shelter{border-left:4px solid #3fb950}.climate-summary-card .summary-icon{font-size:1.8rem}.climate-summary-card .summary-label{font-size:.8rem;color:#8b949e}.climate-summary-card .summary-value{font-size:1.4rem;font-weight:700;color:#c9d1d9}.climate-summary-card .summary-detail{font-size:.7rem;color:#6e7681}.climate-data-tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #21262d;overflow-x:auto}.climate-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.climate-tab:hover{background:#30363d;color:#c9d1d9}.climate-tab.active{background:linear-gradient(135deg,#58a6ff,#1f6feb);border-color:#58a6ff;color:#fff}.climate-tab .tab-count{background:#0000004d;padding:2px 8px;border-radius:10px;font-size:.75rem}.climate-tab.active .tab-count{background:#fff3}.climate-list-section{background:transparent}.climate-list-section .section-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.climate-list-section .section-header h3{margin:0;color:#c9d1d9}.climate-list-section .section-subtitle{font-size:.8rem;color:#6e7681}.risk-factor.high{background:#f8514926;border-left:3px solid #f85149}.risk-factor.medium{background:#d2992226;border-left:3px solid #d29922}@media(max-width:600px){.climate-summary-grid{grid-template-columns:1fr}.climate-data-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}}.disaster-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #21262d}.disaster-type-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#21262d;border:1px solid #30363d;border-radius:20px;color:#8b949e;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.disaster-type-tab:hover{background:#30363d;color:#c9d1d9}.disaster-type-tab.active{background:linear-gradient(135deg,#f85149,#da3633);border-color:#f85149;color:#fff}.disaster-type-tab .tab-count{background:#0000004d;padding:2px 8px;border-radius:10px;font-size:.75rem}.disaster-type-tab.active .tab-count{background:#fff3}.disaster-records-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.disaster-records-list::-webkit-scrollbar{width:6px}.disaster-records-list::-webkit-scrollbar-track{background:#0d1117}.disaster-records-list::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.disaster-record-card{background:#0d1117;border:1px solid #21262d;border-left:4px solid #f85149;border-radius:8px;padding:14px;transition:all .2s ease}.disaster-record-card:hover{border-color:#30363d;transform:translate(4px)}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.record-type-badge{font-size:.75rem;font-weight:600;background:#f8514933;color:#f85149;padding:4px 10px;border-radius:12px}.record-date{font-size:.8rem;color:#6e7681}.record-title{font-size:.95rem;font-weight:600;color:#c9d1d9;margin-bottom:6px;line-height:1.4}.record-summary{font-size:.85rem;color:#8b949e;line-height:1.5;margin-bottom:8px}.record-location{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#58a6ff;margin-bottom:6px}.record-location .location-icon{font-size:.9rem}.record-damage{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:#d29922;padding-top:8px;border-top:1px solid #21262d;margin-top:8px}.disaster-stats-fallback{display:flex;flex-direction:column;gap:8px}.disaster-stat-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0d1117;border:1px solid #21262d;border-radius:8px}.stat-type-label{font-size:.95rem;font-weight:600;color:#c9d1d9;min-width:80px}.stat-count-badge{font-size:.9rem;font-weight:700;color:#f85149;background:#f8514926;padding:4px 12px;border-radius:12px}.stat-period-text{font-size:.8rem;color:#6e7681;margin-left:auto}.more-records{text-align:center;padding:10px;color:#58a6ff;font-size:.9rem;font-weight:500;background:#58a6ff1a;border-radius:6px}.disaster-stats-summary{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:10px;padding:16px}.disaster-stats-summary .stats-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.disaster-stats-summary .stats-row:not(:last-child){border-bottom:1px solid #21262d}.disaster-stats-summary .stats-label{font-size:.9rem;color:#8b949e}.disaster-stats-summary .stats-value{font-size:.95rem;font-weight:600;color:#c9d1d9}.emergency-contacts{background:linear-gradient(135deg,rgba(248,81,73,.05) 0%,transparent 100%)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:#0d1117;border:1px solid #30363d;border-radius:10px;transition:all .2s ease}.contact-card:hover{border-color:#f85149;background:#f851491a}.contact-name{font-size:.85rem;color:#8b949e}.contact-number{font-size:1.5rem;font-weight:700;color:#f85149}.disaster-list{display:flex;flex-direction:column;gap:12px}.disaster-card{background:#0d1117;border:1px solid #21262d;border-radius:10px;padding:16px;transition:all .2s ease}.disaster-card:hover{border-color:#30363d;transform:translateY(-2px)}.disaster-card.flood-risk-card{border-left:4px solid #58a6ff}.disaster-card.flood-risk-card.risk-high{border-left-color:#f85149;background:linear-gradient(135deg,#f851490d,#0d1117)}.disaster-card.flood-risk-card.risk-medium{border-left-color:#d29922;background:linear-gradient(135deg,#d299220d,#0d1117)}.disaster-card.flood-trace-card{border-left:4px solid #06b6d4}.disaster-card.landslide-card{border-left:4px solid #a855f7;background:linear-gradient(135deg,#a855f70d,#0d1117)}.disaster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.disaster-name{font-size:1rem;font-weight:600;color:#c9d1d9}.disaster-date{font-size:.85rem;color:#8b949e}.disaster-details{display:flex;flex-direction:column;gap:8px}.risk-factor{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#c9d1d9;padding:6px 10px;background:#ffffff08;border-radius:6px}.factor-icon{font-size:1rem}.trace-stat{display:flex;align-items:center;gap:8px;font-size:.9rem}.trace-stat .stat-icon{font-size:1rem}.trace-stat .stat-label{color:#8b949e}.trace-stat .stat-value{color:#58a6ff;font-weight:600}.trace-desc{margin-top:8px;padding:10px;background:#ffffff08;border-radius:6px;font-size:.85rem;color:#8b949e;line-height:1.5}.disaster-coords{margin-top:10px;padding-top:10px;border-top:1px solid #21262d;display:flex;gap:8px;font-size:.8rem}.history-summary-card{background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:10px;padding:20px}.history-stat{display:flex;align-items:center;gap:12px;margin-bottom:12px}.history-stat .stat-number{font-size:2.5rem;font-weight:700;color:#f85149}.history-stat .stat-label{font-size:.95rem;color:#8b949e}.history-summary-card .history-message{font-size:.95rem;color:#c9d1d9;line-height:1.6;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #21262d}.history-summary-card .history-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.history-summary-card .type-tag{font-size:.85rem;background:#f8514926;color:#f85149;padding:6px 12px;border-radius:16px;font-weight:500}.history-summary-card .history-keywords{display:flex;flex-wrap:wrap;gap:8px}.history-summary-card .keyword-tag{font-size:.8rem;color:#58a6ff;background:#58a6ff1a;padding:4px 10px;border-radius:12px}.checklist{display:flex;flex-direction:column;gap:10px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0d1117;border:1px solid #21262d;border-radius:8px;font-size:.95rem;color:#c9d1d9;cursor:pointer;transition:all .2s ease}.checklist-item:hover{background:#161b22;border-color:#30363d}.check-icon{font-size:1.2rem}@media(max-width:900px){.main-tab-nav{flex-wrap:wrap}.main-tab-btn{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px);font-size:.85rem;padding:10px 12px}}@media(max-width:480px){.main-tab-btn{flex:1 1 100%;min-width:100%}.contact-grid{grid-template-columns:1fr}.facility-header,.disaster-header{flex-direction:column;align-items:flex-start}.shelter-summary-grid{grid-template-columns:1fr}.disaster-stats-grid{grid-template-columns:repeat(2,1fr)}}.weather-action{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;margin-bottom:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.action-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;border-left:4px solid;transition:background .2s}.action-header:hover{background:#ffffff0d}.action-situation{display:flex;align-items:center;gap:10px}.situation-icon{font-size:24px}.situation-label{font-size:16px;font-weight:600;color:#f1f5f9}.expand-icon{color:#94a3b8;font-size:12px;transition:transform .3s}.expand-icon.open{transform:rotate(180deg)}.action-content{padding:16px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-loading{text-align:center;color:#94a3b8;padding:20px}.action-buttons{display:flex;gap:10px;margin-bottom:16px}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.action-btn.active{background:#3b82f633;border-color:#3b82f6}.btn-icon{font-size:28px}.btn-label{font-size:13px;color:#e2e8f0;font-weight:500}.btn-count{font-size:11px;color:#94a3b8;background:#0000004d;padding:2px 8px;border-radius:10px}.disaster-history{background:#0003;border-radius:10px;padding:14px;margin-bottom:16px}.history-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:10px}.history-icon{font-size:16px}.history-message{font-size:13px;color:#94a3b8;margin-bottom:12px;line-height:1.5}.history-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.type-badge{font-size:12px;background:#ef444433;color:#fca5a5;padding:4px 10px;border-radius:12px}.history-keywords{display:flex;flex-wrap:wrap;gap:6px}.keyword-tag{font-size:11px;color:#60a5fa;background:#3b82f61a;padding:3px 8px;border-radius:8px}.action-detail{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shelter-list,.flood-list{background:#0003;border-radius:10px;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#0000004d;font-size:14px;color:#f1f5f9}.list-count{font-size:12px;color:#94a3b8}.shelter-item,.flood-item{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.shelter-item:last-child,.flood-item:last-child{border-bottom:none}.shelter-name,.flood-name{font-size:14px;font-weight:500;color:#e2e8f0;margin-bottom:6px}.shelter-info,.flood-info{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#94a3b8}.flood-item.risk-high{border-left:3px solid #ef4444}.flood-item.risk-medium{border-left:3px solid #f59e0b}.risk-badge{font-size:11px;padding:2px 8px;border-radius:8px}.risk-badge.high{background:#ef444433;color:#fca5a5}.risk-badge.medium{background:#f59e0b33;color:#fcd34d}.action-empty{text-align:center;color:#64748b;padding:20px}@media(max-width:480px){.action-buttons{flex-direction:column}.shelter-info,.flood-info{flex-direction:column;gap:4px}}.flood-item.risk-low{border-left:3px solid #6b7280}.risk-badge.low{background:#6b728033;color:#9ca3af}.flood-item.trace-item{border-left:3px solid #06b6d4}.trace-desc{display:block;margin-top:4px;font-size:11px;color:#64748b;line-height:1.4}.shelter-item.clickable,.flood-item.clickable{cursor:pointer;transition:all .2s ease}.shelter-item.clickable:hover,.flood-item.clickable:hover{background:#3b82f626;transform:translate(4px)}.shelter-item.clickable:active,.flood-item.clickable:active{transform:translate(2px)}