@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";
:root{--bg-base:#0a0a0c;--bg-surface:#0f0f1499;--bg-surface-elevated:#191923bf;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-purple:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#ffffff14;--border-strong:#fff3;--shadow-sm:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 20px 25px -5px #000000b3, 0 10px 10px -5px #0009;--shadow-glow:0 0 20px #3b82f666;--shadow-glow-success:0 0 20px #10b98166;--shadow-glow-error:0 0 20px #ef444466;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", "JetBrains Mono", monospace;--z-map:0;--z-content:10;--z-overlay:50;--z-modal:100}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overflow:hidden}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-elevated{background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(24px)saturate(200%);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-subtle{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:600;line-height:1.2}p{color:var(--text-secondary);line-height:1.5}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-micro{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.65rem;font-weight:700}.text-micro-secondary{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.65rem;font-weight:600}.text-micro-dimmed{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.6rem;font-weight:600}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.app-container{width:100vw;height:100vh;display:flex;position:relative}.map-container{width:100%;height:100%;z-index:var(--z-map);position:absolute;top:0;left:0}.ui-overlay{width:100%;height:100%;z-index:var(--z-content);pointer-events:none;padding:var(--spacing-lg);flex-direction:column;display:flex;position:absolute;top:0;left:0}.interactive-element{pointer-events:auto}.top-navbar{padding:var(--spacing-sm) var(--spacing-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:auto;display:flex}.footer-credit{font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:8px 14px;font-size:11px;font-weight:600;position:absolute;bottom:2.25rem;left:3rem}.footer-credit a{color:var(--text-primary);text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--accent-primary)}.nav-pill{align-items:center;gap:var(--spacing-md);height:32px;padding:.4rem .8rem;transition:all .2s;display:flex}.nav-pill:hover{background:#ffffff0f;border-color:#ffffff1a}.brand{align-items:center;gap:var(--spacing-sm);letter-spacing:-.05em;font-size:1.25rem;font-weight:700;display:flex}.brand-dot{border-radius:var(--radius-pill);background-color:var(--accent-primary);width:10px;height:10px;box-shadow:var(--shadow-glow)}.loading-overlay{background-color:var(--bg-base);width:100vw;height:100vh;z-index:var(--z-modal);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);width:40px;height:40px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.panel-container{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-strong);color:#f8fafc;width:400px;font-family:var(--font-sans);border-radius:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:absolute;overflow:hidden}.panel-container.dragging{z-index:60;transition:none;box-shadow:0 30px 60px -12px #000000b3}.panel-container.idle{z-index:50;transition:box-shadow .2s;box-shadow:0 25px 50px -12px #00000080}.panel-header{-webkit-user-select:none;user-select:none;background:#ffffff08;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header:not(.minimized){border-bottom:1px solid #ffffff0d}.panel-header-title{align-items:center;gap:8px;display:flex}.panel-header-title h2{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.panel-minimize-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.panel-content{max-height:80vh;padding:20px;overflow-y:auto}.telemetry-status-container{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.telemetry-status{font-size:12px}.telemetry-status.online{color:var(--text-secondary);font-weight:400}.telemetry-status.degraded{color:var(--accent-danger);font-weight:700}.filter-section{border-bottom:1px solid var(--border-subtle);margin-bottom:24px;padding-bottom:20px}.filter-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px}.filter-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-btn{text-align:left;cursor:pointer;text-transform:capitalize;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.filter-btn.inactive{color:var(--text-secondary);background:#ffffff08;border:1px solid #0000}.filter-dot{border-radius:50%;width:6px;height:6px}.filter-dot.inactive{background-color:var(--text-muted);box-shadow:none}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator-pulse{animation:1.5s infinite pulse}.report-timestamp{text-align:right;color:var(--text-muted);margin-top:16px;font-size:10px}.fade-in{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.vehicle-detail-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);width:380px;max-height:calc(100vh - 120px);color:var(--text-primary);font-family:var(--font-sans);z-index:55;background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) vdpSlideIn;display:flex;position:absolute;top:80px;right:24px;overflow:hidden;box-shadow:0 30px 60px -12px #000c}@keyframes vdpSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.vdp-header{justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.vdp-main-content{flex:1;padding:0 24px 24px;overflow-y:auto}.vdp-status-badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent-success);text-transform:uppercase;margin-bottom:8px;font-size:.65rem;font-weight:700;display:block}.vdp-route-name{letter-spacing:-.04em;color:var(--text-primary);margin:4px 0 12px;font-size:1.75rem;font-weight:800;line-height:1.1}.vdp-info-bar{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:24px;font-size:.65rem;display:flex}.vdp-info-separator{background:var(--text-muted);opacity:.4;border-radius:50%;width:4px;height:4px}.vdp-info-value{color:var(--text-secondary)}.vdp-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .2s}.vdp-close-btn:hover{color:var(--text-primary)}.vdp-section{padding:16px 20px}.vdp-section-label{margin-bottom:12px}.vdp-telemetry-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-success);background:#ffffff0a;align-items:center;gap:10px;padding:10px 14px;display:flex}.vdp-pulse-dot{background:var(--accent-success);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 8px #10b98199}.vdp-data-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vdp-data-cell{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.vdp-data-label{font-size:.55rem}.vdp-data-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.vdp-alert-box{border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444440;padding:14px}.vdp-alert-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.vdp-alert-cause{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-danger);text-transform:uppercase;font-size:.65rem;font-weight:700}.vdp-alert-text{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.vdp-trip-section{padding-bottom:24px}.vdp-trip-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.vdp-trip-id{color:var(--accent-primary);letter-spacing:.08em;font-size:.65rem}.vdp-loading{justify-content:center;padding:24px;display:flex}.vdp-no-data{text-align:center;padding:16px 0}.vdp-timeline{flex-direction:column;display:flex}.vdp-stop{align-items:stretch;gap:16px;min-height:48px;display:flex;position:relative}.vdp-stop-line-container{flex-direction:column;flex-shrink:0;align-items:center;width:12px;display:flex;position:relative}.vdp-stop-dot{z-index:2;background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;position:relative}.vdp-stop-dot-active{background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary);width:10px;height:10px;margin-top:5px}.vdp-stop-line{z-index:1;background:#ffffff1a;width:2px;position:absolute;top:14px;bottom:-6px;left:5px}.vdp-stop-line-active{background:var(--accent-primary)}.vdp-stop-content{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:4px 0;display:flex}.vdp-stop-main{flex-direction:column;min-width:0;display:flex}.vdp-stop-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.vdp-stop-terminal-icon{vertical-align:middle;color:var(--text-muted);margin-left:8px;display:inline-flex}.vdp-stop-id{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem}.vdp-stop-time{font-family:var(--font-mono);color:var(--accent-primary);flex-shrink:0;font-size:.9rem;font-weight:600}.vdp-stop-next-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:4px -12px;padding:8px 12px;box-shadow:inset 0 1px 1px #ffffff0d}.vdp-next-label{color:var(--accent-success);letter-spacing:.1em;margin-bottom:2px;font-size:.6rem;font-weight:700}.vdp-stop-name-next{color:var(--accent-success)!important}.vdp-footer{background:#ffffff08;border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding:16px 24px 20px;display:flex}.vdp-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.vdp-progress-fill{background:linear-gradient(90deg, var(--accent-primary), #fff);height:100%;box-shadow:0 0 8px var(--accent-primary);border-radius:2px}.vdp-summary-bar{justify-content:center;align-items:center;gap:12px;display:flex}.vdp-summary-text{color:#ffffffe6;font-size:.9rem;font-weight:600}.vdp-sparkle{color:#fff9;animation:2s ease-in-out infinite pulse}.deck-tooltip{box-shadow:none!important;pointer-events:none!important;background:0 0!important;border:none!important;padding:0!important}.map-tooltip-card{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:240px;max-width:340px;box-shadow:var(--shadow-lg);font-family:var(--font-sans);pointer-events:none;background:#0f0f14f2;padding:0;animation:.2s cubic-bezier(.4,0,.2,1) tooltipFadeIn;overflow:hidden}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.map-tooltip-header{border-bottom:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:8px;padding:10px 14px;display:flex}.map-tooltip-header.severity-critical{border-top:3px solid var(--accent-danger)}.map-tooltip-header.severity-warning{border-top:3px solid var(--accent-warning)}.map-tooltip-header.severity-success{border-top:3px solid var(--accent-success)}.map-tooltip-header.severity-info{border-top:3px solid var(--accent-primary)}.map-tooltip-header.severity-muted{border-top:3px solid var(--text-muted)}.map-tooltip-icon{width:16px;height:16px;color:var(--text-primary);flex-shrink:0}.map-tooltip-title{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.map-tooltip-body{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.map-tooltip-description{color:var(--text-primary);opacity:.9;font-size:13px;line-height:1.5}.map-tooltip-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.map-tooltip-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff1a;border:1px solid #ffffff1a;padding:4px 10px;font-size:10px;font-weight:700}.map-tooltip-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08;justify-content:space-between;padding:10px 14px;font-size:11px;font-weight:500;display:flex}