.navbar[data-v-b5ee1a03]{height:64px;background:#0d121de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1000;box-shadow:0 4px 20px #0006}.brand[data-v-b5ee1a03]{display:flex;align-items:center;gap:12px}.icon-glow[data-v-b5ee1a03]{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ff2a4b33,#ff6b1a33);border:1px solid rgba(255,107,26,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ff6b1a4d}.brand-icon[data-v-b5ee1a03]{color:var(--accent-fire);animation:flame-flicker-b5ee1a03 2s infinite ease-in-out}@keyframes flame-flicker-b5ee1a03{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 6px var(--accent-flame))}}.brand-text h1[data-v-b5ee1a03]{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);line-height:1.1}.brand-text h1 span[data-v-b5ee1a03]{color:var(--accent-fire);background:linear-gradient(90deg,#ff6b1a,#ff2a4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text p[data-v-b5ee1a03]{font-size:11px;color:var(--text-secondary)}.nav-center[data-v-b5ee1a03]{display:flex;align-items:center}.status-pill[data-v-b5ee1a03]{display:flex;align-items:center;gap:8px;background:#1a243ab3;border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary)}.live-dot[data-v-b5ee1a03]{width:8px;height:8px;border-radius:50%;background-color:var(--accent-teal);box-shadow:0 0 10px var(--accent-teal);animation:blink-b5ee1a03 1.5s infinite}@keyframes blink-b5ee1a03{0%,to{opacity:1}50%{opacity:.3}}.nav-actions[data-v-b5ee1a03]{display:flex;align-items:center;gap:10px}.nav-btn[data-v-b5ee1a03]{display:flex;align-items:center;gap:8px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-btn[data-v-b5ee1a03]:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#ffffff26}.nav-btn.active[data-v-b5ee1a03]{background:#ff6b1a26;color:var(--accent-fire);border-color:#ff6b1a66}.action-primary[data-v-b5ee1a03]{background:linear-gradient(135deg,var(--accent-fire),var(--accent-flame));color:#fff;border:none;box-shadow:0 4px 12px #ff2a4b4d}.action-primary[data-v-b5ee1a03]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px #ff2a4b66}@media(max-width:768px){.brand-text p[data-v-b5ee1a03],.btn-text[data-v-b5ee1a03],.status-label[data-v-b5ee1a03]{display:none}}.stat-summary-grid[data-v-9320666d]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.stat-card[data-v-9320666d]{padding:14px 16px;display:flex;align-items:center;gap:12px}.stat-icon-wrapper[data-v-9320666d]{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.fire[data-v-9320666d]{background:#ff6b1a26;color:var(--accent-fire);border:1px solid rgba(255,107,26,.3)}.stat-icon-wrapper.alert[data-v-9320666d]{background:#ff2a4b26;color:var(--risk-extreme);border:1px solid rgba(255,42,75,.3)}.stat-icon-wrapper.temp[data-v-9320666d]{background:#ffb70326;color:var(--accent-amber);border:1px solid rgba(255,183,3,.3)}.stat-icon-wrapper.map[data-v-9320666d]{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.stat-info[data-v-9320666d]{display:flex;flex-direction:column;overflow:hidden}.stat-label[data-v-9320666d]{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stat-value[data-v-9320666d]{font-size:20px;font-weight:800;color:var(--text-primary);font-family:var(--font-mono);line-height:1.1;margin:2px 0}.unit[data-v-9320666d]{font-size:12px;font-weight:500;color:var(--text-muted)}.text-flame[data-v-9320666d]{color:var(--risk-extreme)}.text-amber[data-v-9320666d]{color:var(--accent-amber)}.stat-subtext[data-v-9320666d]{font-size:10px;color:var(--text-muted);display:flex;gap:6px;flex-wrap:wrap}.badge-year[data-v-9320666d]{background:#ffffff0f;padding:1px 4px;border-radius:4px}@media(max-width:1024px){.stat-summary-grid[data-v-9320666d]{grid-template-columns:repeat(2,1fr)}}.sidebar[data-v-a9a6956d]{position:absolute;top:80px;left:16px;bottom:24px;width:340px;z-index:600;display:flex;flex-direction:column;transform:translate(-380px);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar.open[data-v-a9a6956d]{transform:translate(0)}.sidebar-header[data-v-a9a6956d]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.header-title[data-v-a9a6956d]{display:flex;align-items:center;gap:10px}.title-icon[data-v-a9a6956d]{color:var(--accent-fire)}.header-title h2[data-v-a9a6956d]{font-size:15px;font-weight:700;color:var(--text-primary)}.close-btn[data-v-a9a6956d]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.close-btn[data-v-a9a6956d]:hover{color:var(--text-primary)}.sidebar-body[data-v-a9a6956d]{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.filter-group[data-v-a9a6956d]{display:flex;flex-direction:column;gap:8px}.group-label[data-v-a9a6956d]{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.label-row[data-v-a9a6956d]{display:flex;justify-content:space-between;align-items:center}.range-value[data-v-a9a6956d]{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--accent-fire)}.filter-hint[data-v-a9a6956d]{font-size:11px;color:var(--text-muted);margin-top:-4px}.search-box[data-v-a9a6956d]{position:relative;display:flex;align-items:center}.search-icon[data-v-a9a6956d]{position:absolute;left:12px;color:var(--text-muted)}.search-box input[data-v-a9a6956d]{width:100%;background:var(--bg-card);border:1px solid var(--border-color);padding:10px 12px 10px 36px;border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .2s}.search-box input[data-v-a9a6956d]:focus{border-color:var(--accent-fire)}.clear-search[data-v-a9a6956d]{position:absolute;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.year-buttons[data-v-a9a6956d]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.year-btn[data-v-a9a6956d]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.year-btn[data-v-a9a6956d]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.year-btn.active[data-v-a9a6956d]{background:#ff6b1a33;color:var(--accent-fire);border-color:#ff6b1a80}.custom-slider[data-v-a9a6956d]{width:100%;accent-color:var(--accent-fire);cursor:pointer}.range-labels[data-v-a9a6956d]{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.risk-checkboxes[data-v-a9a6956d]{display:flex;flex-direction:column;gap:6px}.checkbox-card[data-v-a9a6956d]{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background .2s}.checkbox-card[data-v-a9a6956d]:hover{background:var(--bg-card-hover)}.checkbox-card input[data-v-a9a6956d]{accent-color:var(--accent-fire)}.preset-buttons[data-v-a9a6956d]{display:flex;flex-direction:column;gap:6px}.preset-btn[data-v-a9a6956d]{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn[data-v-a9a6956d]:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#ffffff26}.map-wrapper[data-v-7e74fcd8]{position:relative;width:100%;height:100%;flex:1}.map-container[data-v-7e74fcd8]{width:100%;height:100%;z-index:1}.map-controls[data-v-7e74fcd8]{position:absolute;top:16px;right:16px;z-index:500;display:flex;flex-direction:column;gap:10px}.layer-switcher[data-v-7e74fcd8],.mode-switcher[data-v-7e74fcd8]{display:flex;gap:4px;padding:6px}.tile-btn[data-v-7e74fcd8],.mode-btn[data-v-7e74fcd8]{display:flex;align-items:center;gap:6px;background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.tile-btn[data-v-7e74fcd8]:hover,.mode-btn[data-v-7e74fcd8]:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tile-btn.active[data-v-7e74fcd8],.mode-btn.active[data-v-7e74fcd8]{background:#ff6b1a33;color:var(--accent-fire);border-color:#ff6b1a66}.risk-legend[data-v-7e74fcd8]{position:absolute;bottom:24px;left:16px;z-index:500;padding:12px 16px;min-width:220px}.legend-title[data-v-7e74fcd8]{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.legend-items[data-v-7e74fcd8]{display:flex;flex-direction:column;gap:6px}.legend-item[data-v-7e74fcd8]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.color-dot[data-v-7e74fcd8]{width:12px;height:12px;border-radius:3px}.color-dot.extreme[data-v-7e74fcd8]{background:var(--risk-extreme);box-shadow:0 0 8px var(--risk-extreme)}.color-dot.high[data-v-7e74fcd8]{background:var(--risk-high);box-shadow:0 0 8px var(--risk-high)}.color-dot.medium[data-v-7e74fcd8]{background:var(--risk-medium)}.color-dot.low[data-v-7e74fcd8]{background:var(--risk-low)}.color-dot.minimal[data-v-7e74fcd8]{background:var(--risk-minimal)}.map-loading-overlay[data-v-7e74fcd8]{position:absolute;top:0;right:0;bottom:0;left:0;background:#07090ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center}.spinner-box[data-v-7e74fcd8]{padding:32px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.fire-spinner[data-v-7e74fcd8]{font-size:40px;animation:pulse-glow 1.5s infinite ease-in-out}.progress-bar[data-v-7e74fcd8]{width:200px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill[data-v-7e74fcd8]{height:100%;background:linear-gradient(90deg,var(--accent-fire),var(--accent-flame));transition:width .3s ease}.charts-drawer[data-v-8f69a52d]{position:absolute;top:80px;right:16px;bottom:24px;width:420px;z-index:600;display:flex;flex-direction:column;transform:translate(460px);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.charts-drawer.open[data-v-8f69a52d]{transform:translate(0)}.charts-header[data-v-8f69a52d]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.header-left[data-v-8f69a52d]{display:flex;align-items:center;gap:10px}.icon-accent[data-v-8f69a52d]{color:var(--accent-fire)}.header-left h2[data-v-8f69a52d]{font-size:15px;font-weight:700;color:var(--text-primary)}.close-btn[data-v-8f69a52d]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.close-btn[data-v-8f69a52d]:hover{color:var(--text-primary)}.charts-body[data-v-8f69a52d]{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.chart-card[data-v-8f69a52d]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.chart-title[data-v-8f69a52d]{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chart-container[data-v-8f69a52d]{height:200px;width:100%}.modal-backdrop[data-v-6a38aab9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#07090ebf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content[data-v-6a38aab9]{width:100%;max-width:540px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 50px #0009;animation:modal-slide-in-6a38aab9 .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-in-6a38aab9{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-6a38aab9]{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.regency-name[data-v-6a38aab9]{font-size:20px;font-weight:800;color:var(--text-primary)}.province-name[data-v-6a38aab9]{font-size:12px;color:var(--text-secondary)}.header-actions[data-v-6a38aab9]{display:flex;align-items:center;gap:12px}.close-btn[data-v-6a38aab9]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.close-btn[data-v-6a38aab9]:hover{color:var(--text-primary)}.modal-body[data-v-6a38aab9]{padding:24px;display:flex;flex-direction:column;gap:20px}.detail-grid[data-v-6a38aab9]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-card[data-v-6a38aab9]{background:#ffffff08;border:1px solid var(--border-color);padding:12px 14px;border-radius:var(--radius-md)}.detail-label[data-v-6a38aab9]{font-size:11px;color:var(--text-muted);text-transform:uppercase}.detail-value[data-v-6a38aab9]{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);margin-top:4px}.text-fire[data-v-6a38aab9]{color:var(--accent-fire)}.unit[data-v-6a38aab9]{font-size:12px;color:var(--text-muted)}.section-title[data-v-6a38aab9]{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:10px}.breakdown-bars[data-v-6a38aab9]{display:flex;flex-direction:column;gap:8px}.bar-group[data-v-6a38aab9]{display:flex;align-items:center;gap:12px;font-size:12px}.bar-year[data-v-6a38aab9]{width:36px;color:var(--text-secondary);font-weight:600}.bar-track[data-v-6a38aab9]{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.bar-fill[data-v-6a38aab9]{height:100%;border-radius:4px;transition:width .4s ease}.fill-2023[data-v-6a38aab9]{background:#ff6b1a}.fill-2024[data-v-6a38aab9]{background:#ffb703}.fill-2025[data-v-6a38aab9]{background:#ff2a4b}.bar-count[data-v-6a38aab9]{width:30px;text-align:right;font-family:var(--font-mono);color:var(--text-primary)}.recommendation-box[data-v-6a38aab9]{display:flex;gap:14px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ff6b1a1a}.recommendation-box.extreme[data-v-6a38aab9]{background:#ff2a4b26;border-color:#ff2a4b66}.rec-icon[data-v-6a38aab9]{color:var(--accent-fire);flex-shrink:0}.rec-text strong[data-v-6a38aab9]{font-size:12px;color:var(--text-primary)}.rec-text p[data-v-6a38aab9]{font-size:12px;color:var(--text-secondary);margin-top:2px}.modal-footer[data-v-6a38aab9]{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.action-btn[data-v-6a38aab9]{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer}.app-layout[data-v-93f6029f]{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-dark);overflow:hidden}.main-content[data-v-93f6029f]{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.top-stat-bar[data-v-93f6029f]{padding:12px 16px;background:#0d121d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:100}.viewport-area[data-v-93f6029f]{flex:1;position:relative;width:100%;height:100%;display:flex}:root{--bg-dark: #07090e;--bg-primary: #0d121d;--bg-secondary: #131b2e;--bg-card: #1a243a;--bg-card-hover: #222d47;--bg-glass: rgba(19, 27, 46, .75);--border-color: rgba(255, 255, 255, .08);--border-color-glow: rgba(255, 107, 26, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-fire: #ff6b1a;--accent-flame: #ff2a4b;--accent-amber: #ffb703;--accent-cyan: #38bdf8;--accent-teal: #06d6a0;--risk-extreme: #ff2a4b;--risk-high: #ff6b1a;--risk-medium: #ffb703;--risk-low: #38bdf8;--risk-minimal: #06d6a0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-glow: 0 0 25px rgba(255, 107, 26, .25);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}#app{height:100vh;width:100vw;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-fire)}.leaflet-container{background:#0b0f17!important;font-family:var(--font-sans)!important}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px}.leaflet-popup-tip{background:var(--bg-card)!important}.leaflet-control-zoom{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;overflow:hidden;box-shadow:var(--shadow-card)!important}.leaflet-control-zoom a{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}.leaflet-control-zoom a:hover{background-color:var(--bg-card-hover)!important;color:var(--accent-fire)!important}.leaflet-control-attribution{background:#0d121dcc!important;color:var(--text-muted)!important;font-size:10px!important}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #ff2a4b4d}50%{box-shadow:0 0 30px #ff2a4bcc}}.pulse-extreme{animation:pulse-glow 2s infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-extreme{background:#ff2a4b2e;color:var(--risk-extreme);border:1px solid rgba(255,42,75,.4)}.badge-high{background:#ff6b1a2e;color:var(--risk-high);border:1px solid rgba(255,107,26,.4)}.badge-medium{background:#ffb7032e;color:var(--risk-medium);border:1px solid rgba(255,183,3,.4)}.badge-low{background:#38bdf82e;color:var(--risk-low);border:1px solid rgba(56,189,248,.4)}.badge-minimal{background:#06d6a02e;color:var(--risk-minimal);border:1px solid rgba(6,214,160,.4)}
