@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{color-scheme:light;--bg:#FFFFFF;--surface:#F5F7FA;--surface2:#EBF0F6;--text:#1a1a1a;--text-secondary:#5a5a5a;--muted:#8B92A0;--muted2:#6B7280;--border:#E0E4E8;--border2:#D5D9DF;--brand:#7C3AED;--brand-light:#F3E8FF;--cyan:#C350E7;--green:#22C55E;--red:#EF4444;--red-dim:rgba(239,68,68,0.1);--orange:#F97316;--yellow:#EAB308;--purple:#8B5CF6;--indigo:#6366F1;--blue:#3B82F6;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#07101F;--surface:#0d1829;--surface2:#111D2D;--text:#E8EAED;--text-secondary:#B4BCCC;--muted:#9CA3AF;--muted2:#6B7280;--border:#1F2937;--border2:#2D3748;--brand-light:rgba(124,58,237,0.15);--red-dim:rgba(239,68,68,0.15)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;transition:background-color .2s,color .2s}.shell{display:flex;height:100vh;overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);gap:20px;padding:0 20px;z-index:100}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;flex-shrink:0;min-width:200px}.brand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.brand-name{font-weight:700;font-size:13px;letter-spacing:-.3px}.brand-name b{display:block;font-size:14px}.brand-name span{font-size:11px;color:var(--muted);font-weight:500}.topbar-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0 12px;max-width:500px;margin:0 auto}.topbar-search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;padding:8px 0}.topbar-search input::-moz-placeholder{color:var(--muted)}.topbar-search input::placeholder{color:var(--muted)}.topbar-right{gap:16px;flex-shrink:0}.sim-badge,.topbar-right{display:flex;align-items:center}.sim-badge{gap:5px;font-size:11px;color:var(--muted);font-weight:500}.dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes chat-spin{to{transform:rotate(1turn)}}.chat-spinner{border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%}.chat-spinner,.spinner-on-brand{display:inline-block;width:10px;height:10px;animation:chat-spin .7s linear infinite}.spinner-on-brand{border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%}.map-loading-spinner{display:inline-block;width:34px;height:34px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:chat-spin .8s linear infinite}.copilot-overlay{position:fixed;top:58px;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100vw - 32px);z-index:9999;animation:cpSlide .2s ease;pointer-events:all}@keyframes cpSlide{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.copilot-card{background:var(--surface);border:1px solid var(--brand-light);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.18);overflow:hidden}.cp-head{gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--brand-light)}.cp-avatar,.cp-head{display:flex;align-items:center}.cp-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--cyan));justify-content:center;font-size:14px;flex-shrink:0}.cp-body{padding:14px;font-size:13px;color:var(--text);line-height:1.7;max-height:320px;overflow-y:auto}.cp-typing{display:flex;gap:3px;align-items:center;padding:4px 0}.cp-typing span{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:cpDot 1.2s infinite;display:inline-block}.cp-typing span:nth-child(2){animation-delay:.2s}.cp-typing span:nth-child(3){animation-delay:.4s}@keyframes cpDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.cp-footer{padding:8px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);justify-content:space-between;gap:8px;flex-wrap:wrap}.cp-footer,.icon-btn{display:flex;align-items:center}.icon-btn{width:32px;height:32px;justify-content:center;border-radius:6px;background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .2s;color:var(--text)}.icon-btn:hover{background:var(--surface2);border-color:var(--border2)}.icon{width:18px;height:18px}.avatar{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--cyan));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;cursor:pointer}.sidebar{position:fixed;left:0;top:56px;bottom:0;width:200px;background:var(--surface);border-right:1px solid var(--border);z-index:50;display:flex;flex-direction:column}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 0}.sidebar a{text-decoration:none;color:inherit;display:block}.nav-sect{font-size:10px;font-weight:600;color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px}.nav-sect-qoe{width:calc(100% - 20px);margin:8px 10px 10px;display:flex;align-items:center;gap:6px;padding:10px;background:linear-gradient(135deg,var(--brand-light),transparent);border:1px solid rgba(124,58,237,.35);border-radius:8px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.1px;white-space:nowrap;cursor:pointer;font-family:inherit;transition:all .2s}.nav-sect-qoe:hover{background:linear-gradient(135deg,var(--brand-light),var(--brand-light));border-color:var(--brand)}.nav-sect-qoe span{flex:1;text-align:left}.qoe-sparkle{width:13px;height:13px;flex-shrink:0}.chevron-icon{width:12px;height:12px;flex-shrink:0;transition:transform .2s}.qoe-group{display:none;margin:0 12px 6px;border-left:2px solid rgba(124,58,237,.25);padding-left:2px}.qoe-group.open{display:block}.qoe-item{padding:9px 12px!important}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;background:none;border:none;border-left:2px solid transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;position:relative}.nav-item:hover{background:var(--surface2);color:var(--brand)}.nav-item.active{background:var(--brand-light);color:var(--brand);border-left-color:var(--brand)}.nav-item .icon{width:16px;height:16px;flex-shrink:0}.badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:20px;background:linear-gradient(135deg,var(--brand),var(--cyan));color:#fff;margin-left:auto;flex-shrink:0}.nav-bottom{flex-shrink:0;padding:16px;background:var(--surface);border-top:1px solid var(--border)}.build-cta{font-size:11px;color:var(--muted);line-height:1.4;margin-bottom:10px}.build-cta button{width:100%;padding:8px 12px;background:var(--brand-light);border:1px solid var(--brand);border-radius:var(--radius);color:var(--brand);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.build-cta button:hover{background:var(--brand);color:white}.main{margin-left:200px;margin-top:56px;flex:1;overflow-y:auto;padding:24px;background:var(--bg)}@media (prefers-color-scheme:dark){.main{background:radial-gradient(ellipse 900px 500px at 15% 0,rgba(124,58,237,.16),transparent 70%),radial-gradient(ellipse 700px 450px at 100% 0,rgba(195,80,231,.12),transparent 70%),var(--bg);background-repeat:no-repeat}}:root[data-theme=dark] .main{background:radial-gradient(ellipse 900px 500px at 15% 0,rgba(124,58,237,.16),transparent 70%),radial-gradient(ellipse 700px 450px at 100% 0,rgba(195,80,231,.12),transparent 70%),var(--bg);background-repeat:no-repeat}.view-wrap{max-width:1400px;margin:0 auto}.btn-secondary{background:rgba(6,182,212,.15);border:1px solid var(--cyan);color:var(--cyan)}.btn-secondary:hover{background:rgba(6,182,212,.25)}.kpi-tile{background:var(--bg)}.pill-green{background:rgba(34,197,94,.2)}.pill-red{background:rgba(239,68,68,.2)}.pill-orange{background:rgba(249,115,22,.2)}.pill-brand{background:rgba(124,58,237,.2)}.alarm-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px}.alarm-sev{width:3px;height:32px;border-radius:2px}.alarm-body{flex:1}.alarm-type{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.alarm-site,.alarm-ts{font-size:11px;color:var(--muted2)}.alarm-ts{white-space:nowrap}.agent-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.agent-head-row{gap:12px}.agent-head-row,.agent-icon{display:flex;align-items:center}.agent-icon{width:32px;height:32px;border-radius:6px;justify-content:center;font-size:16px;flex-shrink:0}.agent-name{font-size:12px;font-weight:600;color:var(--text)}.agent-role{font-size:11px;color:var(--muted2)}.agent-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-left:auto}.status-dot{width:6px;height:6px;border-radius:50%}.status-active{background:var(--green)}.status-busy{background:var(--yellow)}.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fleet-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.fleet-card-header{gap:12px;margin-bottom:14px}.fleet-card-header,.fleet-icon{display:flex;align-items:center}.fleet-icon{width:44px;height:44px;border-radius:11px;justify-content:center;font-size:22px;flex-shrink:0}.fleet-info .name{font-size:14px;font-weight:700;color:var(--text)}.fleet-info .role{font-size:11px;color:var(--muted);margin-top:1px}.fleet-activity{font-size:11px;font-family:IBM Plex Mono,monospace;color:var(--brand);background:var(--surface2);border:1px solid rgba(8,145,178,.3);border-radius:6px;padding:8px;margin-top:10px;line-height:1.8}.fleet-tools-list{display:flex;flex-direction:column;gap:4px;margin-top:10px}.fleet-tool{background:var(--surface2);border-radius:5px;padding:6px 10px;font-size:11px;font-family:IBM Plex Mono,monospace;color:var(--muted2);display:flex;align-items:center;gap:6px}.fleet-tool:before{content:"fn";font-size:9px;background:rgba(59,130,246,.2);color:var(--blue);border-radius:3px;padding:1px 4px}.arch-layers{display:flex;flex-direction:column;gap:8px}.arch-layer{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-left:3px solid;border-radius:var(--radius);font-size:11px}.layer-num{font-weight:700;color:var(--cyan);font-size:12px}.layer-name{font-weight:600;color:var(--text);min-width:140px}.layer-items{font-size:10px;color:var(--muted2)}.l1{border-color:#EF4444}.l2{border-color:#F97316}.l3{border-color:#06B6D4}.l4{border-color:#8B5CF6}.l5{border-color:#3B82F6}.l6{border-color:#06B6D4}.home-hero{margin-bottom:32px}.hero-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sector-pill{display:inline-block;padding:6px 12px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--indigo)}.home-hero h1{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:16px;max-width:900px}.home-hero h1 span{color:var(--cyan)}.home-hero p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px;max-width:900px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.vp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.vp-num{font-size:24px;font-weight:700;margin-bottom:6px}.vp-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px}.vp-desc{font-size:11px;color:var(--muted2);line-height:1.5}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#5B21B6}.btn-secondary{background:var(--brand-light);border:1px solid var(--brand);color:var(--brand)}.btn-secondary:hover{background:var(--brand);color:white}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;position:relative;overflow:hidden}.accent{position:absolute;top:0;left:0;width:100%;height:3px}.lbl{font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.lbl,.val{margin-bottom:6px}.val{font-size:20px;font-weight:700}.val small{font-size:12px!important;color:var(--muted)!important}.delta{font-size:11px;font-weight:500;color:var(--muted2)}.delta-up{color:var(--red)}.delta-down{color:var(--green)}.tab-buttons{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:8px 16px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--brand-light);color:var(--brand)}.tab-btn.active,.tab-btn:hover{border-color:var(--brand)}.pill{display:inline-block;padding:2px 6px;border-radius:100px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.pill-green{background:rgba(34,197,94,.15);color:var(--green)}.pill-red{background:rgba(239,68,68,.15);color:var(--red)}.pill-orange{background:rgba(249,115,22,.15);color:var(--orange)}.pill-brand{background:var(--brand-light);color:var(--brand)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-title{font-size:14px;font-weight:700;color:var(--text)}.section-sub{font-size:11px;color:var(--muted2);margin-top:2px}.journey-track{display:flex;gap:0;align-items:stretch}.journey-stage{flex:1;text-align:center;position:relative}.journey-stage:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px}.journey-stage:last-child:after{display:none}.j-card{border-radius:var(--radius);padding:16px 12px;border:1px solid var(--border);height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative;overflow:hidden;transition:all .2s}.j-card.active{border-color:var(--brand);background:var(--brand-light)}.j-card.locked{opacity:.55;cursor:not-allowed}.j-card.locked:after{content:"🔒 Phase 2";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.j-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.j-title{font-size:12px;font-weight:600}.j-desc{font-size:11px;color:var(--muted);line-height:1.5}.agent-insight{background:var(--surface2);border:1px solid rgba(8,145,178,.3);border-radius:8px;padding:12px;margin-top:8px}.agent-insight-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;color:var(--brand)}.agent-insight p{font-size:12px;color:var(--muted2);line-height:1.6}.chip-btn{padding:6px 14px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.chip-btn.active{background:var(--brand-light);color:var(--brand);font-weight:600}.chip-btn.active,.chip-btn:hover{border-color:var(--brand)}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.2)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.2)}:root[data-theme=light]{color-scheme:light;--bg:#FFFFFF;--surface:#F5F7FA;--surface2:#EBF0F6;--text:#1a1a1a;--text-secondary:#5a5a5a;--muted:#8B92A0;--muted2:#6B7280;--border:#E0E4E8;--border2:#D5D9DF;--brand-light:#F3E8FF;--red-dim:rgba(239,68,68,0.1)}:root[data-theme=dark]{color-scheme:dark;--bg:#07101F;--surface:#0d1829;--surface2:#111D2D;--text:#E8EAED;--text-secondary:#B4BCCC;--muted:#9CA3AF;--muted2:#6B7280;--border:#1F2937;--border2:#2D3748;--brand-light:rgba(124,58,237,0.15);--red-dim:rgba(239,68,68,0.15)}.zone-label-tooltip.leaflet-tooltip{background:transparent;border:none;box-shadow:none;padding:0}.zone-label-tooltip.leaflet-tooltip:before{display:none}.leaflet-container{font-family:inherit}.road-map-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.95) contrast(.9)}.place-boundary-label.leaflet-tooltip{background:rgba(15,20,30,.72);border:none;box-shadow:none;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;pointer-events:none}.place-boundary-label.leaflet-tooltip:before{display:none}