@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827cc;--bg-card-hover:#1e293be6;--bg-glass:#0f172a99;--border-glass:#6496ff1f;--border-hover:#6496ff40;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d44d;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-green:#22c55e;--risk-critical:#ef4444;--risk-high:#f97316;--risk-medium:#eab308;--risk-low:#22c55e;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 30px #0000004d;--shadow-glow-cyan:0 0 30px #06b6d426;--shadow-glow-red:0 0 20px #ef444433;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,sans-serif}body{background-image:radial-gradient(80% 50% at 50% -20%,#06b6d414,#0000),radial-gradient(60% 40% at 80% 100%,#8b5cf60f,#0000)}.app-container{width:100%;max-width:1800px;padding:var(--gap-lg)206px var(--gap-lg)206px;margin:0 auto}.header{padding:var(--gap-lg)0;margin-bottom:var(--gap-xl);border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;transition:padding .25s,margin-bottom .25s;display:flex;position:relative}.header-left{align-items:center;gap:var(--gap-md);display:flex}.header-logo{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.header h1{background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.header-subtitle{color:var(--text-muted);font-size:.8rem;font-weight:400}.header-status{gap:var(--gap-md);display:flex}.status-badge{align-items:center;gap:var(--gap-xs);letter-spacing:.02em;border:1px solid var(--border-glass);background:#ffffff0a;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;animation:3s ease-in-out infinite pulse-badge;display:flex}.status-badge.live{color:var(--accent-green);border-color:#22c55e4d}.status-badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-badge{0%,to{box-shadow:none}50%{box-shadow:0 0 10px #22c55e1a}}.tab-nav-toggle{z-index:2100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:28px;min-height:64px;color:var(--accent-cyan);cursor:pointer;writing-mode:vertical-rl;letter-spacing:.04em;background:#0a0e1aeb;border:1px solid #06b6d44d;border-right:none;border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.tab-nav-toggle:hover{border-color:var(--accent-cyan);background:#06b6d426;width:32px}.tab-nav{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1af5;border-left:1px solid #06b6d433;flex-direction:column;width:220px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 30px #00000080}.tab-nav.open{transform:translate(0)}.tab-nav-header{border-bottom:1px solid #06b6d41f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.tab-nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.tab-nav-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.9rem;transition:color .15s}.tab-nav-close:hover{color:var(--text-primary)}.tab-nav-list{scrollbar-width:thin;scrollbar-color:#06b6d433 transparent;flex:1;padding:8px 0;overflow-y:auto}.tab-nav-list::-webkit-scrollbar{width:4px}.tab-nav-list::-webkit-scrollbar-thumb{background:#06b6d433;border-radius:4px}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:#06b6d414}.tab-icon{font-size:1rem}.dashboard-grid{gap:var(--gap-lg);display:grid}.grid-overview{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.grid-risk-cards{gap:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.grid-two-col{gap:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.grid-three-col{gap:var(--gap-lg);grid-template-columns:1fr 1fr 1fr;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--gap-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:all var(--transition-slow);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#06b6d433,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card),var(--shadow-glow-cyan);transform:translateY(-2px)}.card-header{margin-bottom:var(--gap-md);justify-content:space-between;align-items:center;display:flex}.card-title{align-items:center;gap:var(--gap-sm);font-size:1rem;font-weight:600;display:flex}.card-title-icon{font-size:1.2rem}.card-subtitle{color:var(--text-muted);margin-top:4px;font-size:.75rem}.card-badge{letter-spacing:.03em;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.risk-gauge{align-items:center;gap:var(--gap-md);margin-top:var(--gap-md);display:flex}.risk-gauge-bar{background:#ffffff0f;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.risk-gauge-fill{border-radius:4px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);position:relative}.risk-gauge-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;height:100%;animation:2s infinite shimmer;position:absolute;top:0;right:0}@keyframes shimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.risk-score{text-align:right;min-width:48px;font-size:1.4rem;font-weight:800}.risk-label{text-transform:uppercase;letter-spacing:.08em;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border-glass);height:500px;position:relative;overflow:hidden}.map-container .leaflet-container{background:#0a0e1a;width:100%;height:100%}.leaflet-popup-content-wrapper{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-card)!important}.leaflet-popup-tip{background:var(--bg-secondary)!important;border-color:var(--border-glass)!important}.leaflet-popup-close-button{color:var(--text-secondary)!important}.popup-content{min-width:220px;font-family:Inter,sans-serif}.popup-content h3{color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.popup-content p{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;line-height:1.5}.popup-risk-badge{border-radius:8px;margin-top:6px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.chokepoint-marker{cursor:pointer;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:transform .2s;animation:3s infinite marker-pulse;display:flex}.chokepoint-marker:hover{transform:scale(1.3)}@keyframes marker-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.conflict-marker{box-shadow:none!important;background:0 0!important;border:none!important}.conflict-marker .conflict-icon:hover{transform:scale(1.2)}.ship-marker{box-shadow:none!important;background:0 0!important;border:none!important}.data-table{border-collapse:collapse;width:100%;font-size:.8rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-glass);padding:10px 12px;font-size:.7rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #6496ff0d;padding:10px 12px}.data-table tr:hover td{color:var(--text-primary);background:#ffffff05}.news-item{padding:var(--gap-md);transition:background var(--transition-fast);cursor:pointer;border-bottom:1px solid #6496ff0f}.news-item:hover{background:#ffffff08}.news-item:last-child{border-bottom:none}.news-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.85rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.news-meta{align-items:center;gap:var(--gap-sm);color:var(--text-muted);font-size:.7rem;display:flex}.news-source{color:var(--accent-cyan);font-weight:500}.news-risk-badge{background:color-mix(in srgb,var(--risk-color,#888)12%,transparent);border:1px solid color-mix(in srgb,var(--risk-color,#888)30%,transparent);cursor:default;width:36px;min-width:36px;height:36px;transition:all var(--transition-fast);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.news-risk-badge:hover{background:color-mix(in srgb,var(--risk-color,#888)22%,transparent);transform:scale(1.08)}.news-risk-score{color:var(--risk-color,#888);font-size:.72rem;font-weight:800;line-height:1}.news-risk-icon{margin-top:1px;font-size:.55rem;line-height:1}.news-chokepoint-section{border-bottom:1px solid #6496ff14}.news-chokepoint-section:last-child{border-bottom:none}.news-chokepoint-header{padding:10px var(--gap-md);background:linear-gradient(90deg,color-mix(in srgb,var(--cp-color,#888)6%,transparent),transparent);border-left:3px solid var(--cp-color,#888);z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.news-chokepoint-name{color:var(--text-primary);letter-spacing:.01em;font-size:.82rem;font-weight:700}.news-chokepoint-count{color:var(--text-muted);background:#ffffff0a;border:1px solid #6496ff14;border-radius:10px;padding:1px 8px;font-size:.65rem;font-weight:500}.news-chokepoint-articles{padding-left:3px}.news-settings{margin-bottom:var(--gap-md)}.news-settings-toggle{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border-radius:10px;align-items:center;padding:6px 14px;font-family:inherit;font-size:.78rem;font-weight:500;display:inline-flex}.news-settings-toggle:hover{color:var(--accent-cyan);background:#06b6d414;border-color:#06b6d440}.news-settings-panel{margin-top:var(--gap-md);padding:var(--gap-md);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:.3s forwards fadeInUp}.news-settings-actions{gap:var(--gap-sm);margin-bottom:var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:1px solid #6496ff0f;display:flex}.news-settings-btn{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:8px;padding:4px 12px;font-family:inherit;font-size:.7rem;font-weight:500}.news-settings-btn:hover{color:var(--accent-cyan);background:#06b6d41a;border-color:#06b6d433}.news-settings-group{margin-bottom:var(--gap-md)}.news-settings-group:last-child{margin-bottom:0}.news-settings-group-label{color:var(--text-muted);margin-bottom:var(--gap-sm);letter-spacing:.03em;font-size:.72rem;font-weight:600}.news-settings-checkboxes{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.news-settings-checkbox{cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:#ffffff08;border:1px solid #6496ff0f;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;display:flex}.news-settings-checkbox:hover{background:#06b6d40f;border-color:#06b6d426}.news-settings-checkbox input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;width:14px;height:14px}.news-settings-checkbox-label{white-space:nowrap;font-weight:500}.chart-container{width:100%;height:300px;position:relative}.chart-container canvas{width:100%!important;height:100%!important}.water-level-station{align-items:center;gap:var(--gap-md);padding:var(--gap-sm)0;border-bottom:1px solid #6496ff0d;display:flex}.water-level-station:last-child{border-bottom:none}.station-name{min-width:120px;color:var(--text-primary);font-size:.8rem;font-weight:500}.water-bar-wrapper{background:#ffffff0a;border-radius:6px;flex:1;height:24px;position:relative;overflow:hidden}.water-bar-fill{color:#fff;text-shadow:0 1px 2px #0006;border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding-right:8px;font-size:.65rem;font-weight:700;transition:width 1.5s cubic-bezier(.16,1,.3,1);display:flex}.water-level-value{text-align:right;font-variant-numeric:tabular-nums;min-width:70px;font-size:.85rem;font-weight:700}.water-level-unit{color:var(--text-muted);font-size:.65rem;font-weight:400}.water-trend{text-align:center;min-width:24px;font-size:1rem}.loading-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-line{width:100%;height:14px;margin-bottom:10px}.loading-line:nth-child(2){width:80%}.loading-line:nth-child(3){width:60%}.error-box{padding:var(--gap-lg);border-radius:var(--radius-md);align-items:center;gap:var(--gap-md);color:var(--accent-red);background:#ef444414;border:1px solid #ef444433;font-size:.85rem;display:flex}.error-icon{font-size:1.5rem}.section-title{margin-bottom:var(--gap-lg);align-items:center;gap:var(--gap-sm);font-size:1.2rem;font-weight:700;display:flex}.section-title-icon{font-size:1.3rem}.scroll-area{scrollbar-width:thin;scrollbar-color:#6496ff26 transparent;max-height:400px;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:5px}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background:#6496ff26;border-radius:4px}.germany-map-container{border-radius:var(--radius-md);border:1px solid var(--border-glass);height:350px;position:relative;overflow:hidden}.map-layer-controls{z-index:1000;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.map-layer-btn{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#0a0e1ad9;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.map-layer-btn:hover{border-color:var(--border-hover);color:var(--text-secondary);background:#111827f2}.map-layer-btn.active{border-color:var(--layer-color-border);background:var(--layer-color-bg);color:var(--layer-color)}.map-layer-btn.active:hover{background:var(--layer-color-bg);border-color:var(--layer-color)}.map-layer-icon{font-size:.8rem;line-height:1}.map-layer-label{flex:1}.map-layer-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .2s}.map-layer-dot.on{background:var(--layer-color,var(--accent-green));box-shadow:0 0 6px var(--layer-color,var(--accent-green))}.map-layer-dot.off{background:var(--text-muted);opacity:.4}.map-layer-group{flex-direction:column;gap:2px;display:flex}.map-layer-expand-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:#0a0e1ab3;border:none;border-radius:4px;padding:2px 10px;font-size:.62rem;font-weight:500;transition:all .15s}.map-layer-expand-btn:hover{color:var(--text-secondary);background:#111827e6}.map-layer-sublayers{border-left:2px solid #b91c1c4d;flex-direction:column;gap:2px;margin-left:4px;padding-left:8px;display:flex}.map-layer-btn.sub{padding:3px 8px;font-size:.63rem}.map-layer-btn.sub .map-layer-icon{font-size:.7rem}.map-layer-btn.sub .map-layer-dot{width:6px;height:6px}.map-tile-switcher{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);pointer-events:auto;background:#0a0e1ad9;border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.map-tile-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 12px;font-size:.68rem;font-weight:500;transition:all .2s}.map-tile-btn:hover{color:var(--text-secondary);background:#1e293bb3}.map-tile-btn.active{color:var(--accent-cyan);background:#06b6d426;border-color:#06b6d459;font-weight:600}.map-export-btn{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--accent-cyan);cursor:pointer;letter-spacing:.02em;pointer-events:auto;background:#0a0e1ad9;border:1px solid #06b6d459;border-radius:8px;padding:6px 14px;font-size:.72rem;font-weight:600;transition:all .2s;position:absolute;bottom:12px;right:16px}.map-export-btn:hover{background:#06b6d42e;border-color:#06b6d48c;transform:translateY(-1px);box-shadow:0 4px 16px #06b6d426}@media (max-width:1200px){.grid-overview,.grid-two-col{grid-template-columns:1fr}.grid-three-col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.app-container{padding:var(--gap-md)}.header{align-items:flex-start;gap:var(--gap-md);flex-direction:column}.grid-three-col{grid-template-columns:1fr}.grid-risk-cards{grid-template-columns:1fr 1fr}.map-container{height:350px}.tab-nav{flex-wrap:nowrap;overflow-x:auto}}@media (max-width:480px){.grid-risk-cards{grid-template-columns:1fr}}.leaflet-control-zoom a{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-glass)!important}.leaflet-control-attribution{color:var(--text-muted)!important;background:#0a0e1acc!important;font-size:.6rem!important}.leaflet-control-attribution a{color:var(--accent-cyan)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}.sources-toggle{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-family:inherit;font-size:.7rem;font-weight:500;display:flex}.sources-toggle:hover{color:var(--accent-cyan);background:#06b6d414;border-color:#06b6d433}.sources-toggle-icon{transition:transform var(--transition-normal);font-size:.65rem;display:inline-block}.sources-count{color:var(--accent-cyan);background:#06b6d41a;border-radius:6px;padding:1px 5px;font-size:.6rem;font-weight:700}.sources-panel{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.sources-panel-open{opacity:1;scrollbar-width:thin;scrollbar-color:#6496ff1f transparent;max-height:600px;overflow-y:auto}.sources-panel-open::-webkit-scrollbar{width:4px}.sources-panel-open::-webkit-scrollbar-thumb{background:#6496ff1f;border-radius:4px}.sources-panel-inner{padding-top:var(--gap-md);margin-top:var(--gap-md);border-top:1px solid var(--border-glass)}.source-item{border-radius:var(--radius-sm);transition:background var(--transition-fast);background:#ffffff05;border:1px solid #6496ff0f;margin-bottom:8px;padding:10px 12px}.source-item:hover{background:#ffffff0a}.source-item:last-of-type{margin-bottom:10px}.source-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.source-icon{flex-shrink:0;font-size:1rem}.source-api{color:var(--accent-cyan);flex:1;font-size:.72rem;font-weight:600}.source-impact{font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.source-detail{color:var(--text-secondary);margin:0;padding-left:28px;font-size:.72rem;line-height:1.55}.sources-formula{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;background:#06b6d40a;border:1px solid #06b6d414;padding:8px 12px}.source-item-clickable{cursor:pointer}.source-item-clickable .source-header:after{content:"›";color:var(--text-muted);margin-left:auto;font-size:1rem;transition:transform .15s}.source-item-clickable:hover .source-header:after{color:var(--accent-cyan);transform:translate(2px)}.source-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s forwards sourceModalFadeIn;display:flex;position:fixed;inset:0}@keyframes sourceModalFadeIn{0%{opacity:0}to{opacity:1}}.source-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e1af5;border:1px solid #6496ff1f;border-radius:14px;flex-direction:column;width:460px;max-width:calc(100vw - 32px);max-height:70vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards sourceModalSlideIn;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 0 1px #6496ff0f}@keyframes sourceModalSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.source-modal-header{border-bottom:1px solid #6496ff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.source-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.source-modal-count{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d433;border-radius:10px;padding:2px 8px;font-size:.62rem;font-weight:600}.source-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #6496ff1a;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.source-modal-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.source-modal-body{scrollbar-width:thin;scrollbar-color:#6496ff1f transparent;flex:1;overflow-y:auto}.source-modal-body::-webkit-scrollbar{width:4px}.source-modal-body::-webkit-scrollbar-thumb{background:#6496ff1f;border-radius:4px}.source-modal-item{color:inherit;border-bottom:1px solid #6496ff0f;padding:10px 16px;text-decoration:none;transition:background .15s;display:block}.source-modal-item:hover{background:#ffffff0a}.source-modal-item:last-child{border-bottom:none}.source-modal-item-row{align-items:flex-start;gap:8px;display:flex}.source-modal-item-score{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:22px;margin-top:1px;font-size:.65rem;font-weight:800;display:flex}.source-modal-item-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.source-modal-item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:.65rem;display:flex}.source-modal-item-badge{border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.58rem;font-weight:700}.source-modal-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.8rem}.alerts-empty{padding:var(--gap-xl)var(--gap-md);text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;display:flex}.alert-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#ffffff05;border:1px solid #6496ff0f;border-left:3px solid;margin-bottom:8px;padding:12px 14px}.alert-item:hover{background:#ffffff0a}.alert-item:last-child{margin-bottom:0}.alert-header{flex-direction:column;gap:6px;display:flex}.alert-title-row{align-items:center;gap:8px;display:flex}.alert-severity-icon{flex-shrink:0;font-size:.85rem}.alert-event{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:600}.alert-severity-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.alert-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.7rem;display:flex}.alert-detail{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.alert-detail-open{opacity:1;max-height:400px}.alert-detail-inner{border-top:1px solid #6496ff0f;margin-top:10px;padding-top:12px}.alert-headline{color:var(--text-primary);margin-bottom:8px;font-size:.78rem;font-weight:600}.alert-description{color:var(--text-secondary);white-space:pre-line;margin:0 0 8px;font-size:.75rem;line-height:1.55}.alert-instruction{color:var(--accent-orange);background:#f59e0b0f;border:1px solid #f59e0b1a;border-radius:6px;padding:8px 10px;font-size:.72rem;line-height:1.5}.popup-news-btn{color:#22d3ee;cursor:pointer;white-space:nowrap;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.popup-news-btn:hover{background:#06b6d433;border-color:#06b6d480;transform:scale(1.02)}.popup-news-btn.no-articles{opacity:.4;pointer-events:none;color:#94a3b8;background:#94a3b80f;border-color:#94a3b833}.map-news-overlay{z-index:1100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e1aeb;border:1px solid #6496ff1f;border-radius:14px;flex-direction:column;width:380px;max-height:calc(100% - 24px);animation:.3s cubic-bezier(.16,1,.3,1) forwards newsOverlayIn;display:flex;position:absolute;bottom:12px;left:12px;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 0 1px #6496ff0f}@keyframes newsOverlayIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.map-news-overlay-header{border-bottom:1px solid #6496ff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.map-news-overlay-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.map-news-overlay-count{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d433;border-radius:10px;padding:2px 8px;font-size:.62rem;font-weight:600}.map-news-overlay-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #6496ff1a;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.map-news-overlay-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.map-news-overlay-body{scrollbar-width:thin;scrollbar-color:#6496ff1f transparent;flex:1;overflow-y:auto}.map-news-overlay-body::-webkit-scrollbar{width:4px}.map-news-overlay-body::-webkit-scrollbar-thumb{background:#6496ff1f;border-radius:4px}.map-news-item{color:inherit;border-bottom:1px solid #6496ff0f;padding:10px 14px;text-decoration:none;transition:background .15s;display:block}.map-news-item:hover{background:#ffffff0a}.map-news-item:last-child{border-bottom:none}.map-news-item-row{align-items:flex-start;gap:8px;display:flex}.map-news-item-risk{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:22px;margin-top:1px;font-size:.65rem;font-weight:800;display:flex}.map-news-item-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.map-news-item-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:3px;font-size:.65rem;display:flex}.map-news-item-source{border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.58rem;font-weight:700}.map-news-empty{text-align:center;color:var(--text-muted);padding:24px 14px;font-size:.8rem}@media (max-width:768px){.map-news-overlay{width:calc(100% - 24px);max-height:50%}}.conflicts-merged-panel{gap:var(--gap-md);flex-direction:column;display:flex}.conflicts-header{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:0 var(--gap-xs);flex-wrap:wrap;display:flex}.conflicts-header-left{align-items:baseline;gap:var(--gap-md);display:flex}.conflicts-header-left h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.conflicts-count{color:var(--text-muted);font-size:.75rem;font-weight:500}.conflicts-error-hint{gap:var(--gap-sm);color:var(--risk-high);font-size:.7rem;display:flex}.conflicts-filters{gap:var(--gap-lg);padding:var(--gap-sm)var(--gap-md);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;display:flex}.conflicts-filter-group{align-items:center;gap:var(--gap-sm);display:flex}.conflicts-filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.72rem;font-weight:600}.conflicts-filter-pills{flex-wrap:wrap;gap:4px;display:flex}.filter-pill{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:500}.filter-pill:hover{color:var(--text-primary);background:#ffffff0f;border-color:#6496ff40}.filter-pill.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#6366f12e;font-weight:600}.conflicts-card-grid{gap:var(--gap-md);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1400px){.conflicts-card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.conflicts-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.conflicts-card-grid{grid-template-columns:1fr}}.conflict-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--gap-md);padding-top:calc(var(--gap-md) + 4px);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.conflict-card:hover{background:#ffffff08;border-color:#6496ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.conflict-card.expanded{background:#ffffff0a;border-color:#6496ff59;grid-column:span 1;box-shadow:0 8px 28px #00000059}.conflict-card-severity-bar{border-radius:var(--radius-lg)var(--radius-lg)0 0;height:3px;position:absolute;top:0;left:0;right:0}.conflict-card-top{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.conflict-card-badge{border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:800;display:flex}.conflict-card-type-tag{letter-spacing:.01em;font-size:.68rem;font-weight:600}.conflict-card-source-tag{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.62rem;font-weight:500}.conflict-card-location{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600;line-height:1.3}.conflict-card-summary{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.76rem;line-height:1.4;display:-webkit-box;overflow:hidden}.conflict-card-meta{align-items:center;gap:var(--gap-sm);color:var(--text-muted);flex-wrap:wrap;font-size:.65rem;display:flex}.conflict-card-expand-hint{color:var(--text-muted);text-align:center;opacity:.5;transition:opacity var(--transition-fast);margin-top:auto;font-size:.62rem}.conflict-card:hover .conflict-card-expand-hint{opacity:1;color:var(--accent-cyan)}.conflict-card-detail{border-top:1px solid var(--border-glass);cursor:default;flex-direction:column;gap:8px;max-height:220px;margin-top:6px;padding-top:8px;display:flex;overflow-y:auto}.conflict-card-detail::-webkit-scrollbar{width:4px}.conflict-card-detail::-webkit-scrollbar-thumb{background:#6496ff33;border-radius:4px}.conflict-card-detail-title{color:var(--text-primary);font-size:.8rem;font-weight:600;line-height:1.4}.conflict-card-detail-desc{color:var(--text-secondary);font-size:.73rem;line-height:1.55}.conflict-card-link{color:var(--accent-cyan);transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f133;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.conflict-card-link:hover{border-color:var(--accent-cyan);color:#fff;background:#6366f133}.app-root{min-height:100vh}.app-root.map-tab-active{height:100vh;overflow:hidden}.header.header-collapsed{min-height:unset;border-bottom-color:#6496ff0f;margin-bottom:0!important;padding:6px 0!important}.header-collapse-btn{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;border-radius:20px;flex-shrink:0;padding:3px 12px;font-size:.65rem;line-height:1.6;transition:color .2s,border-color .2s}.header-collapse-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan-glow)}.map-fullscreen-wrapper{z-index:0;position:fixed;inset:0;overflow:hidden}.map-fullscreen-wrapper .map-container,.map-fullscreen-wrapper>div{width:100%!important;height:100%!important}.map-sidebar.open+.sidebar-tab{left:220px}.sidebar-tab{z-index:2100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:28px;min-height:64px;color:var(--accent-cyan);cursor:pointer;writing-mode:vertical-rl;letter-spacing:.04em;background:#0a0e1aeb;border:1px solid #06b6d44d;border-left:none;border-radius:0 10px 10px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-tab:hover{border-color:var(--accent-cyan);background:#06b6d426;width:32px}.sidebar-tab-icon{writing-mode:horizontal-tb;font-size:1rem}.sidebar-tab-label{color:var(--accent-cyan);letter-spacing:.08em;font-size:.65rem;font-weight:700}.map-sidebar{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1af5;border-right:1px solid #06b6d433;flex-direction:column;width:220px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 30px #00000080}.map-sidebar.open{transform:translate(0)}.map-sidebar-header{border-bottom:1px solid #06b6d41f;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.map-sidebar-title{color:var(--accent-cyan);letter-spacing:.02em;font-size:.85rem;font-weight:700}.map-sidebar-close{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #6496ff1f;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.map-sidebar-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.map-sidebar-actions{border-bottom:1px solid #6496ff14;flex-shrink:0;gap:6px;padding:10px 10px 8px;display:flex}.map-sidebar-action-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:6px;flex:1;padding:5px 0;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.map-sidebar-action-btn:hover{color:var(--accent-cyan);background:#06b6d41a;border-color:#06b6d440}.map-sidebar-layers{scrollbar-width:thin;scrollbar-color:#6496ff26 transparent;flex-direction:column;flex:1;gap:3px;padding:8px 8px 16px;display:flex;overflow-y:auto}.map-sidebar-layers::-webkit-scrollbar{width:4px}.map-sidebar-layers::-webkit-scrollbar-thumb{background:#6496ff26;border-radius:4px}.map-sidebar-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #6496ff14;border-radius:7px;align-items:center;gap:7px;width:100%;padding:7px 10px;font-family:inherit;font-size:.73rem;font-weight:500;transition:all .18s;display:flex}.map-sidebar-btn:hover{color:var(--text-secondary);background:#ffffff0d;border-color:#6496ff33}.map-sidebar-btn.active{background:var(--layer-color-bg,#06b6d41f);border-color:var(--layer-color-border,#06b6d459);color:var(--layer-color,var(--accent-cyan))}.map-sidebar-btn.active:hover{background:var(--layer-color-bg,#06b6d42e)}.map-sidebar-btn.sub{padding:5px 8px;font-size:.67rem}.map-sidebar-btn-icon{flex-shrink:0;font-size:.88rem;line-height:1}.map-sidebar-btn-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.map-sidebar-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .18s}.map-sidebar-dot.on{background:var(--layer-color,var(--accent-cyan));box-shadow:0 0 5px var(--layer-color,var(--accent-cyan))}.map-sidebar-dot.off{background:var(--text-muted);opacity:.35}.map-sidebar-group{flex-direction:column;gap:2px;display:flex}.map-sidebar-expand{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:3px 10px 3px 26px;font-family:inherit;font-size:.63rem;font-weight:500;transition:color .15s}.map-sidebar-expand:hover{color:var(--text-secondary)}.map-sidebar-sublayers{border-left:2px solid #b91c1c4d;flex-direction:column;gap:2px;margin-left:8px;padding-left:12px;display:flex}.map-sidebar-sub-heading{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:2px 4px;font-size:.63rem;font-weight:600}.app-main{width:100%}.supply-route-animated{animation:1.8s linear infinite supply-dash-flow}@keyframes supply-dash-flow{to{stroke-dashoffset:-40px}}.supply-route-wp{background:0 0!important;border:none!important}.panel-loading,.panel-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:.85rem}.conflicts-text-filter{border:1px solid var(--border-glass);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;outline:none;padding:6px 10px;font-size:.78rem;transition:border-color .15s}.conflicts-text-filter:focus{border-color:var(--accent-cyan-glow)}.conflicts-filter-select{border:1px solid var(--border-glass);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:5px 8px;font-size:.75rem;transition:border-color .15s}.conflicts-filter-select:focus{border-color:var(--accent-cyan-glow)}.conflicts-list{flex-direction:column;gap:6px;display:flex}.conflicts-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:.85rem}.conflict-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);padding:10px 14px;overflow:hidden}.conflict-item:hover{background:#ffffff08;border-color:#6496ff4d}.conflict-item-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.conflict-title{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.4}.conflict-details{color:var(--text-secondary);font-size:.78rem;line-height:1.6}.conflicts-pagination{justify-content:center;align-items:center;gap:16px;margin-top:4px;padding:10px;display:flex}.pagination-btn{border:1px solid var(--border-glass);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:6px 16px;font-size:.78rem}.pagination-btn:hover:not(:disabled){border-color:var(--accent-cyan-glow);color:var(--accent-cyan);background:#6366f126}.pagination-btn:disabled{opacity:.35;cursor:default}.pagination-info{color:var(--text-muted);text-align:center;min-width:80px;font-size:.75rem}