:root{--bg:#0a0a0a;--bg-secondary:#111;--surface:#141414;--surface-hover:#1e1e1e;--surface-active:#1a1a2e;--border:#2a2a2a;--border-strong:#444;--border-subtle:#1a1a1a;--text:#e8e8e8;--text-secondary:#ccc;--text-dim:#888;--text-muted:#666;--text-faint:#555;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#555;--panel-bg:#141414;--panel-border:#2a2a2a;--map-bg:#020a08;--map-grid:#0a2a20;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Mono,Monaco,Cascadia Code,Fira Code,monospace;font-size:14px;font-weight:400;line-height:1.5}[data-theme=light]{--bg:#f8f9fa;--bg-secondary:#e9ecef;--surface:#fff;--surface-hover:#f1f3f5;--surface-active:#e9ecef;--border:#d4d4d4;--border-strong:#999;--border-subtle:#e8e8e8;--text:#1a1a1a;--text-secondary:#333;--text-dim:#666;--text-muted:#888;--text-faint:#aaa;--scrollbar-thumb:#ccc;--scrollbar-thumb-hover:#999;--panel-bg:#fff;--panel-border:#d4d4d4;--map-bg:#e8f0f8;--map-grid:#b0c8d8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{width:100%;height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-icon{font-size:24px}.logo h1{color:var(--text);margin:0;font-size:16px;font-weight:600}.status-indicator{background:var(--surface-hover);border-radius:4px;align-items:center;gap:6px;padding:4px 12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:var(--text-secondary);font-size:12px;font-weight:500}.header-right{align-items:center;gap:8px;display:flex}.header-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:16px;transition:all .2s}.header-btn:hover{background:var(--surface-active);border-color:var(--border-strong)}.search-btn{min-width:40px}.map-3d-container{background:radial-gradient(ellipse 70% 60% at 50% 50%, var(--map-grid) 0%, var(--map-bg) 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map-viewport{width:100%;height:100%;position:relative}.map-viewport svg{width:100%;height:100%;display:block}.country-path{cursor:pointer;font-size:6px;transition:fill .2s,stroke .2s}.country-path:hover{fill:#3b82f680!important;stroke:#3b82f6cc!important}.state-path{pointer-events:none}.map-marker{cursor:pointer;transition:all .2s}.map-marker:hover{transform:scale(1.3)}.map-popup-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-popup{background:var(--bg);z-index:1000;border:1px solid #ffffff0f;border-radius:6px;width:360px;max-height:min(560px,80vh);position:relative;overflow-y:auto;box-shadow:0 12px 40px #0000008c,inset 0 1px 20px #ffffff05,0 0 0 1px #ffffff08}.popup-header{z-index:1;background:var(--bg);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;top:0}.popup-title{color:var(--text);letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:700;overflow:hidden}.popup-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;font-size:20px;line-height:1;transition:background .12s,color .12s;display:flex}.popup-close:hover{color:var(--text);background:#ffffff14}.popup-content{padding:12px 14px}.popup-content h3{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:600}.popup-content p{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.6}.popup-content p strong{color:var(--text);font-weight:600}.popup-hint{color:var(--text-dim);margin-top:12px;font-size:11px;font-style:italic}.event-header{background:#ff44440f;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.event-type-badge{letter-spacing:.5px;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:700}.event-severity{letter-spacing:.5px;font-size:10px;font-weight:700}.event-description{color:var(--text-secondary);background:var(--surface-hover);border-radius:4px;margin:12px 0;padding:10px;font-size:12px;line-height:1.5}.event-timestamp{color:var(--text-dim);border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px;font-size:11px}.map-zoom-controls{z-index:100;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:20px;right:20px}.zoom-btn{background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000004d}.zoom-btn:hover{background:var(--surface-hover);border-color:#ffffff1f;box-shadow:0 4px 12px #0006}.zoom-btn:active{transform:scale(.95)}.map-legend{background:var(--surface);z-index:100;border:1px solid #ffffff0f;border-radius:6px;padding:10px 12px;position:absolute;bottom:20px;left:20px;box-shadow:0 2px 8px #0000004d}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.legend-item:last-child{margin-bottom:0}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.map-container-wrapper{border-bottom:1px solid var(--border);background:var(--map-bg);flex-direction:column;height:95vh;display:flex;position:relative}.map-top-controls{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.map-controls-section{align-items:center;gap:8px;display:flex}.map-control-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.map-control-btn:hover{background:var(--surface-active);color:var(--text);border-color:var(--border-strong)}.map-control-btn.active{background:var(--surface-active);color:var(--text);border-color:#3b82f6}.btn-icon{font-size:14px}.view-selector{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;gap:4px;padding:4px;display:flex}.view-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.view-btn:hover{background:var(--surface-active);color:var(--text-secondary)}.view-btn.active{background:var(--surface-active);color:var(--text);box-shadow:0 1px 3px #0000004d}.view-icon{font-size:12px}.view-label{white-space:nowrap}.time-range-selector{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;gap:2px;padding:3px;display:flex}.time-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;min-width:32px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.time-btn:hover{background:var(--surface-active);color:var(--text-secondary)}.time-btn.active{background:var(--surface-active);color:var(--text);box-shadow:0 1px 2px #0003}.map-side-panel{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:6px;flex-direction:column;width:280px;max-height:calc(100% - 120px);display:flex;position:absolute;top:60px;left:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.panel-header{border-bottom:1px solid var(--border);background:var(--surface-hover);justify-content:space-between;align-items:center;padding:12px;display:flex}.panel-header h3{color:var(--text);margin:0;font-size:14px;font-weight:600}.close-btn{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;font-size:20px;line-height:1;transition:all .2s}.close-btn:hover{background:var(--surface-active);color:var(--text)}.panel-content{flex:1;padding:12px;overflow-y:auto}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.layer-toggle{background:var(--surface-hover);cursor:pointer;border-radius:4px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;transition:background .2s;display:flex}.layer-toggle:hover{background:var(--surface-active)}.layer-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.layer-name{color:var(--text);flex:1;font-size:13px;font-weight:500}.layer-status{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.layer-status.enabled{color:#22c55e;background:#22c55e33}.layer-status.disabled{color:var(--text-dim);background:#64646433}.filter-group{margin-bottom:16px}.filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.filter-select{background:var(--surface-hover);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:4px;padding:8px 10px;font-size:13px;transition:all .2s}.filter-select:hover{border-color:var(--border-strong)}.filter-select:focus{border-color:#3b82f6;outline:none}.map-bottom-info{background:var(--surface);border-top:1px solid var(--border);z-index:10;align-items:center;gap:20px;padding:6px 12px;display:flex}.info-item{align-items:center;gap:6px;font-size:11px;display:flex}.info-label{color:var(--text-dim);font-weight:500}.info-value{color:var(--text);font-weight:600}@media (width<=768px){.map-top-controls{flex-direction:column;align-items:stretch}.view-selector{justify-content:space-between}.view-label{display:none}.map-side-panel{width:calc(100% - 24px);left:12px;right:12px}.map-bottom-info{flex-wrap:wrap;gap:10px}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);background:var(--surface);align-items:center;gap:8px;padding:12px;display:flex}.panel-icon{font-size:16px}.panel-title{color:var(--text);margin:0;font-size:14px;font-weight:600}.panel-body{flex:1;padding:12px;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:0 0}.panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.news-list{flex-direction:column;gap:12px;display:flex}.news-item{background:var(--surface-hover);border-left:3px solid var(--border);cursor:pointer;border-radius:2px;padding:10px;transition:all .2s}.news-item:hover{background:var(--surface-active)}.news-item.severity-critical{border-left-color:#ef4444}.news-item.severity-high{border-left-color:#f97316}.news-item.severity-elevated{border-left-color:#eab308}.news-item.severity-normal{border-left-color:#22c55e}.news-item.severity-positive{border-left-color:#3b82f6}.news-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.news-category{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.news-time{color:var(--text-muted);font-size:11px}.news-title{color:var(--text);margin:0 0 6px;font-size:13px;font-weight:500;line-height:1.4}.news-source{color:var(--text-dim);font-size:11px}.market-list{flex-direction:column;gap:10px;display:flex}.market-item{background:var(--surface-hover);border-radius:4px;justify-content:space-between;align-items:center;padding:10px;transition:background .2s;display:flex}.market-item:hover{background:var(--surface-active)}.market-info{flex-direction:column;gap:4px;display:flex}.market-symbol{color:var(--text);font-size:12px;font-weight:600}.market-value{color:var(--text-secondary);font-size:14px;font-weight:700}.market-change{border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600}.market-change.up{color:#22c55e;background:#22c55e1a}.market-change.down{color:#ef4444;background:#ef44441a}.military-list{flex-direction:column;gap:12px;display:flex}.military-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.military-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.military-type{color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:600}.military-status{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.status-active{color:#ef4444;background:#ef444433}.status-patrol{color:#eab308;background:#eab30833}.military-callsign{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.military-details{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.conflict-list{flex-direction:column;gap:12px;display:flex}.conflict-item{background:var(--surface-hover);border-left:3px solid var(--border);border-radius:4px;padding:10px}.conflict-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.conflict-region{color:var(--text);font-size:13px;font-weight:700}.conflict-intensity{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.intensity-high{color:#ef4444;background:#ef444433}.intensity-elevated{color:#f97316;background:#f9731633}.intensity-medium{color:#eab308;background:#eab30833}.conflict-type{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.conflict-update{color:var(--text-dim);font-size:11px}.disaster-list{flex-direction:column;gap:12px;display:flex}.disaster-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.disaster-type{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.disaster-location{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.disaster-details{color:var(--text-dim);flex-direction:column;gap:4px;margin-bottom:6px;font-size:11px;display:flex}.disaster-time{color:var(--text-muted);font-size:11px}.cyber-list{flex-direction:column;gap:12px;display:flex}.cyber-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.cyber-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cyber-threat{color:var(--text);font-size:14px;font-weight:700}.cyber-severity{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.severity-critical{color:#ef4444;background:#ef444433}.severity-high{color:#f97316;background:#f9731633}.severity-medium{color:#eab308;background:#eab30833}.cyber-target{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.cyber-status{font-size:12px;font-weight:500}.status-investigating{color:#eab308}.status-contained{color:#22c55e}.status-active{color:#ef4444}.economic-list{flex-direction:column;gap:10px;display:flex}.economic-item{background:var(--surface-hover);border-radius:4px;padding:10px}.economic-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.economic-indicator{color:var(--text);font-size:12px;font-weight:600}.economic-trend{font-size:14px;font-weight:700}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-stable{color:var(--text-dim)}.economic-value{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:700}.economic-region{color:var(--text-dim);font-size:11px}.aviation-list{flex-direction:column;gap:12px;display:flex}.aviation-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.aviation-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.aviation-callsign{color:var(--text);font-size:14px;font-weight:700}.aviation-type{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.type-commercial{color:#3b82f6;background:#3b82f633}.type-cargo{color:#22c55e;background:#22c55e33}.aviation-route{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.aviation-details{color:var(--text-dim);gap:12px;font-size:12px;display:flex}.maritime-list{flex-direction:column;gap:12px;display:flex}.maritime-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.maritime-vessel{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.maritime-type{color:var(--text-dim);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.maritime-location{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.maritime-status{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.status-in.transit{color:#3b82f6;background:#3b82f633}.status-docked{color:#22c55e;background:#22c55e33}.intelligence-list{flex-direction:column;gap:12px;display:flex}.intelligence-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.intelligence-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.intelligence-source{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.source-sigint{color:#a855f7;background:#a855f733}.source-humint{color:#3b82f6;background:#3b82f633}.source-osint{color:#22c55e;background:#22c55e33}.intelligence-confidence{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.confidence-high{color:#22c55e;background:#22c55e33}.confidence-medium{color:#eab308;background:#eab30833}.confidence-low{color:#ef4444;background:#ef444433}.intelligence-topic{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:500}.intelligence-footer{justify-content:space-between;align-items:center;display:flex}.intelligence-region{color:var(--text-dim);font-size:11px}.intelligence-time{color:var(--text-muted);font-size:11px}.infrastructure-list{flex-direction:column;gap:12px;display:flex}.infrastructure-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.infrastructure-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.infrastructure-type{color:var(--text);font-size:14px;font-weight:700}.infrastructure-status{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.status-operational{color:#22c55e;background:#22c55e33}.status-maintenance{color:#eab308;background:#eab30833}.status-critical{color:#ef4444;background:#ef444433}.infrastructure-location{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.infrastructure-capacity{margin-top:8px}.capacity-label{color:var(--text-dim);margin-bottom:4px;font-size:11px}.capacity-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.capacity-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s}.capacity-value{color:var(--text-secondary);text-align:right;font-size:11px}.weather-list{flex-direction:column;gap:12px;display:flex}.weather-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:10px}.weather-type{color:var(--text-dim);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.weather-name{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.weather-location{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.weather-details{justify-content:space-between;align-items:center;display:flex}.weather-details span:first-child{color:var(--text-dim);font-size:12px}.weather-status{text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}.status-warning{color:#ef4444;background:#ef444433}.status-watch{color:#eab308;background:#eab30833}.status-advisory{color:#3b82f6;background:#3b82f633}.app-container{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.panels-grid{background:var(--bg-secondary);flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:4px;padding:4px;display:grid;overflow-y:auto}.panels-grid::-webkit-scrollbar{width:8px}.panels-grid::-webkit-scrollbar-track{background:var(--bg)}.panels-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.panels-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (width<=768px){.panels-grid{grid-template-columns:1fr}}