:root{--bg-primary: #06080f;--bg-secondary: #0c1021;--bg-tertiary: #111631;--bg-card: rgba(15, 20, 45, .7);--bg-glass: rgba(12, 16, 33, .65);--bg-glass-hover: rgba(18, 24, 52, .8);--accent-cyan: #00d4ff;--accent-cyan-dim: rgba(0, 212, 255, .15);--accent-cyan-glow: rgba(0, 212, 255, .3);--accent-green: #00f5a0;--accent-green-dim: rgba(0, 245, 160, .15);--accent-red: #ff4b6e;--accent-red-dim: rgba(255, 75, 110, .15);--accent-yellow: #ffc107;--accent-yellow-dim: rgba(255, 193, 7, .15);--accent-purple: #a855f7;--accent-blue: #3b82f6;--accent-orange: #f97316;--gradient-brand: linear-gradient(135deg, #00d4ff 0%, #00f5a0 100%);--gradient-dark: linear-gradient(180deg, #0c1021 0%, #06080f 100%);--gradient-glass: linear-gradient(135deg, rgba(15,20,45,.8) 0%, rgba(8,12,28,.6) 100%);--gradient-cyan-subtle: linear-gradient(135deg, rgba(0,212,255,.08) 0%, rgba(0,245,160,.04) 100%);--text-primary: #e8ecf4;--text-secondary: #8892a6;--text-muted: #515b6e;--text-accent: #00d4ff;--border-subtle: rgba(255, 255, 255, .06);--border-glass: rgba(0, 212, 255, .12);--border-active: rgba(0, 212, 255, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 212, 255, .15);--shadow-glow-strong: 0 0 40px rgba(0, 212, 255, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--gap: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--header-height: 56px;--sidebar-width: 280px;--panel-width: 420px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scrollbar-width:thin;scrollbar-color:var(--accent-cyan-dim) transparent}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-cyan-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan-glow)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transition:opacity .6s ease,visibility .6s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center}.loading-logo{position:relative;width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:var(--accent-cyan);border-radius:50%;animation:loadingSpin 1.2s linear infinite}.loading-ring.delay-1{top:10px;right:10px;bottom:10px;left:10px;border-top-color:var(--accent-green);animation-duration:1.8s;animation-direction:reverse}.loading-ring.delay-2{top:20px;right:20px;bottom:20px;left:20px;border-top-color:var(--accent-purple);animation-duration:2.4s}@keyframes loadingSpin{to{transform:rotate(360deg)}}.loading-text-logo{font-size:1.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px;z-index:1}.loading-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px;letter-spacing:.5px}.loading-bar-container{width:200px;height:3px;background:var(--bg-tertiary);border-radius:2px;margin:0 auto;overflow:hidden}.loading-bar{width:40%;height:100%;background:var(--gradient-brand);border-radius:2px;animation:loadingBar 1.5s ease-in-out infinite}@keyframes loadingBar{0%{transform:translate(-100%)}to{transform:translate(350%)}}#app{width:100vw;min-height:100vh;overflow-x:hidden}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.header{height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100;position:relative}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan-dim),transparent)}.header-left{display:flex;align-items:center;gap:16px}.header-brand{display:flex;align-items:center;gap:10px}.brand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;color:var(--bg-primary);letter-spacing:.5px}.brand-name{font-weight:700;font-size:1.1rem;letter-spacing:1.5px;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-separator{width:1px;height:24px;background:var(--border-subtle)}.brand-subtitle{color:var(--text-secondary);font-size:.78rem;font-weight:400;letter-spacing:.3px}.header-center{flex:1;display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:12px}.spotlight-trigger{display:flex;align-items:center;gap:10px;padding:7px 16px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal);min-width:260px}.spotlight-trigger:hover{border-color:var(--border-active);background:var(--bg-glass-hover);color:var(--text-secondary);box-shadow:var(--shadow-glow)}.spotlight-trigger svg{width:15px;height:15px;opacity:.5}.spotlight-trigger .shortcut{margin-left:auto;display:flex;gap:4px}.shortcut kbd{padding:2px 6px;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-sans);font-size:.7rem;color:var(--text-muted)}.view-toggle{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.view-toggle-btn{padding:6px 14px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.78rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-normal)}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.view-toggle-btn svg{width:14px;height:14px}.header-icon-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative}.header-icon-btn:hover{border-color:var(--border-active);color:var(--accent-cyan);box-shadow:var(--shadow-glow)}.header-icon-btn svg{width:16px;height:16px}.notification-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--accent-red);border-radius:50%;border:1.5px solid var(--bg-primary)}.main-content{flex:1;position:relative;overflow:hidden}.map-container{width:100%;height:100%;position:relative}.map-container .leaflet-container{width:100%;height:100%;background:var(--bg-primary)}.leaflet-tile-pane{filter:brightness(.4) contrast(1.2) saturate(.3) hue-rotate(180deg)}.leaflet-control-zoom{border:none!important}.leaflet-control-zoom a{background:var(--bg-glass)!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:32px!important;height:32px!important;line-height:32px!important;font-size:16px!important}.leaflet-control-zoom a:hover{background:var(--bg-glass-hover)!important;border-color:var(--border-active)!important}.factory-svg-tooltip{background:var(--bg-glass)!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;border-radius:4px!important;font-family:var(--font-sans)!important;font-size:.75rem!important;font-weight:600!important;padding:4px 8px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 4px 12px #00000080!important;white-space:nowrap!important}.leaflet-tooltip-top.factory-svg-tooltip:before{border-top-color:var(--border-subtle)!important}.factory-marker:hover .factory-marker-label,.factory-marker.active .factory-marker-label{opacity:1}.factory-marker.active .factory-marker-dot{transform:scale(1.5);box-shadow:0 0 24px #00d4ffe6;border-color:var(--accent-cyan)}.factory-marker-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid var(--accent-cyan);opacity:0;animation:markerPulse 2s ease-out infinite}.factory-marker.active .factory-marker-pulse{animation:markerPulse 1.5s ease-out infinite}@keyframes markerPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}.leaflet-popup-content-wrapper{background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important;color:var(--text-primary)!important;padding:0!important}.leaflet-popup-content{margin:0!important;font-family:var(--font-sans)!important;font-size:.82rem!important;line-height:1.5!important}.leaflet-popup-tip{background:var(--bg-glass)!important;border:1px solid var(--border-glass)!important}.leaflet-popup-close-button{color:var(--text-muted)!important;font-size:18px!important;top:6px!important;right:8px!important}.leaflet-popup-close-button:hover{color:var(--accent-cyan)!important}.popup-content{padding:14px 16px;min-width:240px}.popup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.popup-sector-badge{padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.popup-factory-name{font-weight:700;font-size:.92rem;color:var(--text-primary)}.popup-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.popup-detail-row{display:flex;align-items:flex-start;gap:8px;font-size:.78rem}.popup-detail-label{color:var(--text-muted);white-space:nowrap;min-width:60px}.popup-detail-value{color:var(--text-secondary)}.popup-action-btn{width:100%;padding:8px;background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);font-family:var(--font-sans);font-weight:600;font-size:.78rem;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:6px}.popup-action-btn:hover{background:var(--accent-cyan);color:var(--bg-primary)}.network-container{width:100%;height:100%;background:var(--bg-primary);position:relative}.vis-tooltip{position:absolute;visibility:hidden;padding:8px!important;font-family:var(--font-sans)!important;font-size:13px!important;color:var(--text-primary)!important;background-color:var(--bg-glass)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border-glass)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important;pointer-events:none;z-index:1000!important;white-space:nowrap}.map-overlay-stats{position:absolute;top:16px;left:16px;z-index:500;display:flex;gap:8px}.map-stat-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:20px;font-size:.72rem;color:var(--text-secondary)}.map-stat-pill .stat-dot{width:6px;height:6px;border-radius:50%}.map-stat-pill .stat-value{font-weight:700;color:var(--text-primary)}.map-legend{position:absolute;bottom:20px;left:16px;z-index:500;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;min-width:160px}.map-legend h4{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.legend-item{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:.75rem;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.forecast-panel{width:var(--panel-width);height:100%;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:transform var(--transition-smooth),width var(--transition-smooth);overflow:hidden;position:relative;z-index:50}.forecast-panel.collapsed{width:0;transform:translate(100%)}.forecast-panel:before{content:"";position:absolute;top:0;left:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--accent-cyan-dim),transparent,var(--accent-cyan-dim))}.panel-toggle-btn{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:28px;height:56px;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:51}.panel-toggle-btn:hover{background:var(--bg-glass-hover);color:var(--accent-cyan);border-color:var(--border-active)}.panel-toggle-btn svg{width:14px;height:14px;transition:transform var(--transition-normal)}.forecast-panel.collapsed .panel-toggle-btn svg{transform:rotate(180deg)}.panel-header{padding:16px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-header-left{display:flex;align-items:center;gap:10px}.panel-header-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-cyan-dim);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan)}.panel-header-icon svg{width:14px;height:14px}.panel-title{font-size:.92rem;font-weight:700;color:var(--text-primary)}.panel-subtitle{font-size:.7rem;color:var(--text-muted)}.panel-selectors{padding:14px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.selector-group{display:flex;flex-direction:column;gap:4px}.selector-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.selector-dropdown{width:100%;padding:8px 30px 8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.82rem;cursor:pointer;transition:all var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238892a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.selector-dropdown:hover,.selector-dropdown:focus{border-color:var(--border-active);outline:none;box-shadow:0 0 0 2px var(--accent-cyan-dim)}.selector-dropdown option{background:var(--bg-secondary);color:var(--text-primary)}.panel-content{flex:1;overflow-y:auto;padding:18px}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.kpi-card{background:var(--gradient-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;transition:all var(--transition-normal)}.kpi-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.kpi-card-label{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-card-icon{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center}.kpi-card-icon svg{width:12px;height:12px}.kpi-card-value{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}.kpi-card-sub{font-size:.68rem;color:var(--text-muted)}.kpi-card-trend{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;padding:1px 5px;border-radius:3px}.kpi-card-trend.up{color:var(--accent-green);background:var(--accent-green-dim)}.kpi-card-trend.down{color:var(--accent-red);background:var(--accent-red-dim)}.kpi-card-trend.neutral{color:var(--accent-yellow);background:var(--accent-yellow-dim)}.chart-section{margin-bottom:18px}.chart-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-section-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.chart-legend-hints{display:flex;gap:12px}.chart-legend-hint{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--text-muted)}.chart-legend-line{width:16px;height:2px;border-radius:1px}.chart-legend-line.dashed{background:none;border-top:2px dashed}.chart-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;position:relative;height:240px}.chart-wrapper canvas{width:100%!important;height:100%!important}.chart-scroll-hint{position:absolute;bottom:4px;right:12px;font-size:.62rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;opacity:.7}.stock-gauge-section{margin-bottom:18px}.stock-gauge-header{font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.stock-gauge{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.stock-gauge-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:8px;overflow:hidden}.stock-gauge-bar{height:100%;border-radius:4px;transition:width var(--transition-smooth);background:var(--gradient-brand)}.stock-gauge-bar.warning{background:linear-gradient(90deg,var(--accent-yellow),var(--accent-orange))}.stock-gauge-bar.critical{background:linear-gradient(90deg,var(--accent-orange),var(--accent-red))}.stock-gauge-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.stock-gauge-labels span:last-child{color:var(--text-secondary);font-weight:600}.spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.spotlight-overlay.active{opacity:1;visibility:visible}.spotlight-container{width:640px;max-width:90vw;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow-strong);overflow:hidden;transform:translateY(-20px) scale(.97);transition:transform var(--transition-smooth)}.spotlight-overlay.active .spotlight-container{transform:translateY(0) scale(1)}.spotlight-input-area{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle);gap:12px}.spotlight-input-area svg{width:20px;height:20px;color:var(--accent-cyan);flex-shrink:0}.spotlight-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;font-weight:400}.spotlight-input::placeholder{color:var(--text-muted)}.spotlight-context-badge{padding:4px 10px;background:var(--accent-cyan-dim);border:1px solid rgba(0,212,255,.2);border-radius:20px;font-size:.68rem;color:var(--accent-cyan);font-weight:600;white-space:nowrap}.spotlight-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.spotlight-close-btn:hover{color:var(--text-secondary)}.spotlight-close-btn kbd{padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;font-family:var(--font-sans);font-size:.68rem;color:var(--text-muted)}.spotlight-results{max-height:400px;overflow-y:auto;padding:8px}.spotlight-section-label{padding:8px 12px 4px;font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.spotlight-result-item{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background var(--transition-fast)}.spotlight-result-item:hover{background:var(--accent-cyan-dim)}.spotlight-result-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spotlight-result-icon svg{width:14px;height:14px}.spotlight-result-text{flex:1}.spotlight-result-title{font-size:.82rem;font-weight:500;color:var(--text-primary)}.spotlight-result-desc{font-size:.7rem;color:var(--text-muted)}.spotlight-chat{padding:12px 16px;max-height:350px;overflow-y:auto}.spotlight-message{margin-bottom:12px;display:flex;gap:10px}.spotlight-message.user{justify-content:flex-end}.spotlight-message-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;font-weight:700}.spotlight-message-avatar.ai{background:var(--gradient-brand);color:var(--bg-primary)}.spotlight-message-avatar.user{background:var(--bg-tertiary);color:var(--text-secondary)}.spotlight-message-bubble{max-width:80%;padding:10px 14px;border-radius:var(--radius-md);font-size:.82rem;line-height:1.6}.spotlight-markdown p{margin-bottom:.5em}.spotlight-markdown p:last-child{margin-bottom:0}.spotlight-markdown ul,.spotlight-markdown ol{margin-left:1.2em;margin-bottom:.5em}.spotlight-markdown li{margin-bottom:.25em}.spotlight-markdown strong{color:var(--accent-cyan)}.spotlight-markdown code{background:#00d4ff1a;padding:1px 4px;border-radius:3px;font-family:var(--font-mono);font-size:.85em}.spotlight-message.ai .spotlight-message-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary)}.spotlight-message.user .spotlight-message-bubble{background:var(--accent-cyan-dim);border:1px solid rgba(0,212,255,.2);color:var(--text-primary)}.spotlight-typing{display:flex;gap:4px;padding:8px 14px}.spotlight-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.spotlight-typing span:nth-child(2){animation-delay:.2s}.spotlight-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.spotlight-footer{padding:10px 16px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--text-muted)}.spotlight-footer-hints{display:flex;gap:12px}.spotlight-footer-hint{display:flex;align-items:center;gap:4px}.spotlight-footer-hint kbd{padding:1px 5px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:3px;font-family:var(--font-sans);font-size:.62rem}.status-bar{height:28px;background:var(--bg-glass);border-top:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;gap:24px;font-size:.68rem;color:var(--text-muted);flex-shrink:0}.status-item{display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green)}.status-dot.warning{background:var(--accent-yellow)}.sector-kimia{--sector-color: #00d4ff}.sector-agribisnis{--sector-color: #00f5a0}.sector-tambang{--sector-color: #f97316}.sector-fb{--sector-color: #fbbf24}.sector-peleburan{--sector-color: #ef4444}.sector-kertas{--sector-color: #8b5cf6}.sector-manufaktur{--sector-color: #6366f1}.sector-bangunan{--sector-color: #78716c}.sector-migas{--sector-color: #14b8a6}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent-cyan-dim)}50%{box-shadow:0 0 16px var(--accent-cyan-glow)}}.animate-fade-in{animation:fadeIn var(--transition-smooth) ease forwards}.animate-slide-right{animation:slideInRight var(--transition-smooth) ease forwards}.leaflet-overlay-pane svg path.flow-edge{stroke-dasharray:8 4;animation:flowDash 1.5s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-12}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-cyan-dim);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-cyan)}.empty-state-icon svg{width:22px;height:22px}.empty-state h3{font-size:.92rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-state p{font-size:.78rem;color:var(--text-muted);max-width:280px;line-height:1.5}@media(max-width:1200px){.forecast-panel{--panel-width: 360px}}@media(max-width:900px){.forecast-panel{position:absolute;right:0;top:0;--panel-width: 100%;max-width:420px;z-index:100;box-shadow:var(--shadow-lg)}.map-overlay-stats{flex-wrap:wrap}.spotlight-trigger{min-width:44px}.spotlight-trigger .trigger-text,.spotlight-trigger .shortcut{display:none}}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:14px 24px;z-index:100;position:relative;flex-shrink:0}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan-dim),transparent)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.footer-competition{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.footer-badge{display:inline-block;padding:3px 10px;background:var(--accent-cyan-dim);border:1px solid rgba(0,212,255,.25);border-radius:20px;font-size:.65rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.footer-theme{font-size:.72rem;color:var(--text-secondary);font-weight:500;font-style:italic}.footer-separator{width:60px;height:1px;background:var(--border-subtle)}.footer-team{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:.72rem;color:var(--text-secondary)}.footer-team strong{color:var(--text-primary)}.footer-divider{color:var(--text-muted);font-size:.6rem}.footer-advisor{color:var(--accent-green);font-weight:500}.footer-institution{font-size:.65rem;color:var(--text-muted);letter-spacing:.3px}