@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark: #070a12;--bg-panel: rgba(15, 23, 42, .75);--bg-card: rgba(30, 41, 59, .55);--bg-card-hover: rgba(51, 65, 85, .7);--border-color: rgba(255, 255, 255, .14);--border-glass: rgba(255, 255, 255, .22);--border-accent: rgba(16, 185, 129, .45);--color-primary: #10b981;--color-primary-glow: rgba(16, 185, 129, .4);--color-gold: #f59e0b;--color-cyan: #06b6d4;--color-danger: #f43f5e;--color-text-main: #f8fafc;--color-text-muted: #cbd5e1;--color-text-dim: #94a3b8;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-micro: .6875rem;--fs-caption: .75rem;--fs-body: .8125rem;--fs-base: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-data: 1.0625rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--elev-1: 0 1px 2px rgba(0, 0, 0, .32);--elev-2: 0 4px 16px rgba(0, 0, 0, .4);--elev-3: 0 12px 40px rgba(0, 0, 0, .55);--hairline: inset 0 1px 0 rgba(255, 255, 255, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--glass-blur: blur(20px) saturate(140%);--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .24s;--header-h: 60px;--tabstrip-h: 0px;--sidebar-w: 380px;--tap: 44px}.icon{flex:none;display:block;vertical-align:middle}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html,body{height:100%;width:100%;overflow:hidden;font-family:var(--font-main);background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 15%,rgba(16,185,129,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(245,158,11,.05) 0%,transparent 60%);color:var(--color-text-main);-webkit-font-smoothing:antialiased}#root{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::-webkit-scrollbar-track{background:transparent}.gdm-map-app{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;background:var(--bg-dark)}.app-header{height:var(--header-h);background:#0f172ab8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--elev-2);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));z-index:1000;flex-shrink:0;position:relative}.app-header>.nav-tabs{flex:1 1 auto;min-width:0}.app-header:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5),transparent 70%)}.header-brand{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.brand-badge{background:#10b98124;color:#6ee7b7;font-size:var(--fs-micro);font-weight:var(--fw-semibold);padding:4px 9px;border-radius:var(--radius-sm);letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(16,185,129,.3);white-space:nowrap}.brand-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-subtitle{font-size:var(--fs-caption);color:var(--color-text-dim);font-weight:var(--fw-medium);padding-left:10px;border-left:1px solid rgba(255,255,255,.14);white-space:nowrap}.nav-tabs{display:flex;align-items:center;gap:2px;background:#0f172a80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;min-width:0}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs .nav-tab-btn{scroll-snap-align:center}.nav-tab-btn{background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-family:var(--font-main);font-size:var(--fs-body);font-weight:var(--fw-medium);padding:7px 14px;border-radius:var(--radius-md);cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease);display:flex;align-items:center;gap:7px;position:relative;flex:none;white-space:nowrap}.nav-tab-btn .icon{opacity:.75}.nav-tab-btn.active .icon,.nav-tab-btn:hover .icon{opacity:1}.nav-tab-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.nav-tab-btn.active{background:#10b98129;color:#6ee7b7;border-color:#10b98180;box-shadow:none}.nav-tab-btn.active:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--color-primary)}.header-right{display:flex;align-items:center;gap:16px}.live-clock{font-family:var(--font-mono);font-size:12px;color:var(--color-cyan);background:#06b6d41a;padding:4px 10px;border-radius:6px;border:1px solid rgba(6,182,212,.2);display:flex;align-items:center;gap:6px}.live-indicator{width:7px;height:7px;background-color:var(--color-primary);border-radius:50%;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.app-body{display:flex;flex:1;position:relative;overflow:hidden}.main-container{flex:1;position:relative;height:100%;width:100%;background:#000}gmp-map-3d{width:100%;height:100%;display:block}.kpi-ticker-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:12px;z-index:100;pointer-events:none;overflow-x:auto;padding-bottom:4px}.kpi-card{pointer-events:auto;background:#0f172ab3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:10px;min-width:150px;flex:none;box-shadow:var(--elev-2),var(--hairline);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);position:relative}.kpi-card:hover{border-color:#ffffff47;box-shadow:var(--elev-3),var(--hairline)}.kpi-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex:none}.kpi-icon.emerald{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.kpi-icon.gold{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.kpi-icon.cyan{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.kpi-icon.rose{background:#f43f5e33;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.kpi-label{font-size:var(--fs-micro);color:var(--color-text-dim);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.kpi-value{font-size:var(--fs-data);font-weight:var(--fw-bold);color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}.marker-filter-overlay{position:absolute;top:76px;left:16px;z-index:100;display:flex;gap:8px;background:#0f172aa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #00000073,inset 0 1px 1px #fff3}.filter-btn{background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-family:var(--font-main);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.filter-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.filter-btn.active{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 15px #ffffff26,inset 0 1px 1px #ffffff4d}.marker-detail-card{position:absolute;bottom:24px;left:16px;width:320px;background:#0f172ac7;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:18px;z-index:120;box-shadow:0 16px 48px #0009,inset 0 1px 1px #ffffff59;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.marker-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.marker-detail-title{font-size:15px;font-weight:700;color:#fff}.marker-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px}.scrolltelling-deck{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(580px,calc(100% - 32px));max-height:calc(100% - 120px);overflow-y:auto;overscroll-behavior:contain;background:#0f172ad9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:18px 22px;z-index:180;box-shadow:var(--elev-3),var(--hairline)}.floating-time-bar{position:absolute;top:76px;right:16px;z-index:120;background:#0f172ac7;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 14px;box-shadow:0 10px 36px #0000008c,inset 0 1px 1px #ffffff40;display:flex;flex-direction:column;gap:8px;width:320px;max-width:calc(100vw - 32px);transition:all .3s ease}.floating-time-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-top-left-radius:14px;border-top-right-radius:14px;background:linear-gradient(90deg,#f59e0b,#06b6d4,#f43f5e)}.scrolltelling-deck:before{content:"";position:absolute;top:0;left:0;width:var(--tour-progress, 0%);height:2px;background:var(--color-primary);border-radius:0 2px 2px 0;transition:width var(--dur) var(--ease)}.scroll-deck-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chapter-step-tag{font-size:11px;font-weight:800;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px}.scroll-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;letter-spacing:-.4px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.scroll-subtitle{font-size:13px;color:var(--color-primary);font-weight:700;margin-bottom:12px}.scroll-desc{font-size:13.5px;line-height:1.6;color:var(--color-text-muted);margin-bottom:16px}.scroll-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;background:#0f172a73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 1px #ffffff26}.scroll-stat-item{text-align:center}.scroll-stat-value{font-size:15px;font-weight:700;color:var(--color-cyan);font-family:var(--font-mono)}.scroll-stat-label{font-size:11px;color:var(--color-text-dim)}.scroll-controls{display:flex;align-items:center;justify-content:space-between}.scroll-btn{background:#1e293ba6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-main);font-size:13px;font-weight:700;padding:8px 18px;border-radius:10px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px 1px #fff3}.scroll-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#fff6;box-shadow:0 0 20px #10b98166,inset 0 1px 1px #fff6}.scroll-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .25s ease}.dot.active{background:var(--color-primary);transform:scale(1.35);box-shadow:0 0 12px var(--color-primary-glow),inset 0 1px 1px #fff}.sidebar{width:var(--sidebar-w);min-width:0;max-width:440px;height:100%;background:#0f172ac7;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid rgba(255,255,255,.1);box-shadow:var(--elev-3);display:flex;flex-direction:column;z-index:200;flex-shrink:0;padding-right:env(safe-area-inset-right)}.sidebar-scrim{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#02061799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:190;border:0;padding:0;cursor:pointer}.sidebar-handle{display:none}.sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.15);background:#0f172a66;display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:15px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}.sidebar-content{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.panel-card{background:#1e293b73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px;box-shadow:0 8px 24px #0000004d,inset 0 1px 1px #fff3;transition:all .25s ease;position:relative;overflow:hidden}.panel-card:hover{border-color:#ffffff40;box-shadow:0 12px 32px #0006,inset 0 1px 1px #ffffff4d}.panel-card-title{font-size:14px;font-weight:800;color:#fff;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.form-group{margin-bottom:12px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:6px}.form-select,.form-input{width:100%;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-main);font-size:13px;padding:10px 12px;border-radius:10px;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000004d}.form-select:focus,.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 12px #10b9814d,inset 0 1px 2px #0000004d}.btn-primary{width:100%;background:var(--color-primary);color:#04231a;border:1px solid transparent;font-family:var(--font-main);font-size:var(--fs-body);font-weight:var(--fw-bold);padding:11px 16px;border-radius:var(--radius-md);cursor:pointer;transition:filter var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--elev-1);position:relative}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--elev-2)}.btn-primary:active{filter:brightness(.95)}.btn-secondary{width:100%;background:#3341558c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.18);font-family:var(--font-main);font-size:13px;font-weight:700;padding:9px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 1px #fff3}.btn-secondary:hover{background:#475569bf;border-color:#ffffff4d}.btn-secondary.active{background:linear-gradient(135deg,#10b981d9,#059669f2);border-color:#fff6;color:#fff;box-shadow:0 0 15px #10b98166,inset 0 1px 1px #fff6}.time-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(90deg,#f59e0b,#38bdf8 45%,#f43f5e 75%,#6366f1);border-radius:999px;outline:none;box-shadow:inset 0 1px 3px #0009,0 0 10px #f59e0b4d}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2.5px solid #10b981;cursor:pointer;box-shadow:0 0 14px #10b981cc,inset 0 1px 1px #ffffffe6;transition:transform .2s ease}.time-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff40}.badge-critical{background:#f43f5e40;color:#fda4af;border:1px solid rgba(244,63,94,.5)}.badge-warning{background:#f59e0b40;color:#fde047;border:1px solid rgba(245,158,11,.5)}.badge-info{background:#06b6d440;color:#67e8f9;border:1px solid rgba(6,182,212,.5)}.badge-success{background:#10b98140;color:#6ee7b7;border:1px solid rgba(16,185,129,.5)}.badge-gold{background:#f59e0b40;color:#fbbf24;border:1px solid rgba(245,158,11,.5)}.list-item-card{background:#0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.list-item-card:hover{border-color:#10b98199;background:#152238b3;transform:translateY(-2px);box-shadow:0 6px 20px #00000059,inset 0 1px 1px #ffffff40}.list-item-card.selected{border-color:#10b981;box-shadow:0 0 20px #10b98166,inset 0 1px 2px #ffffff59;background:linear-gradient(135deg,#172a45cc,#0f172ad9)}.list-item-card.selected:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#06b6d4)}.item-card-title{font-size:13.5px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.item-card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.45}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.turn{display:flex;flex-direction:column;gap:6px;max-width:90%;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.5;box-shadow:0 4px 16px #00000040}.role-user{align-self:flex-end;background:linear-gradient(135deg,#10b981e6,#059669f2);color:#fff;border-bottom-right-radius:2px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #10b98159,inset 0 1px 1px #fff6}.role-assistant{align-self:flex-start;background:#1e293b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-text-main);border:1px solid rgba(255,255,255,.16);border-bottom-left-radius:2px;box-shadow:inset 0 1px 1px #fff3}.role-error{align-self:center;background:#f43f5e33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fda4af;border:1px solid rgba(244,63,94,.4);text-align:center}.footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.15);background:#0f172a99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#inputArea{display:flex;gap:8px}#messageInput{flex:1;background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#fff;padding:10px 14px;border-radius:10px;font-family:var(--font-main);font-size:13px;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 2px #0000004d}#messageInput:focus{border-color:var(--color-primary);box-shadow:0 0 15px #10b98159,inset 0 1px 2px #0000004d}#sendButton{background:linear-gradient(135deg,#10b981e6,#059669f2);color:#fff;border:1px solid rgba(255,255,255,.3);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px var(--color-primary-glow),inset 0 1px 1px #fff6}#sendButton:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.05)}#sendButton.disabled{opacity:.5;cursor:not-allowed}.map-error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172af2;border:1px solid var(--color-danger);padding:24px;border-radius:16px;max-width:480px;text-align:center;z-index:9999;box-shadow:0 20px 50px #000c}.three-viewport-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#0a0f1d;overflow:hidden}.three-viewport-container.overlay-mode{background:transparent!important;pointer-events:none}.three-viewport-container.overlay-mode canvas{pointer-events:auto}.three-viewport-container.studio-mode{background:#0a0f1d;pointer-events:auto}.hazard-pill{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.hazard-pill.low{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}.hazard-pill.medium{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.hazard-pill.high{background:#f43f5e33;color:#fb7185;border:1px solid rgba(244,63,94,.4)}.progress-bar-container{width:100%;height:6px;background:#0f172acc;border-radius:999px;overflow:hidden;margin-top:6px;border:1px solid rgba(255,255,255,.1)}.progress-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.three-hud-overlay{position:absolute;top:75px;left:20px;z-index:20;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:auto}.three-view-switcher{position:absolute;top:75px;right:20px;z-index:20;display:flex;background:#0f172abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:4px;gap:4px;box-shadow:0 8px 32px #0006}.three-view-btn{background:transparent;border:none;color:var(--color-text-muted);padding:6px 12px;font-size:11px;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.three-view-btn:hover{color:#fff;background:#ffffff14}.three-view-btn.active{background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff;box-shadow:0 0 12px #10b98159}.three-hud-panel{background:#0f172abf;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;box-shadow:0 10px 40px #00000080,inset 0 1px 1px #fff3}.three-camera-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.three-preset-btn{background:#1e293b99;border:1px solid rgba(255,255,255,.14);color:var(--color-text-muted);padding:6px 8px;font-size:10px;font-weight:700;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.three-preset-btn:hover{background:#334155cc;color:#fff;border-color:#ffffff4d;transform:translateY(-1px)}.three-preset-btn.active{background:#0ea5e94d;color:#38bdf8;border-color:#38bdf8}.three-theme-btn{flex:1;background:#1e293b80;border:1px solid rgba(255,255,255,.12);color:var(--color-text-dim);padding:6px 8px;font-size:11px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.three-theme-btn:hover{color:#fff;background:#334155b3}.three-theme-btn.active{background:linear-gradient(135deg,#06b6d4d9,#0ea5e9e6);color:#fff;border-color:#ffffff4d;box-shadow:0 0 15px #06b6d466}.three-layer-toggle{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.three-layer-toggle:last-child{border-bottom:none}.three-layer-toggle input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.three-hover-pill{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);padding:8px 18px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;pointer-events:none;box-shadow:0 10px 30px #0009;z-index:25}.vision-gallery-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}.vision-card{position:relative;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.vision-card:hover{transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 12px 28px #0ea5e940}.vision-card-thumb-wrap{position:relative;width:100%;height:140px;overflow:hidden;background:#090d16}.vision-card-thumb{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.vision-card:hover .vision-card-thumb{transform:scale(1.06)}.vision-card-category-badge{position:absolute;top:8px;left:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#38bdf8;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.vision-card-target-badge{position:absolute;bottom:8px;right:8px;background:#10b981d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;font-family:var(--font-mono)}.vision-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.vision-card-title{font-size:13px;font-weight:800;color:#fff;line-height:1.3}.vision-card-arabic{font-size:11px;color:#94a3b8;direction:rtl;text-align:right;font-family:system-ui,-apple-system,sans-serif}.vision-card-subtitle{font-size:11px;color:#cbd5e1;line-height:1.4;margin-top:2px}.vision-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040813d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease-out}.vision-modal-window{position:relative;background:linear-gradient(145deg,#0f172a,#090d16);border:1px solid rgba(255,255,255,.18);border-radius:16px;width:100%;max-width:1050px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 40px #0ea5e933}.vision-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172af2}.vision-modal-body{display:grid;grid-template-columns:1.25fr 1fr;overflow-y:auto;flex:1}@media(max-width:860px){.vision-modal-body{grid-template-columns:1fr}}.vision-modal-media-pane{position:relative;background:#020617;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-right:1px solid rgba(255,255,255,.08)}.vision-modal-img{width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:10px;box-shadow:0 10px 30px #0009;border:1px solid rgba(255,255,255,.15)}.vision-modal-info-pane{padding:20px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.vision-pillar-pill{display:inline-flex;align-items:center;gap:4px;background:#0ea5e926;border:1px solid rgba(14,165,233,.35);color:#38bdf8;font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px}.vision-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vision-metric-box{background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px}.vision-metric-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.vision-metric-val{font-size:13px;font-weight:800;color:#fff;margin-top:2px;font-family:var(--font-mono)}.vision-nav-controls{display:flex;align-items:center;gap:8px}.vision-nav-btn{background:#1e293bcc;border:1px solid rgba(255,255,255,.15);color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.vision-nav-btn:hover{background:#0ea5e966;border-color:#38bdf8}.three-building-card{background:#1e293b99;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .25s ease}.three-building-card:hover{background:#334155b3;border-color:#ffffff40;transform:translateY(-2px)}.three-building-card.active{background:#10b98133;border-color:var(--color-primary);box-shadow:0 0 15px #10b98140}.phase-pill{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.phase-pill.phase1{background:#10b98140;color:#34d399;border:1px solid rgba(16,185,129,.4)}.phase-pill.phase2{background:#f59e0b40;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.phase-pill.phase3{background:#0ea5e940;color:#38bdf8;border:1px solid rgba(14,165,233,.4)}.phase-pill.vision{background:#a855f740;color:#c084fc;border:1px solid rgba(168,85,247,.4)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-action{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;background:#1e293b99;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-main);font-size:var(--fs-caption);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.header-action:hover{color:#fff;background:#334155bf;border-color:#ffffff38}.header-action .count{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-dim);padding-left:5px;border-left:1px solid rgba(255,255,255,.14)}.live-clock{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.kpi-body{min-width:0}.kpi-unit{font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--color-text-dim);margin-left:3px}.section-label{display:block;font-size:var(--fs-micro);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);margin-bottom:8px}.hud-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.hud-panel-head .section-label{margin-bottom:0}.hud-panel-head+.three-theme-row{margin-top:8px}.three-theme-row{display:flex;gap:4px}.time-bar-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.time-bar-clock{display:flex;align-items:center;gap:6px;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:#fff;font-variant-numeric:tabular-nums}.time-bar-phase{font-size:var(--fs-micro);font-weight:var(--fw-medium);color:var(--color-gold);white-space:nowrap}.time-slider-row{display:flex;align-items:center;gap:8px;color:var(--color-text-dim)}.time-slider-row .time-slider{flex:1;min-width:0}.time-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.time-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;background:#1e293b8c;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-main);font-size:var(--fs-micro);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.time-preset:hover{color:#fff;background:#334155b3}.time-preset.active{color:var(--color-gold);background:#f59e0b24;border-color:#f59e0b73}.env-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sidebar-title{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex:none;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.sidebar-close:hover{color:#fff;border-color:#ffffff47}@media(max-width:1200px){.sidebar-close{display:inline-flex}}.filter-btn,.scroll-btn,.btn-secondary,.three-view-btn,.three-preset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.three-preset-btn{gap:5px}.filter-count{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-medium);opacity:.6}.filter-btn.active .filter-count{opacity:.85}.three-layer-toggle span{color:var(--color-text-muted);font-size:var(--fs-caption)}.three-hover-pill{font-family:var(--font-mono);font-size:var(--fs-caption)}@media(hover:none){.kpi-card:hover,.panel-card:hover,.three-building-card:hover{transform:none}}.panel-toggle{display:none;align-items:center;justify-content:center;gap:6px;min-width:var(--tap);min-height:36px;padding:0 10px;background:#1e293bb3;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);color:var(--color-text-main);font-family:var(--font-main);font-size:var(--fs-caption);font-weight:var(--fw-semibold);cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.panel-toggle:hover{background:#334155cc;border-color:#ffffff3d}@media(max-width:1400px){:root{--sidebar-w: 340px}.brand-subtitle{display:none}}@media(max-width:1200px){.brand-badge{display:none}.panel-toggle{display:inline-flex}.app-body{position:relative}.sidebar{position:absolute;top:0;right:0;bottom:0;width:min(380px,86vw);max-width:none;transform:translate(101%);transition:transform var(--dur) var(--ease);will-change:transform;box-shadow:var(--elev-3)}.sidebar.is-open{transform:translate(0)}.sidebar-scrim.is-visible{display:block}.scrolltelling-deck{width:min(580px,calc(100% - 32px))}}@media(max-width:900px){:root{--tabstrip-h: 48px}.app-header{height:auto;min-height:0;flex-wrap:wrap;align-items:center;row-gap:6px;padding-top:9px;padding-bottom:0}.app-header>.nav-tabs{order:3;flex-basis:100%;width:100%;height:var(--tabstrip-h);margin:0 -16px;padding:4px 16px;border-radius:0;border-left:0;border-right:0;border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-overflow-scrolling:touch}.header-right{gap:8px}.three-view-switcher{top:auto;bottom:16px;right:16px}.three-hud-overlay{max-width:min(380px,calc(100% - 40px));max-height:calc(100% - 180px);overflow-y:auto;overscroll-behavior:contain}.floating-time-bar{top:auto;bottom:16px;right:16px;width:min(320px,calc(100% - 32px))}}@media(max-width:720px){:root{--header-h: 52px}.brand-title{font-size:var(--fs-base)}.live-clock{font-size:var(--fs-micro);padding:4px 8px}.panel-toggle .label{display:none}.kpi-ticker-bar{top:12px;left:0;right:0;gap:8px;padding:0 12px 4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kpi-ticker-bar::-webkit-scrollbar{display:none}.kpi-card{min-width:138px;scroll-snap-align:start;padding:7px 12px}.marker-filter-overlay{top:auto;bottom:12px;left:0;right:0;border-radius:0;border-left:0;border-right:0;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.marker-filter-overlay::-webkit-scrollbar{display:none}.sidebar{top:auto;left:0;right:0;bottom:0;width:100%;height:auto;max-height:72dvh;transform:translateY(100%);border-left:0;border-top:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom)}.sidebar.is-open{transform:translateY(0)}.sidebar-handle{display:block;width:36px;height:4px;margin:8px auto 0;border-radius:999px;background:#ffffff47;flex:none}.sidebar-header{padding:10px 16px 12px}.sidebar-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scrolltelling-deck{left:0;right:0;bottom:0;transform:none;width:100%;max-height:46dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:0;border-right:0;border-bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.three-hud-overlay{top:auto;bottom:68px;left:12px;right:12px;max-width:none;max-height:40dvh}.three-view-switcher{top:12px;right:12px;bottom:auto}.three-camera-presets{grid-template-columns:repeat(2,1fr)}.floating-time-bar{left:12px;right:12px;bottom:12px;width:auto}.nav-tab-btn,.three-view-btn,.three-preset-btn,.three-theme-btn,.filter-btn,.filter-chip,.vision-nav-btn,.marker-close-btn,.sidebar-close,.btn-primary,.btn-secondary,.scroll-btn,.time-preset,.header-action,.panel-toggle{min-height:var(--tap)}.sidebar-close{width:var(--tap)}.time-slider{height:var(--tap);padding:18px 0;background-clip:content-box;box-shadow:none}.time-slider::-webkit-slider-thumb{width:22px;height:22px}.time-slider::-moz-range-thumb{width:22px;height:22px}.vision-modal-overlay{padding:0}.vision-modal-window{max-height:100dvh;height:100dvh;border-radius:0;border:0}.vision-modal-img{max-height:40dvh}.vision-metric-grid{grid-template-columns:1fr}}@media(max-width:420px){.app-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.app-header>.nav-tabs{margin:0 -12px;padding:4px 12px}.brand-title{font-size:var(--fs-body)}.live-clock .clock-label{display:none}.kpi-card{min-width:124px}.three-camera-presets{grid-template-columns:1fr}}@media(max-height:520px)and (orientation:landscape){.sidebar{max-height:100dvh;top:0;left:auto;width:min(340px,70vw);height:100%;transform:translate(101%);border-radius:0;border-left:1px solid rgba(255,255,255,.14);border-top:0}.sidebar.is-open{transform:translate(0)}.sidebar-handle{display:none}.scrolltelling-deck{max-height:62dvh}.kpi-ticker-bar{top:8px}}.three-loading-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;padding:10px 16px;background:#0f172ad9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);box-shadow:var(--elev-2);color:var(--color-text-muted);font-size:var(--fs-body);font-weight:var(--fw-medium)}.three-loading-note.error{color:#fda4af;border-color:#f43f5e66}button[disabled],.btn-primary[disabled],.header-action[disabled]{opacity:.55;cursor:not-allowed;filter:none}