:root{--blue: #0173F1;--blue-100: #D9E9FF;--blue-50: #EEF5FF;--blue-deep: #0258B8;--coral: #D9645F;--coral-50: #FBEEED;--background: #F5F6F8;--card: #FFFFFF;--line: #E2E8F0;--line-strong: #CBD5E1;--ink-mid: #5A6878;--ink-2: #2C3E50;--ink: #0A1929;--bg-app: #F5F6F8;--bg-panel: #FFFFFF;--bg-elevated: #FFFFFF;--bg-zone: #FFFFFF;--bg-hover: #EEF5FF;--bg-selected: rgba(1, 115, 241, .08);--bg-forbidden: #FBEEED;--border-soft: #E2E8F0;--border-mid: #CBD5E1;--text-primary: #0A1929;--text-secondary: #2C3E50;--text-muted: #5A6878;--silver: #5A6878;--shadow-sm: 0 1px 2px rgba(10, 25, 41, .06);--shadow-md: 0 4px 12px rgba(10, 25, 41, .08);--shadow-lg: 0 12px 32px rgba(10, 25, 41, .1);--font-sans: "Montserrat", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font-family:inherit}.app-shell{display:flex;height:100vh;width:100vw;background:var(--bg-app)}.right-panel{flex:1;position:relative;background:var(--bg-app);overflow:hidden}.left-panel{width:340px;height:100vh;background:var(--bg-panel);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:relative;flex-shrink:0}.panel-header{padding:22px 22px 16px;border-bottom:1px solid var(--border-soft)}.brand-product-name{font-size:32px;font-weight:800;color:var(--blue);letter-spacing:-.02em;line-height:1;margin-bottom:10px}.brand-parent-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.brand-wordmark{font-size:14px;font-weight:800;letter-spacing:-.01em;line-height:1}.brand-wordmark-blue{color:var(--blue)}.brand-wordmark-coral{color:var(--coral)}.brand-parent-divider{font-size:11px;color:var(--text-muted);font-weight:600}.brand-parent-text{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.brand-tagline{font-size:12px;line-height:1.55;color:var(--text-secondary);margin:14px 0 0}.latency-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;border-bottom:1px solid var(--border-soft);background:var(--blue-50)}.latency-bar .label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.latency-indicator{display:flex;align-items:center;gap:8px}.latency-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.latency-value{font-size:12px;font-family:var(--font-mono);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-box{padding:14px 18px 8px}.search-box input{width:100%;background:var(--bg-app);border:1px solid var(--border-soft);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:12px;outline:none;transition:border-color .15s,background .15s}.search-box input:focus{border-color:var(--blue);background:var(--card)}.search-box input::placeholder{color:var(--text-muted)}.type-filters{display:flex;flex-wrap:wrap;gap:6px;padding:4px 18px 14px;border-bottom:1px solid var(--border-soft)}.type-chip{background:transparent;border:1px solid var(--border-soft);color:var(--text-muted);padding:4px 10px;border-radius:14px;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s}.type-chip:hover{border-color:var(--blue);color:var(--text-primary)}.type-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.panel-body{flex:1;overflow-y:auto;padding:8px 0}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.section{padding:6px 0}.section-header{display:flex;align-items:center;gap:8px;padding:8px 18px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.section-header:hover{background:var(--bg-app)}.section-chevron{font-size:9px;color:var(--text-muted);transform:rotate(0);transition:transform .18s ease;width:10px}.section-chevron.open{transform:rotate(90deg)}.section-icon{width:8px;height:8px;border-radius:2px}.section-title{flex:1;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary)}.section-count{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-app);padding:2px 8px;border-radius:10px;border:1px solid var(--border-soft)}.asset-list{padding:4px 10px}.asset-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .12s;border:1px solid transparent}.asset-item:hover{background:var(--bg-hover)}.asset-item.selected{background:var(--bg-selected);border-color:#0173f159}.asset-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.asset-info{flex:1;min-width:0;line-height:1.3}.asset-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-meta{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-status{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:3px}.asset-status.active{background:var(--blue-50);color:var(--blue)}.asset-status.charging{background:var(--blue-100);color:var(--blue-deep)}.asset-status.maintenance{background:var(--coral-50);color:var(--coral)}.panel-footer{padding:14px 22px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-muted);border-top:1px solid var(--border-soft);letter-spacing:.04em}.footer-dot{width:5px;height:5px;border-radius:50%;background:var(--coral)}.map-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(1,115,241,.03),transparent 65%),var(--bg-app)}.facility-canvas{width:min(100%,140vh);height:auto;max-height:92vh;background:var(--card);border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow-md);display:block}.top-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:16px;pointer-events:none}.facility-dropdown{pointer-events:auto;background:var(--card);border:1px solid var(--border-soft);color:var(--text-primary);padding:9px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;outline:none;letter-spacing:.02em;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.facility-dropdown:hover{border-color:var(--blue)}.map-legend{pointer-events:auto;display:flex;gap:18px;background:var(--card);padding:8px 14px;border-radius:6px;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.legend-item{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.legend-swatch{width:10px;height:10px;border-radius:2px}.legend-swatch.circle{border-radius:50%}.map-timestamp{position:absolute;top:18px;right:20px;font-size:10px;font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);background:var(--card);padding:7px 11px;border-radius:4px;border:1px solid var(--border-soft);letter-spacing:.06em;box-shadow:var(--shadow-sm)}.pan-hint{position:absolute;bottom:260px;right:24px;font-size:10px;color:var(--text-muted);background:var(--card);padding:6px 10px;border-radius:3px;letter-spacing:.04em;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.detail-card{position:fixed;top:80px;right:24px;width:320px;background:var(--card);border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow-lg);z-index:30;overflow:hidden}.detail-card-header{padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-soft)}.detail-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.detail-card-subtitle{font-size:11px;color:var(--text-muted)}.detail-card-type-badge{display:inline-block;margin-top:6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:3px}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;line-height:1;padding:0 4px;transition:color .15s}.close-btn:hover{color:var(--text-primary)}.detail-grid{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.detail-cell.wide{grid-column:1 / -1}.detail-cell .label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.detail-cell .value{font-size:17px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.battery-bar{margin-top:6px;height:4px;background:var(--bg-app);border-radius:2px;overflow:hidden}.battery-fill{height:100%;transition:width .3s,background .3s}.update-routing-btn{margin:4px 16px 16px;width:calc(100% - 32px);padding:10px 14px;background:var(--blue);border:none;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;cursor:pointer;transition:background .15s}.update-routing-btn:hover{background:var(--blue-deep)}.update-routing-btn.spaghetti-active{background:var(--coral)}.update-routing-btn.spaghetti-active:hover{background:#b84a45}.zoom-controls{position:absolute;bottom:110px;right:24px;display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--border-soft);border-radius:8px;padding:4px;box-shadow:var(--shadow-md);z-index:20}.zoom-btn{width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);font-size:20px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;line-height:1;padding:0}.zoom-btn:hover{background:var(--bg-hover);color:var(--blue)}.zoom-btn:active{background:var(--blue-50)}.zoom-reset{border-top:1px solid var(--border-soft);border-radius:0 0 5px 5px;margin-top:2px;padding-top:2px;font-size:16px}.zoom-readout{text-align:center;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);padding:2px 0;letter-spacing:.04em}.insights-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:min(640px,calc(100% - 48px));display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.insights-nav{width:38px;background:transparent;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;transition:background .15s,color .15s}.insights-nav:hover{background:var(--bg-hover);color:var(--blue)}.insights-content{flex:1;padding:12px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.insights-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.insights-icon{font-size:14px;color:var(--blue);font-weight:700;width:18px;text-align:center}.insights-title{flex:1;font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.insights-counter{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-app);padding:2px 8px;border-radius:10px;border:1px solid var(--border-soft)}.insights-desc{font-size:11px;line-height:1.5;color:var(--text-secondary);margin-bottom:6px}.insights-robots{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.insights-robot-tag{font-size:9px;font-family:var(--font-mono);font-weight:600;padding:2px 7px;background:var(--coral-50);color:var(--coral);border-radius:3px;border:1px solid rgba(217,100,95,.3)}.insights-toggle{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);padding-top:6px;border-top:1px solid var(--border-soft)}.insights-toggle.active{color:var(--coral)}@media (max-width: 1100px){.left-panel{width:300px}.map-legend{gap:12px;padding:6px 10px}.legend-item{font-size:9px}.brand-product-name{font-size:28px}}@media (max-width: 900px){.app-shell{flex-direction:column}.left-panel{width:100%;height:auto;max-height:50vh}.right-panel{min-height:60vh}.pan-hint{display:none}}