@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500;600&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#060a13;--bg-secondary:#0c1220;--bg-card:#0f1729;--bg-card-hover:#131d33;--bg-panel:#0f1729d9;--border-color:#38bdf81f;--border-glow:#38bdf840;--border-alert:#ef444466;--accent-cyan:#38bdf8;--accent-green:#22c55e;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-orange:#f97316;--accent-blue:#3b82f6;--accent-purple:#a855f7;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-bright:#f8fafc;--glow-cyan:0 0 20px #38bdf826;--glow-green:0 0 15px #22c55e33;--glow-red:0 0 15px #ef444433;--glow-amber:0 0 15px #f59e0b33;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.dashboard{grid-template-rows:auto 1fr;height:100vh;display:grid;overflow:hidden}.dashboard-header{border-bottom:1px solid var(--border-color);padding:var(--gap-md)var(--gap-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:linear-gradient(#060a13fa 0%,#0c1220f2 100%);justify-content:space-between;align-items:center;display:flex}.dashboard-title{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-cyan)0%,var(--accent-blue)50%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:18px;font-weight:800}.dashboard-title .subtitle{letter-spacing:6px;-webkit-text-fill-color:var(--text-muted);margin-top:2px;font-size:9px;font-weight:500;display:block}.dashboard-status{align-items:center;gap:var(--gap-sm);color:var(--accent-green);font-family:Roboto Mono,monospace;font-size:11px;display:flex}.status-dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 4px var(--accent-green)}50%{opacity:.5;box-shadow:0 0 12px var(--accent-green)}}.dashboard-body{gap:var(--gap-md);padding:var(--gap-md);grid-template-rows:1fr 320px;grid-template-columns:1.5fr 1fr;display:grid;overflow:hidden}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .3s;display:flex;overflow:hidden}.panel:hover{border-color:var(--border-glow)}.panel-header{padding:var(--gap-md)var(--gap-lg);border-bottom:1px solid var(--border-color);background:#0003;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-title{letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);font-family:Orbitron,monospace;font-size:11px;font-weight:600}.panel-badge{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;padding:2px 8px;font-family:Roboto Mono,monospace;font-size:10px}.panel-body{padding:var(--gap-md);flex:1;overflow-y:auto}.clocks-bar{justify-content:center;align-items:center;gap:var(--gap-xl);flex-wrap:wrap;display:flex}.clock-item{flex-direction:column;align-items:center;gap:2px;min-width:140px;display:flex}.clock-city{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-family:Orbitron,monospace;font-size:9px;font-weight:600}.clock-time{color:var(--accent-green);text-shadow:var(--glow-green);letter-spacing:2px;font-family:Roboto Mono,monospace;font-size:22px;font-weight:400}.clock-date{color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:10px}.map-area{grid-area:1/1;min-height:0;position:relative}.map-container{border-radius:var(--radius-lg);width:100%;height:100%;overflow:hidden}.leaflet-container{background:var(--bg-primary)!important;font-family:Inter,sans-serif!important}.leaflet-control-zoom a{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-glow)!important;border-radius:var(--radius-md)!important;box-shadow:var(--glow-cyan)!important}.leaflet-popup-tip{background:var(--bg-card)!important}.marker-missile{background:var(--accent-red);width:16px;height:16px;box-shadow:var(--glow-red);border:2px solid #ef444499;border-radius:50%}.marker-drone{background:var(--accent-orange);width:14px;height:14px;box-shadow:var(--glow-amber);border:2px solid #f9731699;border-radius:50%}.marker-ship{filter:drop-shadow(0 0 6px #38bdf866);font-size:20px}@keyframes marker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.map-legend{z-index:1000;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--gap-sm)var(--gap-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:var(--gap-lg);font-size:11px;display:flex;position:absolute;bottom:16px;left:16px}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.sidebar{gap:var(--gap-md);flex-direction:column;grid-area:1/2/3;min-height:0;display:flex;overflow:hidden}.bottom-panels{gap:var(--gap-md);grid-area:2/1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.news-list{gap:var(--gap-sm);flex-direction:column;display:flex}.news-card{padding:var(--gap-md);border-radius:var(--radius-md);cursor:pointer;background:#0000004d;border:1px solid #0000;transition:all .2s}.news-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.news-meta{align-items:center;gap:var(--gap-sm);margin-bottom:6px;display:flex}.news-source{color:var(--accent-cyan);background:#38bdf81f;border-radius:4px;padding:1px 6px;font-family:Roboto Mono,monospace;font-size:10px;font-weight:500}.news-time{color:var(--text-muted);font-family:Roboto Mono,monospace;font-size:10px}.news-title{color:var(--text-bright);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.news-summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.news-link{color:var(--accent-cyan);margin-top:6px;font-size:11px;text-decoration:none;display:inline-block}.news-link:hover{text-decoration:underline}.chart-container{width:100%;height:200px;position:relative}.price-display{align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.price-current{color:var(--text-bright);font-family:Roboto Mono,monospace;font-size:24px;font-weight:600}.price-change{font-family:Roboto Mono,monospace;font-size:13px;font-weight:500}.price-change.up{color:var(--accent-red)}.price-change.down{color:var(--accent-green)}.price-label{color:var(--text-muted);margin-bottom:var(--gap-xs);font-size:11px}.econ-table{border-collapse:collapse;width:100%;font-size:12px}.econ-table thead{z-index:1;position:sticky;top:0}.econ-table th{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:var(--gap-sm)var(--gap-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-family:Orbitron,monospace;font-size:9px;font-weight:600}.econ-table td{padding:var(--gap-sm)var(--gap-md);border-bottom:1px solid #ffffff0a;font-family:Roboto Mono,monospace;font-size:12px}.econ-table tr:hover td{background:#38bdf80a}.country-name{color:var(--text-primary);font-family:Inter,sans-serif;font-weight:500}.country-flag{margin-right:6px}.rate-value{font-weight:500}.rate-low{color:var(--accent-green)}.rate-med{color:var(--accent-amber)}.rate-high{color:var(--accent-red)}.notams-grid{gap:var(--gap-sm);grid-template-columns:1fr 1fr;display:grid}.notam-card{padding:var(--gap-md);border-radius:var(--radius-md);background:#0000004d;border:1px solid #0000;transition:all .2s}.notam-card:hover{border-color:var(--border-glow)}.notam-country{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.notam-status{text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:2px 8px;font-family:Roboto Mono,monospace;font-size:10px;font-weight:600}.status-open{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d}.status-restricted{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.status-closed{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.notam-details{color:var(--text-muted);margin-top:4px;font-size:11px}.notam-count{color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:10px}.strike-list{gap:var(--gap-sm);flex-direction:column;display:flex}.strike-card{padding:var(--gap-md);border-radius:var(--radius-md);background:#0000004d;border:1px solid #0000;transition:all .2s}.strike-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}.strike-header{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-bottom:6px;display:flex}.strike-classification{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:4px;padding:2px 8px;font-family:Roboto Mono,monospace;font-size:10px;font-weight:600}.strike-missile{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.strike-drone{color:var(--accent-orange);background:#f9731626;border:1px solid #f973164d}.strike-hostile{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.strike-time{color:var(--text-muted);white-space:nowrap;font-family:Roboto Mono,monospace;font-size:10px}.strike-location{color:var(--text-bright);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.4}.strike-summary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.strike-sources{color:var(--text-muted);margin-top:6px;font-family:Roboto Mono,monospace;font-size:10px;line-height:1.4}.loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-card-hover)50%,var(--bg-secondary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1200px){.dashboard-body{grid-template-rows:300px auto auto;grid-template-columns:1fr;overflow-y:auto}.sidebar{grid-area:auto/1}.map-area{grid-row:1}.bottom-panels{grid-area:auto/1}}.oil-charts-grid{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.scanline-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}