@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg: #0b0f14;--bg2: #0e141c;--panel: #121923;--panel2: #18212d;--panel3: #1e2a3a;--overlay: rgba(11, 15, 20, .92);--line: #1e2d3d;--line2: #273444;--text: #e8edf2;--text2: #b0bec5;--muted: #6b7b8d;--muted2: #4a5568;--accent: #29b6f6;--accent-dim: rgba(41, 182, 246, .15);--accent-glow: rgba(41, 182, 246, .3);--danger: #ef5350;--danger-dim: rgba(239, 83, 80, .15);--warning: #ffb74d;--warning-dim: rgba(255, 183, 77, .15);--success: #66bb6a;--success-dim: rgba(102, 187, 106, .15);--info: #42a5f5;--info-dim: rgba(66, 165, 245, .15);--lote1: #29b6f6;--lote2: #ffb74d;--lote3: #66bb6a;--lote-nc: #9aa4b2;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--r-sm: 6px;--r-md: 9px;--r-lg: 12px;--r-xl: 16px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--tr: all .18s ease;--tr-slow: all .3s ease;--font: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg: #f1f5f9;--bg2: #e2e8f0;--panel: #ffffff;--panel2: #f8fafc;--panel3: #e2e8f0;--overlay: rgba(255, 255, 255, .94);--line: #cbd5e1;--line2: #94a3b8;--text: #0f172a;--text2: #334155;--muted: #64748b;--muted2: #94a3b8;--accent: #0284c7;--accent-dim: rgba(2, 132, 199, .12);--accent-glow: rgba(2, 132, 199, .25);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .12);--warning: #d97706;--warning-dim: rgba(217, 119, 6, .12);--success: #16a34a;--success-dim: rgba(22, 163, 74, .12);--info: #2563eb;--info-dim: rgba(37, 99, 235, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}button,select,input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-icon{font-size:48px;margin-bottom:var(--gap-md);animation:float 2s ease-in-out infinite}.loading-title{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text);margin-bottom:var(--gap-xs)}.loading-sub{color:var(--muted);font-size:13px;margin-bottom:var(--gap-xl)}.loading-bar{width:200px;height:3px;background:var(--line);border-radius:99px;margin:0 auto;overflow:hidden}.loading-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--lote3));border-radius:99px;animation:loading-slide 1.5s ease-in-out infinite}#app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}#header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap-lg);background:var(--bg2);border-bottom:1px solid var(--line);position:relative;z-index:100;gap:var(--gap-lg)}.header-brand{display:flex;align-items:center;gap:var(--gap-sm);flex-shrink:0}.header-brand-icon{width:32px;height:32px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent),var(--lote3));display:flex;align-items:center;justify-content:center;font-size:16px}.header-brand-text h1{font-size:15px;font-weight:600;line-height:1.2}.header-brand-text .sub{font-size:11px;color:var(--muted)}.header-tabs{display:flex;gap:var(--gap-xs);flex:1;justify-content:center}.tab-btn{background:transparent;border:1px solid transparent;color:var(--muted);padding:6px 14px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:500;transition:var(--tr);white-space:nowrap;display:flex;align-items:center;gap:var(--gap-xs)}.tab-btn:hover{color:var(--text2);background:var(--panel);border-color:var(--line)}.tab-btn.active{color:var(--text);background:var(--panel2);border-color:var(--line2)}.tab-btn .tab-icon{font-size:14px}.header-actions{display:flex;align-items:center;gap:var(--gap-sm);flex-shrink:0}#filter-bar{background:var(--bg2);border-bottom:1px solid var(--line);padding:var(--gap-sm) var(--gap-lg);display:flex;gap:var(--gap-sm);align-items:center;flex-wrap:wrap;flex-shrink:0;transition:max-height .25s ease,padding .25s ease,opacity .2s ease,border-color .25s ease;max-height:300px;opacity:1;overflow:hidden}#filter-bar.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-color:transparent;pointer-events:none}.filter-group{display:flex;align-items:center;gap:var(--gap-xs);flex:1;min-width:120px}.filter-label{font-size:11px;color:var(--muted);white-space:nowrap;font-weight:500}select,input[type=text],input[type=number],input[type=date],input[type=search],input[type=password]{width:100%;background:var(--panel);border:1px solid var(--line2);color:var(--text);padding:6px 10px;border-radius:var(--r-sm);font-size:13px;transition:var(--tr);outline:none}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select:hover,input:hover{border-color:var(--line2)}select option{background:var(--panel2)}.toggle-btn{display:flex;align-items:center;gap:var(--gap-xs);background:var(--panel);border:1px solid var(--line2);color:var(--text2);padding:5px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;font-weight:500;transition:var(--tr);white-space:nowrap}.toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.toggle-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#main-content{flex:1;overflow:hidden;position:relative}.view{display:none;height:100%;overflow:auto}.view.active{display:flex;flex-direction:column}#view-mapa.active{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}#map-container{flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%;background:#151c24}.map-overlay{position:absolute;z-index:400;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--gap-md) var(--gap-lg)}#map-stats{top:12px;right:12px}.map-count{font-size:22px;font-weight:700;color:var(--text);display:block}.map-count-label{font-size:11px;color:var(--muted)}#map-legend{bottom:28px;left:12px;min-width:120px}#map-controls{bottom:28px;right:12px;min-width:180px;display:flex;flex-direction:column;gap:var(--gap-sm)}.control-group{display:flex;flex-direction:column;gap:var(--gap-xs)}.control-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.theme-selector{display:flex;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:2px}.theme-btn{flex:1;background:transparent;border:none;color:var(--muted);font-size:11px;font-weight:600;padding:5px 0;border-radius:4px;cursor:pointer;transition:var(--tr)}.theme-btn:hover{color:var(--text2)}.theme-btn.active{background:var(--accent);color:#0b0f14}.snap-toggle{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.snap-toggle input{display:none}.snap-toggle .slider{width:32px;height:18px;background-color:var(--muted2);border-radius:9px;position:relative;transition:var(--tr)}.snap-toggle .slider:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;top:3px;left:3px;transition:var(--tr)}.snap-toggle input:checked+.slider{background-color:var(--accent)}.snap-toggle input:checked+.slider:before{transform:translate(14px)}.toggle-label{font-size:12px;font-weight:500;color:var(--text2)}.legend-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--gap-sm)}.legend-item{display:flex;align-items:center;gap:var(--gap-sm);font-size:12px;padding:2px 0}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel)!important;color:var(--text)!important;box-shadow:var(--shadow)!important;border:1px solid var(--line2)!important}.leaflet-popup-content{margin:14px 16px!important}.map-popup{min-width:250px;max-width:320px}.popup-code{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:var(--gap-sm)}.popup-location{font-size:13px;font-weight:600;color:var(--text);margin-bottom:var(--gap-xs)}.popup-meta{font-size:12px;color:var(--text2);margin-bottom:var(--gap-md);line-height:1.6}.popup-photos{display:flex;gap:var(--gap-xs);flex-wrap:wrap;margin-bottom:var(--gap-md)}.popup-photo{width:72px;height:54px;object-fit:cover;border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--line2);transition:var(--tr)}.popup-photo:hover{border-color:var(--accent);transform:scale(1.05)}.popup-rain{background:var(--panel3);border-radius:var(--r-sm);padding:var(--gap-sm) var(--gap-md);margin-bottom:var(--gap-md);font-size:11px;color:var(--text2)}.popup-rain-title{font-weight:600;color:var(--info);margin-bottom:var(--gap-xs);display:flex;align-items:center;gap:4px}.popup-rain-bars{display:flex;align-items:flex-end;gap:3px;height:28px}.popup-rain-bar{flex:1;background:var(--info);border-radius:2px 2px 0 0;min-height:2px;opacity:.8;transition:opacity .2s;position:relative}.popup-rain-bar:last-child{background:var(--accent);opacity:1}.popup-rain-labels{display:flex;justify-content:space-between;margin-top:3px;font-size:10px;color:var(--muted)}.popup-actions{display:flex;gap:var(--gap-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.2px}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-success{background:var(--success-dim);color:var(--success)}.badge-info{background:var(--info-dim);color:var(--info)}.badge-muted{background:var(--panel2);color:var(--muted)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.risco-alto{color:var(--danger)}.risco-medio{color:var(--warning)}.risco-baixo{color:var(--success)}.btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:7px 14px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:500;transition:var(--tr);line-height:1}.btn-primary{background:var(--accent);color:#0a1929;border-color:var(--accent)}.btn-primary:hover{background:#4fc3f7;border-color:#4fc3f7}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--line2)}.btn-ghost:hover{background:var(--panel2);color:var(--text);border-color:var(--line2)}.btn-danger{background:var(--danger-dim);color:var(--danger);border-color:transparent}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{padding:7px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line2);color:var(--text2);cursor:pointer;transition:var(--tr);display:inline-flex;align-items:center;justify-content:center;font-size:15px}.btn-icon:hover{background:var(--panel2);color:var(--text)}.svg-icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;fill:none;vertical-align:middle;transition:var(--tr)}.kpi-icon .svg-icon{width:1.5rem;height:1.5rem;color:var(--kpi-color, var(--accent))}.kpi-sections-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg);padding:var(--gap-lg)}@media (max-width: 1100px){.kpi-sections-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.kpi-section-group{display:flex;flex-direction:column;gap:var(--gap-sm)}.kpi-group-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--gap-xs)}.kpi-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:var(--gap-sm)}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;position:relative;overflow:hidden;transition:var(--tr);cursor:default;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--accent));opacity:.7}.kpi-card:hover{border-color:var(--line2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.kpi-card.interactive{cursor:pointer}.kpi-card.interactive:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 12px var(--accent-dim)}.kpi-icon{margin-bottom:4px;display:flex;align-items:center}.kpi-value{font-size:22px;font-weight:700;line-height:1;margin-bottom:2px;color:var(--text)}.kpi-label{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kpi-card.danger{--kpi-color: var(--danger)}.kpi-card.warning{--kpi-color: var(--warning)}.kpi-card.success{--kpi-color: var(--success)}.kpi-card.info{--kpi-color: var(--info)}.kpi-card.accent{--kpi-color: var(--accent)}.kpi-list-modal{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);color:var(--text);max-width:520px;width:90%;padding:0;box-shadow:var(--shadow);overflow:hidden;margin:auto}.kpi-list-modal::backdrop{background:#0b0f14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kpi-modal-list{max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--gap-md)}.kpi-modal-item{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-sm) var(--gap-md);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:var(--tr);gap:var(--gap-sm)}.kpi-modal-item:hover{border-color:var(--accent);background:var(--panel3)}.kpi-item-code{font-weight:700;color:var(--accent);font-size:13px;min-width:130px}.kpi-item-info{flex:1;font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-item-status{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--line2);color:var(--text);white-space:nowrap}.charts-section{padding:0 var(--gap-lg) var(--gap-lg)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);margin-bottom:var(--gap-lg)}.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--gap-lg);overflow:hidden}.chart-card.wide{grid-column:1 / -1}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);margin-bottom:var(--gap-md);flex-wrap:wrap}.chart-card-head h3{margin-bottom:0}.chart-segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#ffffff06}.chart-segmented button{min-height:28px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.chart-segmented button:hover{color:var(--text);background:#ffffff0d}.chart-segmented button.active{color:#071018;background:var(--accent)}.chart-card h3{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:var(--gap-md);text-transform:uppercase;letter-spacing:.4px}.chart-container{height:280px}.chart-container.tall{height:340px}.table-section{padding:var(--gap-lg);display:flex;flex-direction:column;height:100%}.table-toolbar{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-md);flex-wrap:wrap}.table-toolbar .search-input{flex:1;min-width:200px}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto;flex:1;min-height:0}table{width:100%;border-collapse:collapse;min-width:700px;font-size:13px}thead{position:sticky;top:0;z-index:10}th{background:var(--panel2);padding:10px 12px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--line2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:var(--tr)}th:hover{color:var(--text2)}th.sort-asc:after{content:" ↑";color:var(--accent)}th.sort-desc:after{content:" ↓";color:var(--accent)}td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text2)}tr:last-child td{border-bottom:none}tr.data-row{cursor:pointer;transition:background .1s}tr.data-row:hover td{background:var(--panel2);color:var(--text)}.thumbs{display:flex;gap:4px}.thumb{width:52px;height:38px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid var(--line);transition:var(--tr)}.thumb:hover{border-color:var(--accent);transform:scale(1.1)}.no-foto{font-size:11px;color:var(--muted2)}.pager{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-md) 0 0;font-size:12px;color:var(--muted)}.pager-controls{display:flex;align-items:center;gap:var(--gap-xs)}.photos-section{padding:var(--gap-lg)}.photos-group{margin-bottom:var(--gap-xl)}.photos-group-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:1px solid var(--line)}.photos-group-code{font-size:13px;font-weight:700;color:var(--accent)}.photos-group-meta{font-size:12px;color:var(--muted)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md)}.photo-item{position:relative;border-radius:var(--r-md);overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:var(--panel2);border:1px solid var(--line);transition:var(--tr)}.photo-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-item:hover img{transform:scale(1.04)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line2);border-radius:var(--r-xl);padding:0;width:min(960px,94vw);max-height:90vh;box-shadow:var(--shadow);overflow:hidden;margin:auto}dialog::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-lg) var(--gap-xl);border-bottom:1px solid var(--line);background:var(--panel2)}.modal-title{font-size:16px;font-weight:700}.modal-title .modal-code{color:var(--accent)}.modal-body{padding:var(--gap-xl);overflow:auto;max-height:calc(90vh - 120px)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin-bottom:var(--gap-xl)}.detail-field{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--gap-md)}.detail-field label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.detail-field .value{font-size:13px;color:var(--text);font-weight:500}.detail-description{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--gap-lg);margin-bottom:var(--gap-xl)}.detail-description h4{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:var(--gap-sm)}.detail-description p{font-size:13px;color:var(--text2);line-height:1.6}.detail-rain{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--gap-lg);margin-bottom:var(--gap-xl)}.detail-rain-header{display:flex;align-items:center;gap:var(--gap-sm);font-size:13px;font-weight:600;color:var(--info);margin-bottom:var(--gap-md)}.wind-summary{margin:10px 0 4px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#66bb6a14;color:var(--text);font-size:12px}.wind-summary strong{color:var(--muted);font-weight:600}.rain-bars-chart{display:flex;align-items:flex-end;gap:var(--gap-sm);height:80px}.rain-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.rain-bar-fill{width:100%;border-radius:3px 3px 0 0;background:var(--info);min-height:3px;transition:var(--tr)}.rain-bar-fill.day-0{background:var(--accent)}.rain-bar-label{font-size:10px;color:var(--muted);white-space:nowrap}.rain-bar-mm{font-size:10px;color:var(--text2);font-weight:500}.rain-source{font-size:11px;color:var(--muted);margin-top:var(--gap-sm)}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap-md)}.detail-gallery-item{aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;cursor:pointer;border:1px solid var(--line);transition:var(--tr)}.detail-gallery-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.detail-gallery-item img{width:100%;height:100%;object-fit:cover}#lightbox-dialog{width:min(1200px,96vw);max-height:96vh}.lightbox-body{display:flex;align-items:center;justify-content:center;padding:var(--gap-lg);min-height:400px}.lightbox-body img{max-width:100%;max-height:calc(96vh - 120px);object-fit:contain;border-radius:var(--r-md)}#view-visao-geral{padding-bottom:var(--gap-xl)}.section-header{padding:var(--gap-lg) var(--gap-lg) var(--gap-xs)}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.config-section{padding:var(--gap-lg);max-width:800px}.config-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--gap-xl);margin-bottom:var(--gap-lg)}.config-card h3{font-size:14px;font-weight:600;margin-bottom:var(--gap-lg);padding-bottom:var(--gap-sm);border-bottom:1px solid var(--line)}.config-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-xl);margin-bottom:var(--gap-lg)}.config-row:last-child{margin-bottom:0}.config-info h4{font-size:13px;font-weight:500;margin-bottom:4px}.config-info p{font-size:12px;color:var(--muted);line-height:1.5}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--muted)}.status-dot.error{background:var(--danger);box-shadow:0 0 6px var(--danger)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loading-slide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in .3s ease forwards}.slide-up{animation:slide-up .3s ease forwards}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gap-xl) var(--gap-lg);color:var(--muted);gap:var(--gap-sm)}.empty-state .icon{font-size:32px}.empty-state .title{font-size:14px;font-weight:600;color:var(--text2)}.empty-state .desc{font-size:12px;text-align:center}.error-banner{background:var(--danger-dim);border:1px solid var(--danger);border-radius:var(--r-md);padding:var(--gap-md) var(--gap-lg);color:var(--danger);font-size:13px;margin:var(--gap-md)}#toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--gap-sm)}.toast{background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r-md);padding:var(--gap-md) var(--gap-lg);min-width:280px;max-width:380px;font-size:13px;box-shadow:var(--shadow);animation:slide-up .2s ease;display:flex;align-items:flex-start;gap:var(--gap-sm)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.data-source-note{font-size:11px;color:var(--muted);text-align:center;padding:var(--gap-md)}.data-source-note a{color:var(--accent);font-size:11px}.config-notice{background:var(--accent-dim);border:1px solid var(--accent-glow);border-radius:var(--r-md);padding:var(--gap-md) var(--gap-lg);font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:var(--gap-md)}.config-notice strong{color:var(--accent);display:block;margin-bottom:var(--gap-xs)}.config-notice code{background:var(--panel3);border:1px solid var(--line2);border-radius:var(--r-sm);padding:1px 6px;font-family:monospace;font-size:12px;color:var(--text)}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}}@media (max-width: 768px){#header{height:auto;min-height:56px;flex-wrap:wrap;padding:var(--gap-sm) var(--gap-md)}.header-brand{order:1}.header-actions{order:2}.header-tabs{width:100%;flex:0 0 100%;order:3;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-tabs::-webkit-scrollbar{display:none}#filter-bar{flex-direction:column;align-items:stretch}.filter-group{min-width:unset}.kpi-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.map-overlay{font-size:12px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr}dialog{width:100vw;border-radius:var(--r-lg) var(--r-lg) 0 0;align-self:flex-end}}