:root{--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-primary-glow:#2563eb59;--brand-accent:#06b6d4;--brand-accent-glow:#06b6d44d;--status-moving:#10b981;--status-moving-glow:#10b98159;--status-idle:#f59e0b;--status-idle-glow:#f59e0b59;--status-stopped:#ef4444;--status-stopped-glow:#ef444459;--status-offline:#64748b;--font-arabic:"Cairo", -apple-system, BlinkMacSystemFont, sans-serif;--font-latin:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 12px 32px #0006;--shadow-glow:0 0 20px var(--brand-primary-glow)}body.theme-dark,:root{--bg-app:#080c14;--bg-surface:#0f172a;--bg-surface-elevated:#151f32;--bg-surface-hover:#1e293b;--bg-glass:#0f172ad9;--bg-glass-card:#151f32bf;--border-subtle:#ffffff14;--border-strong:#ffffff26;--border-glow:#2563eb66;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--input-bg:#0b1120}body.theme-light{--bg-app:#f1f5f9;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-surface-hover:#e2e8f0;--bg-glass:#ffffffe6;--bg-glass-card:#f8fafcd9;--border-subtle:#00000014;--border-strong:#00000029;--border-glow:#2563eb4d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--input-bg:#f8fafc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-arabic);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}html[lang=en] body{font-family:var(--font-latin)}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b873}.leaflet-container{width:100%;height:100%;background:var(--bg-app)!important;font-family:inherit!important}@keyframes radarPulse{0%{opacity:.9;transform:scale(.95)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.95)}}@keyframes livePulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input:-webkit-autofill{caret-color:#00b4c6;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;border-color:#00b4c666!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1424!important}input:-webkit-autofill:hover{caret-color:#00b4c6;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;border-color:#00b4c666!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1424!important}input:-webkit-autofill:focus{caret-color:#00b4c6;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;border-color:#00b4c666!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1424!important}input:-webkit-autofill:active{caret-color:#00b4c6;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;border-color:#00b4c666!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1424!important}:root{--mobile-sky:#38afff;--mobile-sky-dark:#1e90ff;--mobile-sky-light:#e8f5fe;--mobile-bg:#f4f6f8;--mobile-card-bg:#fff;--mobile-text-dark:#1e293b;--mobile-text-sub:#475569;--mobile-text-muted:#8c9ba5;--mobile-border-light:#e5e9ec;--mobile-red:#ef4444;--mobile-green:#10b981;--mobile-amber:#f59e0b}.mobile-app-root{background-color:var(--mobile-bg);width:100vw;height:100dvh;color:var(--mobile-text-dark);-webkit-user-select:none;user-select:none;z-index:1000;direction:rtl;flex-direction:column;font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-top-header{background:var(--mobile-sky);color:#fff;z-index:20;justify-content:center;align-items:center;height:50px;min-height:50px;padding:0 14px;display:flex;position:relative;box-shadow:0 1px 4px #0000001a}.mobile-top-header .mobile-header-title{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;justify-content:center;align-items:center;gap:6px;max-width:65%;font-size:16px;font-weight:700;display:flex;overflow:hidden}.mobile-header-btn-back{color:#fff;cursor:pointer;z-index:30;direction:ltr;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 8px;font-size:15px;font-weight:600;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mobile-header-btn-back:active{background:#fff3}.mobile-header-desktop-switch{color:#fff;cursor:pointer;background:#ffffff38;border:1px solid #fff6;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mobile-map-area{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.mobile-map-tools-left{z-index:500;flex-direction:column;gap:10px;display:flex;position:absolute;top:14px;left:12px}.mobile-tool-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s,background .15s;display:flex;box-shadow:0 2px 10px #0000001f}.mobile-tool-btn:active{background:#f8fafc;transform:scale(.92)}.mobile-tool-btn.btn-circle{border-radius:50%}.mobile-tool-btn.btn-plane{color:var(--mobile-sky)}.mobile-tool-btn.btn-countdown{color:var(--mobile-sky);font-size:13px;font-weight:700;position:relative}.mobile-tool-btn.btn-countdown svg{opacity:.35;position:absolute}.mobile-map-tools-right{z-index:500;flex-direction:column;gap:10px;display:flex;position:absolute;top:14px;right:12px}.mobile-tool-btn.btn-layer-yellow{color:#854d0e;background:#facc15;border:1px solid #eab308}.mobile-vertical-pill-capsule{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;width:40px;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000001f}.mobile-capsule-item{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:34px;display:flex}.mobile-capsule-item:not(:last-child){border-bottom:1px solid #f1f5f9}.mobile-capsule-item:active{background:#f1f5f9}.mobile-bottom-sheet{z-index:600;direction:rtl;background:#fff;border:1px solid #e5e9ec;border-radius:16px;padding:10px 14px 12px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:8px;left:10px;right:10px;box-shadow:0 4px 24px #00000026}.mobile-sheet-notch{cursor:pointer;background:#cbd5e1;border-radius:4px;width:32px;height:4px;margin:0 auto 6px}.mobile-sheet-header-line{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mobile-sheet-title-text{color:#1e293b;letter-spacing:.3px;font-size:16px;font-weight:800}.mobile-sheet-status-pill{color:#fff;background:#94a3b8;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.mobile-sheet-status-pill.online{background:#10b981}.mobile-sheet-status-row{color:#475569;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.mobile-sheet-row{color:#475569;align-items:center;gap:6px;margin-bottom:3px;font-size:12px;display:flex}.mobile-sheet-details-block{color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:6px 0 10px;padding:6px 10px;font-size:11.5px;line-height:1.6}.mobile-action-carousel-wrapper{width:100%;position:relative;overflow:hidden}.mobile-action-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.mobile-action-carousel::-webkit-scrollbar{display:none}.mobile-action-carousel-page{scroll-snap-align:start;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:100%;padding-top:4px;display:flex}.mobile-action-btn-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;display:flex}.mobile-action-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .1s;display:flex;box-shadow:0 2px 8px #00000026}.mobile-action-btn-item:active .mobile-action-circle{transform:scale(.9)}.circle-track-blue{background:#38afff}.circle-history-amber{background:#f59e0b}.circle-commands-yellow{background:#eab308}.circle-details-sky{background:#0284c7}.circle-hours-indigo{background:#4f46e5}.circle-alerts-cyan{background:#0ea5e9}.circle-share-teal{background:#0d9488}.circle-geofence-violet{background:#7c3aed}.circle-camera-rose{background:#e11d48}.circle-maintenance-emerald{background:#059669}.circle-expenses-amber{background:#d97706}.circle-sensors-slate{background:#475569}.mobile-action-text{color:#475569;white-space:nowrap;font-size:10.5px;font-weight:600}.mobile-sheet-dots-indicator{cursor:pointer;justify-content:center;gap:6px;margin-top:8px;display:flex}.mobile-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px;transition:all .2s}.mobile-dot.active{background:#38afff;border-radius:4px;width:14px}.mobile-playback-hud{z-index:650;direction:rtl;background:#fff;border:1px solid #38afff;border-radius:16px;padding:12px 14px;position:absolute;bottom:8px;left:10px;right:10px;box-shadow:0 6px 28px #0003}.mobile-bottom-nav{z-index:700;height:56px;min-height:56px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e5e9ec;justify-content:space-around;align-items:center;display:flex;position:relative;box-shadow:0 -2px 10px #0000000d}.mobile-nav-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;transition:color .15s;display:flex}.mobile-nav-tab.active{color:var(--mobile-sky)}.mobile-nav-tab-label{font-size:10.5px;font-weight:700}.mobile-login-view{z-index:2000;direction:rtl;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-login-header-wave{background:linear-gradient(#38afff 0%,#1e90ff 100%);width:100%;height:200px;position:relative;overflow:hidden}.mobile-login-wave-shape{width:100%;height:48px;position:absolute;bottom:0;left:0}.mobile-login-body{flex-direction:column;flex:1;padding:32px 30px 16px;display:flex}.mobile-login-field-group{margin-bottom:24px}.mobile-login-server-label{color:#334155;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:600;display:flex}.mobile-login-clean-select,.mobile-login-clean-input{color:#1e293b;background:0 0;border:none;border-bottom:1px solid #cbd5e1;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:16px;transition:border-color .2s}.mobile-login-clean-select:focus,.mobile-login-clean-input:focus{border-bottom-color:var(--mobile-sky)}.mobile-login-select-box{position:relative}.mobile-login-select-chevron{pointer-events:none;color:#94a3b8;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mobile-login-remember-row{color:#475569;cursor:pointer;align-items:center;gap:8px;margin:18px 0 28px;font-size:14px;display:flex}.mobile-login-pill-button{background:var(--mobile-sky);color:#fff;cursor:pointer;border:none;border-radius:23px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;display:flex;box-shadow:0 4px 14px #38afff59}.mobile-login-pill-button:active{background:var(--mobile-sky-dark);transform:scale(.98)}.mobile-login-demo-link{text-align:center;color:#64748b;cursor:pointer;margin-top:16px;font-size:14px}.mobile-login-demo-link:hover{color:var(--mobile-sky)}.mobile-login-footer-agreement{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding-top:28px;font-size:11.5px;display:flex}.mobile-login-footer-agreement a{color:#0284c7;font-weight:600;text-decoration:none}.mobile-login-version-tag{text-align:left;color:#94a3b8;direction:ltr;padding:6px 10px 0;font-size:11px}.mobile-history-page{z-index:1500;direction:rtl;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-cal-widget{border-bottom:1px solid #f1f5f9;padding:14px 18px}.mobile-cal-month-nav{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.mobile-cal-arrow-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-cal-weekdays{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:12.5px;font-weight:600;display:grid}.mobile-cal-days-matrix{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mobile-cal-day-cell{color:#1e293b;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;height:36px;font-size:13.5px;font-weight:500;display:flex}.mobile-cal-day-cell.inactive-month{color:#cbd5e1}.mobile-cal-day-cell.active-selected{background:var(--mobile-sky);color:#fff;font-weight:700}.mobile-time-range-box{border-bottom:1px solid #f1f5f9;padding:14px 18px}.mobile-time-range-labels{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:12.5px;display:flex}.mobile-time-inputs-container{align-items:center;gap:8px;display:flex}.mobile-time-input-capsule{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.mobile-time-input-capsule input{width:100%;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.mobile-filter-chips-row{border-bottom:1px solid #f1f5f9;gap:8px;padding:12px 18px;display:flex;overflow-x:auto}.mobile-filter-chip{color:#475569;cursor:pointer;text-align:center;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:7px 8px;font-size:11.5px;font-weight:600}.mobile-filter-chip.active{color:#0288d1;background:#e0f2fe;border-color:#7dd3fc}.mobile-dwell-block{padding:14px 18px}.mobile-dwell-title{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700}.mobile-dwell-options{gap:8px;display:flex}.mobile-dwell-item{color:#475569;cursor:pointer;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:7px 0;font-size:12px;font-weight:600}.mobile-dwell-item.active{color:#0288d1;background:#e0f2fe;border-color:#7dd3fc}.mobile-history-footer-action{margin-top:auto;padding:18px}.mobile-alerts-page{z-index:1500;direction:rtl;background:#f4f6f8;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-alerts-container{flex-direction:column;gap:10px;padding:10px 12px;display:flex}.mobile-alert-item-card{background:#fff;border:1px solid #e5e9ec;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #00000008}.mobile-alert-card-id{color:#0f172a;font-size:14.5px;font-weight:700}.mobile-alert-card-text{color:#475569;align-items:center;gap:4px;font-size:12.5px;display:flex}.mobile-alert-red-pill{color:#fff;background:#ef4444;border-radius:5px;align-self:flex-start;margin-top:2px;padding:3px 14px;font-size:11.5px;font-weight:700}.gps-app-root{background-color:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.gps-workspace-layout{flex:1;display:flex;position:relative;overflow:hidden}.gps-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);height:62px;box-shadow:var(--shadow-sm);z-index:1000;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;display:flex}.header-brand-section{align-items:center;gap:20px;display:flex}.gps-logo-badge{cursor:pointer;align-items:center;gap:12px;display:flex}.radar-ping{border:1px solid var(--brand-primary);color:#38bdf8;background:linear-gradient(135deg,#2563eb33,#06b6d440);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.pulse-glow{filter:drop-shadow(0 0 8px #38bdf8)}.brand-text-container{flex-direction:column;display:flex}.brand-title{letter-spacing:.5px;align-items:center;gap:4px;font-size:1.18rem;font-weight:800;display:flex}.brand-highlight{color:var(--brand-primary)}.brand-edition{color:#fff;letter-spacing:1px;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:4px;margin-inline-start:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.brand-tagline{color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;display:flex}.live-dot-indicator{background-color:var(--status-moving);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite livePulseDot}.fleet-status-pills{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.status-pill{color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.76rem;font-weight:500;display:flex}.pill-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.pill-dot.green{background:var(--status-moving)}.pill-dot.yellow{background:var(--status-idle)}.pill-dot.red{background:var(--status-stopped)}.pill-dot.gray{background:var(--status-offline)}.pill-dot.pulse{box-shadow:0 0 8px var(--status-moving-glow)}.pill-value{color:var(--text-primary);font-weight:700}.header-search-container{background:var(--input-bg);border:1px solid var(--border-subtle);max-width:440px;height:38px;transition:var(--transition-fast);border-radius:10px;flex:1;align-items:center;padding:0 12px;display:flex;position:relative}.header-search-container:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-glow)}.search-icon{color:var(--text-muted);margin-inline-end:8px}.header-search-input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.84rem}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1}.header-actions-section{align-items:center;gap:8px;display:flex}.action-btn-pill{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);height:36px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:.8rem;font-weight:600;display:flex;position:relative}.action-btn-pill:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.action-btn-pill.active-sim{color:#34d399;background:#10b9811a;border-color:#10b98166}.stream-beacon{background-color:#64748b;border-radius:50%;width:6px;height:6px}.stream-beacon.beacon-active{background-color:var(--status-moving);box-shadow:0 0 8px var(--status-moving);animation:1.2s ease-in-out infinite livePulseDot}.action-btn-icon{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.action-btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.action-btn-icon.muted{color:var(--status-stopped)}.badge-hint{font-size:.78rem;font-weight:600}.lang-btn .lang-code{font-size:.75rem;font-weight:700}.user-profile-badge{border-inline-start:1px solid var(--border-subtle);align-items:center;gap:10px;padding-inline-start:10px;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 0 10px #2563eb66}.user-info-text{flex-direction:column;display:flex}.user-name{font-size:.78rem;font-weight:600}.user-role{color:var(--brand-accent);letter-spacing:.8px;font-size:.62rem;font-weight:800}.gps-sidebar{background:var(--bg-surface);border-inline-end:1px solid var(--border-subtle);z-index:500;flex-direction:column;width:380px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:2px 0 12px #0003}.gps-sidebar.collapsed{visibility:hidden;border-inline-end:none;width:0!important}.sidebar-collapse-handle{top:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);width:22px;height:48px;color:var(--text-secondary);cursor:pointer;z-index:600;transition:var(--transition-fast);border-inline-start:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:-22px;transform:translateY(-50%);box-shadow:4px 0 8px #00000026}html[dir=rtl] .sidebar-collapse-handle{border-inline-end:none;border-inline-start:1px solid var(--border-subtle);border-radius:8px 0 0 8px}.sidebar-collapse-handle:hover{background:var(--brand-primary);color:#fff}.sidebar-tab-navigation{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:.72rem;font-weight:600;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-nav-item .badge-count{background:#00000040;border-radius:999px;padding:1px 5px;font-size:.65rem;font-weight:700}.badge-alert-count{top:4px;background:var(--status-stopped);color:#fff;box-shadow:0 0 8px var(--status-stopped);border-radius:999px;padding:1px 5px;font-size:.65rem;font-weight:800;position:absolute;inset-inline-end:8px}.sidebar-content-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.status-filter-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.filter-tab-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:600;display:flex}.filter-tab-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-tab-btn.active{background:var(--bg-surface-hover);border-color:var(--brand-primary);color:var(--text-primary)}.filter-tab-btn .dot{border-radius:50%;width:6px;height:6px}.filter-tab-btn .dot.green{background:var(--status-moving)}.filter-tab-btn .dot.yellow{background:var(--status-idle)}.filter-tab-btn .dot.red{background:var(--status-stopped)}.filter-tab-btn .dot.gray{background:var(--status-offline)}.filter-tab-btn .count-tag{background:#ffffff14;border-radius:4px;padding:0 4px;font-size:.68rem}.fleet-groups-scroll-area{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.fleet-group-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.fleet-group-header{cursor:pointer;border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.fleet-group-header:hover{background:var(--bg-surface-hover)}.group-title-row{color:var(--text-primary);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.group-count{color:var(--text-muted);background:var(--input-bg);border-radius:4px;padding:1px 6px;font-size:.7rem}.group-vehicles-list{background:var(--border-subtle);flex-direction:column;gap:1px;display:flex}.vehicle-card-item{background:var(--bg-surface);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.vehicle-card-item:hover{background:var(--bg-surface-hover)}.vehicle-card-item.selected{border-inline-start:3px solid var(--brand-primary);background:#2563eb1f}.vehicle-visibility-toggle{color:var(--text-muted);cursor:pointer;padding:2px}.vehicle-visibility-toggle:hover{color:var(--brand-primary)}.eye-hidden{opacity:.35}.vehicle-type-bubble{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.vehicle-type-bubble.moving{box-shadow:0 0 8px var(--status-moving-glow);background:linear-gradient(135deg,#10b981,#059669)}.vehicle-type-bubble.idle{background:linear-gradient(135deg,#f59e0b,#d97706)}.vehicle-type-bubble.stopped{background:linear-gradient(135deg,#ef4444,#dc2626)}.vehicle-type-bubble.offline{background:linear-gradient(135deg,#64748b,#475569)}.heading-needle{color:#10b981;text-shadow:0 0 4px #000;font-size:8px;transition:transform .4s;position:absolute;top:-6px}.vehicle-primary-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vehicle-name-row{align-items:center;gap:6px;display:flex}.vehicle-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.immobilized-badge{background:var(--status-stopped);color:#fff;border-radius:4px;padding:1px 4px;font-size:.6rem;font-weight:800}.vehicle-sub-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:.72rem;display:flex}.plate-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:1px 5px;font-weight:600}.driver-name-text{color:var(--text-muted);align-items:center;gap:3px;display:flex}.vehicle-address-row{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.68rem;display:flex;overflow:hidden}.pin-icon{flex-shrink:0}.address-text{text-overflow:ellipsis;overflow:hidden}.vehicle-quick-telemetry{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.speed-display{align-items:baseline;gap:2px;display:flex}.speed-num{color:var(--text-primary);font-size:.96rem;font-weight:800;font-family:var(--font-mono)}.speed-unit{color:var(--text-muted);font-size:.65rem}.ignition-indicator{align-items:center;gap:3px;font-size:.65rem;font-weight:600;display:flex}.ignition-indicator.ign-on{color:var(--status-moving)}.ignition-indicator.ign-off{color:var(--text-muted)}.status-pill-badge{border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:.65rem;font-weight:600;display:flex}.status-badge-moving{color:#34d399;background:#10b98126}.status-badge-idle{color:#fbbf24;background:#f59e0b26}.status-badge-stopped{color:#f87171;background:#ef444426}.status-badge-offline{color:#94a3b8;background:#64748b26}.vehicle-hover-actions{inset-inline-end:10px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:10;border-radius:6px;gap:2px;padding:2px;display:none;position:absolute;bottom:8px}.vehicle-card-item:hover .vehicle-hover-actions{display:flex}.hover-action-btn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.hover-action-btn:hover{background:var(--brand-primary);color:#fff}.hover-action-btn.cmd-btn:hover{background:var(--status-stopped)}.events-tab-container,.history-tab-container,.geofences-tab-container{flex-direction:column;flex:1;padding:12px;display:flex;overflow:hidden}.events-tab-header,.history-tab-header,.geofences-tab-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;font-size:.88rem;font-weight:700;display:flex}.events-header-title{align-items:center;gap:8px;display:flex}.mark-read-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.events-list-scroll,.geofences-list-scroll{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.event-item-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);border-radius:8px;gap:10px;padding:10px;display:flex}.event-item-card:hover{background:var(--bg-surface-hover)}.event-item-card.unread{border-inline-start:3px solid var(--brand-primary);background:#2563eb0d}.event-icon-box{background:var(--bg-surface);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.critical-icon{color:var(--status-stopped)}.warning-icon{color:var(--status-idle)}.info-icon{color:var(--brand-accent)}.event-target-vehicle{color:var(--text-primary);font-size:.8rem;font-weight:700}.event-message-text{color:var(--text-secondary);margin:2px 0 4px;font-size:.74rem;line-height:1.4}.event-timestamp{color:var(--text-muted);align-items:center;gap:4px;font-size:.68rem;display:flex}.history-form-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);font-size:.76rem;font-weight:600}.form-row-dates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gps-input,.gps-select,.gps-textarea{border:1px solid var(--border-subtle);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px;font-size:.8rem}.gps-select.sm{padding:5px 8px;font-size:.75rem}.gps-input:focus,.gps-select:focus,.gps-textarea:focus{border-color:var(--brand-primary)}.primary-action-btn{background:var(--brand-primary);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.84rem;font-weight:700;display:flex}.primary-action-btn:hover{background:var(--brand-primary-hover);box-shadow:0 0 12px var(--brand-primary-glow)}.trip-stats-preview-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:12px;display:grid}.preview-stat-item{flex-direction:column;display:flex}.preview-stat-item .stat-label{color:var(--text-muted);font-size:.7rem}.preview-stat-item .stat-val{color:var(--text-primary);font-size:.95rem;font-weight:700}.preview-stat-item .stat-val.highlight{color:#38bdf8}.geofence-item-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.geofence-item-card:hover{background:var(--bg-surface-hover)}.geofence-color-marker{border-radius:4px;flex-shrink:0;width:12px;height:36px}.geofence-name{font-size:.8rem;font-weight:700}.geofence-meta{color:var(--text-secondary);gap:8px;margin-top:2px;font-size:.7rem;display:flex}.add-geofence-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex}.gps-map-viewport{background-color:var(--bg-app);flex:1;position:relative;overflow:hidden}.map-view-wrapper{width:100%;height:100%;position:relative}.leaflet-map-canvas{width:100%;height:100%}.gps-vehicle-marker-wrapper{background:0 0!important;border:none!important}.custom-gps-marker{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.marker-core-bubble{color:#fff;z-index:5;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000080}.marker-core-bubble:hover{transform:scale(1.15)}.marker-pulse-ring{pointer-events:none;border:2px solid #10b981;border-radius:50%;width:48px;height:48px;animation:2s ease-out infinite radarPulse;position:absolute;top:-8px;left:-8px}.marker-heading-arrow{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.arrow-tip{border-bottom:7px solid #10b981;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.marker-label-tag{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ae6;border:1px solid #ffffff26;border-radius:4px;gap:4px;padding:1px 6px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:36px;box-shadow:0 2px 6px #0006}.marker-label-speed{color:#38bdf8}.map-floating-controls{top:18px;z-index:800;flex-direction:column;gap:8px;display:flex;position:absolute;inset-inline-end:18px}.map-control-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.map-control-btn:hover{background:var(--bg-surface-hover);border-color:var(--brand-primary)}.zoom-btn-group{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.zoom-btn-group .map-control-btn{box-shadow:none;border:none;border-radius:0;font-size:1.2rem;font-weight:700}.zoom-btn-group .map-control-btn:first-child{border-bottom:1px solid var(--border-subtle)}.layer-switcher-dropdown{position:relative}.layers-menu-card{top:0;background:var(--bg-surface);border:1px solid var(--border-subtle);width:200px;box-shadow:var(--shadow-lg);z-index:900;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;inset-inline-end:46px}.layers-menu-title{color:var(--text-muted);padding-bottom:4px;font-size:.72rem;font-weight:700}.layer-option-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.78rem;font-weight:600;display:flex}.layer-option-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.layer-option-btn.active{border-color:var(--brand-primary);color:#38bdf8;background:#2563eb26}.layer-swatch{border:1px solid var(--border-subtle);border-radius:3px;width:14px;height:14px}.layer-swatch.googleRoad{background:#4285f4}.layer-swatch.googleHybrid{background:#0f9d58}.layer-swatch.googleSatellite{background:#1b5e20}.layer-swatch.googleTraffic{background:#ea4335}.layer-swatch.googleTerrain{background:#fbbc05}.layer-swatch.dark{background:#0f172a}.layer-swatch.satellite{background:#1e3a1f}.layer-swatch.streets{background:#e2e8f0}.layer-swatch.light{background:#f8fafc}.layer-divider{background:var(--border-subtle);height:1px;margin:4px 0}.layer-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.78rem;font-weight:600;display:flex}.layer-toggle-btn.active{color:var(--brand-primary)}.map-legend-overlay{bottom:20px;background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);z-index:700;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:12px;padding:6px 12px;font-size:.72rem;font-weight:600;display:flex;position:absolute;inset-inline-start:20px}.legend-item{align-items:center;gap:5px;display:flex}.legend-indicator{border-radius:50%;width:8px;height:8px}.legend-indicator.green{background:var(--status-moving)}.legend-indicator.yellow{background:var(--status-idle)}.legend-indicator.red{background:var(--status-stopped)}.legend-indicator.gray{background:var(--status-offline)}.vehicle-hud-overlay{top:18px;z-index:850;pointer-events:auto;position:absolute;inset-inline-start:18px}.hud-card-container{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);width:360px;box-shadow:var(--shadow-lg);color:var(--text-primary);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.hud-header{justify-content:space-between;align-items:center;display:flex}.hud-vehicle-identity{align-items:center;gap:10px;display:flex}.hud-status-indicator{border-radius:50%;width:10px;height:10px}.hud-status-indicator.moving{background:var(--status-moving);box-shadow:0 0 8px var(--status-moving)}.hud-status-indicator.idle{background:var(--status-idle)}.hud-status-indicator.stopped{background:var(--status-stopped)}.hud-status-indicator.offline{background:var(--status-offline)}.hud-vehicle-name{font-size:.88rem;font-weight:800}.hud-vehicle-subinfo{gap:6px;margin-top:1px;font-size:.7rem;display:flex}.hud-plate-tag{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:4px;padding:0 4px;font-weight:700}.hud-model-tag{color:var(--text-muted)}.hud-header-actions{align-items:center;gap:6px;display:flex}.hud-icon-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;display:flex}.hud-icon-btn.active-following{border-color:var(--status-moving);color:#34d399;background:#10b98133}.hud-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.hud-close-btn:hover{color:var(--text-primary)}.hud-speed-gauge-section{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:16px;padding:12px;display:flex}.speedometer-circle{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.speed-svg-gauge{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg-ring{fill:none;stroke:var(--border-subtle);stroke-width:7px}.gauge-fill-ring{fill:none;stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .5s}.speed-gauge-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.speed-value{font-size:1.6rem;font-weight:900;font-family:var(--font-mono);line-height:1}.speed-unit-label{color:var(--text-muted);font-size:.65rem}.speeding-warning-tag{background:var(--status-stopped);color:#fff;white-space:nowrap;border-radius:4px;align-items:center;gap:2px;padding:1px 4px;font-size:.55rem;font-weight:800;display:flex;position:absolute;bottom:-16px}.hud-metrics-column{flex-direction:column;flex:1;gap:6px;display:flex}.hud-metric-row{align-items:center;gap:8px;display:flex}.metric-icon-box{color:var(--text-muted)}.metric-details{flex:1;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.metric-label{color:var(--text-secondary)}.metric-val-status.acc-on{color:var(--status-moving);font-weight:700}.metric-val-status.acc-off{color:var(--text-muted)}.fuel-bar-wrap{background:var(--input-bg);border-radius:999px;width:60px;height:5px;margin:0 4px;overflow:hidden}.fuel-bar-fill{border-radius:999px;height:100%}.highlight-temp{color:#38bdf8;font-weight:700}.hud-location-section{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.hud-address-line{color:var(--text-primary);align-items:flex-start;gap:6px;font-size:.75rem;line-height:1.3;display:flex}.loc-pin{color:var(--brand-primary);flex-shrink:0;margin-top:1px}.hud-coords-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:3px;font-size:.65rem;display:flex}.hud-driver-section{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.driver-avatar-box{width:38px;height:38px;position:relative}.driver-img{object-fit:cover;border:1px solid var(--border-strong);border-radius:50%;width:100%;height:100%}.driver-score-tag{bottom:-2px;background:var(--status-moving);color:#fff;border-radius:999px;padding:1px 3px;font-size:.55rem;font-weight:800;position:absolute;inset-inline-end:-4px}.driver-meta{flex:1}.driver-title-label{color:var(--text-muted);font-size:.62rem}.driver-name-text{font-size:.78rem;font-weight:700}.driver-phone-link{color:var(--brand-accent);align-items:center;gap:3px;font-size:.68rem;text-decoration:none;display:flex}.driver-stats-box{flex-direction:column;align-items:flex-end;gap:2px;font-size:.65rem;display:flex}.odo-item{gap:4px;display:flex}.odo-item .label{color:var(--text-muted)}.odo-item .val{color:var(--text-primary);font-weight:700}.hud-bottom-actions{grid-template-columns:1fr 1fr 1.2fr;gap:6px;display:grid}.hud-action-btn{cursor:pointer;transition:var(--transition-fast);border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.72rem;font-weight:700;display:flex}.hud-action-btn.primary{background:var(--brand-primary);color:#fff}.hud-action-btn.secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary)}.hud-action-btn.danger-cut{border:1px solid var(--status-stopped);color:#f87171;background:#ef444426}.hud-action-btn.danger-restore{border:1px solid var(--status-moving);color:#34d399;background:#10b98126}.history-player-dock{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);width:90%;max-width:820px;box-shadow:var(--shadow-lg);z-index:850;border-radius:12px;padding:12px 18px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.history-player-inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.player-vehicle-info{flex-direction:column;gap:2px;min-width:140px;display:flex}.live-badge-replay{background:var(--brand-primary);color:#fff;border-radius:4px;margin-inline-end:6px;padding:1px 5px;font-size:.6rem;font-weight:800}.player-vehicle-title{font-size:.82rem;font-weight:700}.player-meta-row{color:var(--text-muted);gap:8px;font-size:.68rem;display:flex}.player-controls-center{flex-direction:column;flex:1;gap:6px;display:flex}.player-buttons-strip{justify-content:center;align-items:center;gap:8px;display:flex}.player-ctrl-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.player-ctrl-btn.play-main-btn{background:var(--brand-primary);color:#fff;width:38px;height:38px}.speed-multiplier-group{gap:4px;margin-inline-start:12px;display:flex}.multiplier-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.multiplier-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.player-scrubber-row{align-items:center;gap:10px;display:flex}.time-endpoint{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono)}.slider-wrapper{flex:1;align-items:center;display:flex;position:relative}.history-scrubber-slider{background:var(--border-subtle);appearance:none;cursor:pointer;border-radius:999px;outline:none;width:100%;height:5px}.player-right-stats{align-items:center;gap:14px;display:flex}.playback-speed-indicator{align-items:baseline;gap:2px;display:flex}.p-speed-value{font-size:1.4rem;font-weight:900;font-family:var(--font-mono);color:#38bdf8}.p-speed-unit{color:var(--text-muted);font-size:.68rem}.player-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.modal-backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.commands-modal-box,.geofence-modal-box,.reports-modal-box,.maintenance-modal-box{background:var(--bg-surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.commands-modal-box{width:720px}.geofence-modal-box{width:500px}.reports-modal-box{width:880px}.maintenance-modal-box{width:680px}.modal-header-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header-title{align-items:center;gap:12px;display:flex}.terminal-title-icon{color:#38bdf8}.geofence-title-icon{color:var(--brand-primary)}.reports-title-icon{color:#10b981}.mnt-title-icon{color:#f59e0b}.modal-header-title h3{color:var(--text-primary,#fff);font-size:1rem;font-weight:800}.modal-subtitle{color:var(--text-muted,#94a3b8);margin-top:1px;font-size:.72rem}.modal-close-btn{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.modal-close-btn:hover{color:#fff;background:#ef4444;transform:scale(1.08);box-shadow:0 4px 12px #ef444459}.modal-body-split{flex:1;grid-template-columns:240px 1fr;display:grid;overflow:hidden}.commands-selector-col{background:var(--bg-surface-elevated);border-inline-end:1px solid var(--border-subtle);flex-direction:column;gap:10px;padding:14px;display:flex}.col-subheading{color:var(--text-muted);font-size:.72rem;font-weight:700}.commands-pills-list{flex-direction:column;gap:6px;display:flex}.command-select-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;text-align:start;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.76rem;font-weight:600;display:flex}.command-select-pill:hover{background:var(--bg-surface-hover)}.command-select-pill.active{border-color:var(--brand-primary);color:#38bdf8;background:#2563eb26}.command-select-pill.danger.active{border-color:var(--status-stopped);color:#f87171;background:#ef444426}.command-execution-col{flex-direction:column;gap:14px;padding:18px;display:flex}.cmd-desc-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.cmd-desc-title{margin-bottom:4px;font-size:.85rem;font-weight:800}.cmd-desc-text{color:var(--text-secondary);font-size:.76rem;line-height:1.4}.pin-input-section{flex-direction:column;gap:6px;display:flex}.pin-label{color:var(--status-stopped);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.pin-input-field{border:1px solid var(--border-subtle);background:var(--input-bg);letter-spacing:4px;text-align:center;color:var(--text-primary);border-radius:6px;outline:none;padding:10px 14px;font-size:1.1rem}.pin-input-field.error{border-color:var(--status-stopped)}.pin-error-text{color:var(--status-stopped);font-size:.72rem}.terminal-live-console{font-family:var(--font-mono);background:#020617;border:1px solid #1e293b;border-radius:8px;height:120px;padding:10px;font-size:.7rem;overflow-y:auto}.terminal-titlebar{color:#64748b;letter-spacing:1px;border-bottom:1px solid #1e293b;margin-bottom:6px;padding-bottom:2px;font-size:.6rem}.terminal-line{margin-bottom:2px}.terminal-line.sending{color:#f59e0b}.terminal-line.success{color:#10b981}.terminal-line.info{color:#64748b}.submit-cmd-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.85rem;font-weight:800;display:flex}.submit-cmd-btn.primary{background:var(--brand-primary);color:#fff}.submit-cmd-btn.danger{background:var(--status-stopped);color:#fff}.geofence-form{flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.slider-label-row{justify-content:space-between;display:flex}.radius-val-highlight{color:var(--brand-primary);font-weight:700}.color-palette-row{gap:10px;display:flex}.color-bubble-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.color-bubble-btn.selected{border-color:#fff;box-shadow:0 0 10px #fff6}.checkbox-cards-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-card-item{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:.78rem;display:flex}.modal-footer-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.secondary-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.8rem;font-weight:600}.reports-top-actions{align-items:center;gap:8px;display:flex}.export-action-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex}.export-action-btn.secondary{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-subtle)}.reports-filter-strip{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.report-tab-pills{gap:6px;display:flex}.report-nav-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex}.report-nav-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.report-dropdowns-group{gap:8px;display:flex}.reports-kpi-summary-grid{background:#ffffff03;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid}.kpi-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;padding:12px;display:flex}.kpi-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.kpi-value{font-size:1.25rem;font-weight:800;font-family:var(--font-mono);margin:4px 0 2px}.kpi-value.highlight-blue{color:#38bdf8}.kpi-value.highlight-amber{color:#fbbf24}.kpi-value.highlight-red{color:#f87171}.kpi-value.highlight-green{color:#34d399}.kpi-sub{color:var(--text-muted);font-size:.65rem}.reports-table-scroll-area{flex:1;padding:0 20px 20px;overflow-y:auto}.gps-data-table{border-collapse:collapse;width:100%;font-size:.76rem}.gps-data-table th{text-align:start;background:var(--bg-surface-elevated);color:var(--text-secondary);border-bottom:2px solid var(--border-subtle);padding:10px 12px;font-weight:700}.gps-data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px 12px}.gps-data-table tr:hover td{background:var(--bg-surface-hover);color:var(--text-primary)}.vehicle-cell-title{font-weight:700;color:var(--text-primary)!important}.metric-bold{color:var(--text-primary);font-weight:800;font-family:var(--font-mono)}.stops-pill{background:var(--bg-surface-elevated);border-radius:4px;padding:2px 6px;font-weight:700}.status-badge-inline.success{color:var(--status-moving)}.status-badge-inline.danger{color:var(--status-stopped);font-weight:700}.violations-tag.has-violations{color:#f87171;background:#ef444433;border-radius:4px;padding:2px 6px;font-weight:800}.violations-tag.zero{color:var(--text-muted)}.score-percentage-pill{color:#34d399;background:#10b98126;border-radius:4px;padding:2px 6px;font-weight:800}.maintenance-records-list{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.maintenance-record-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex}.maintenance-record-card.overdue{border-inline-start:4px solid var(--status-stopped)}.maintenance-record-card.due_soon{border-inline-start:4px solid var(--status-idle)}.maintenance-record-card.ok{border-inline-start:4px solid var(--status-moving)}.mnt-vehicle-title{font-size:.85rem;font-weight:800}.mnt-task-title{color:var(--text-secondary);margin:3px 0 8px;font-size:.78rem}.mnt-meta-grid{grid-template-columns:repeat(4,auto);gap:14px;font-size:.7rem;display:grid}.mnt-meta-cell{gap:4px;display:flex}.mnt-meta-cell .meta-lbl{color:var(--text-muted)}.mnt-meta-cell .meta-val{color:var(--text-primary);font-weight:700}.mnt-card-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.mnt-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:800;display:flex}.mnt-badge.overdue{color:#f87171;background:#ef444433}.mnt-badge.due_soon{color:#fbbf24;background:#f59e0b33}.mnt-badge.ok{color:#34d399;background:#10b98133}.complete-service-btn{border:1px solid var(--brand-primary);color:#38bdf8;cursor:pointer;background:#2563eb26;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:700;display:flex}.complete-service-btn:hover{background:var(--brand-primary);color:#fff}:root{--gpswox-teal:#00b4c6;--gpswox-teal-hover:#009aa9;--gpswox-teal-dark:#008794;--gpswox-teal-light:#e0f7fa;--gpswox-sidebar-bg:#fff;--gpswox-sidebar-width:256px;--gpswox-nav-active:#6e7987;--gpswox-text-dark:#374151;--gpswox-text-muted:#6b7280;--gpswox-border:#e5e7eb;--gpswox-card-bg:#fff;--gpswox-card-shadow:0 4px 20px #00000014;--status-green:#10b981;--status-red:#ef4444;--status-yellow:#f59e0b}body{background-color:var(--bg-app,#f3f4f6);color:var(--text-primary,#1f2937);-webkit-user-select:none;user-select:none;font-family:Cairo,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.gps-app-root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.official-top-header{color:#4b5563;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:18px;height:38px;padding:0 20px;font-size:.76rem;display:flex;box-shadow:0 1px 3px #0000000a}.upgrade-btn-teal{background:var(--gpswox-teal);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:.74rem;font-weight:700;transition:background .15s}.upgrade-btn-teal:hover{background:var(--gpswox-teal-hover)}.trial-days-text{color:#374151}.trial-days-text strong{color:#ef4444}.top-help-link{color:#0284c7;align-items:center;gap:4px;font-weight:500;text-decoration:none;display:flex}.top-help-link:hover{text-decoration:underline}.gps-main-container{flex:1;display:flex;position:relative;overflow:hidden}.official-gpswox-sidebar{width:var(--gpswox-sidebar-width);background:var(--gpswox-sidebar-bg,#fff);border-inline-end:1px solid var(--gpswox-border,#e5e7eb);z-index:900;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:2px 0 12px #00000008}.sidebar-brand-top{border-bottom:1px solid var(--gpswox-border,#f3f4f6);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:58px;padding:12px 14px;display:flex}.gpswox-official-logo{text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;direction:ltr!important}.logo-main-text{letter-spacing:-.3px;align-items:center;gap:4px;font-size:1.15rem;font-weight:900;line-height:1;display:flex}.logo-accent-cyan{color:#00b4c6;text-shadow:0 0 12px #00b4c64d}.logo-accent-blue{color:#0284c7}.logo-sub-tag{color:var(--gpswox-text-muted,#64748b);letter-spacing:.2px;margin-top:3px;font-size:.6rem;font-weight:600}.sidebar-collapse-toggle{border:1px solid var(--gpswox-border,#e5e7eb);width:26px;height:26px;color:var(--gpswox-text-muted,#64748b);cursor:pointer;background:#f8fafc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-collapse-toggle:hover{background:var(--gpswox-teal-light,#e0f7fa);border-color:var(--gpswox-teal,#00b4c6);color:var(--gpswox-teal,#00b4c6);transform:scale(1.05)}.sidebar-menu-list{scrollbar-width:thin;scrollbar-color:#64748b33 transparent;flex-direction:column;flex:1;gap:3px;padding:8px 10px;display:flex;overflow:hidden auto}.sidebar-menu-list::-webkit-scrollbar{width:4px}.sidebar-menu-list::-webkit-scrollbar-thumb{background:#64748b33;border-radius:4px}.sidebar-menu-item{color:var(--gpswox-text-dark,#334155);cursor:pointer;text-align:start;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex;position:relative}.sidebar-menu-item:hover{color:#0f172a;background:#f1f5f9}.sidebar-menu-item.active{font-weight:700;box-shadow:0 3px 10px #00b4c659;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#00b4c6 100%)!important}.sidebar-menu-item.active svg,.sidebar-menu-item.active .menu-item-icon{color:#fff!important}.menu-item-icon{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.sidebar-menu-item:hover .menu-item-icon{color:#00b4c6}.menu-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-bottom-profile{border-top:1px solid var(--gpswox-border,#e5e7eb);background:inherit;flex-direction:column;flex-shrink:0;gap:8px;padding:10px 12px;display:flex}.user-account-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.user-account-row:hover{background:#0000000a}.user-avatar-circle{background:#00b4c61a;border:1.5px solid #00b4c6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.user-online-pip{bottom:0;background:#10b981;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:0;box-shadow:0 0 6px #10b98199}.user-account-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-account-name{color:var(--gpswox-text-dark,#1e293b);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.user-account-role-tag{align-items:center;display:flex}.role-pill-badge{border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:1px 7px;font-size:.66rem;font-weight:700;line-height:1.3;display:inline-flex}.sidebar-quick-dock{border:1px solid var(--gpswox-border,#e2e8f0);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;gap:4px;padding:4px;display:flex}.dock-tool-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;height:28px;padding:0 6px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.dock-tool-btn:hover{color:#0284c7;background:#fff;box-shadow:0 1px 4px #00000014}.dock-tool-btn.danger:hover{color:#ef4444;background:#ef44441a}.dock-btn-label{font-size:.7rem;font-weight:700}.official-gpswox-sidebar.collapsed{width:64px}.official-gpswox-sidebar.collapsed .menu-item-text,.official-gpswox-sidebar.collapsed .user-account-details,.official-gpswox-sidebar.collapsed .dock-btn-label{display:none!important}.official-gpswox-sidebar.collapsed .sidebar-brand-top{justify-content:center;padding:12px 6px}.official-gpswox-sidebar.collapsed .sidebar-menu-item{justify-content:center;padding:10px 0}.official-gpswox-sidebar.collapsed .sidebar-bottom-profile{align-items:center;padding:10px 6px}.official-gpswox-sidebar.collapsed .user-account-row{justify-content:center;padding:4px 0}.official-gpswox-sidebar.collapsed .sidebar-quick-dock{background:0 0;border:none;flex-direction:column;gap:6px;padding:0}.official-gpswox-sidebar.collapsed .dock-tool-btn{background:#f1f5f9;border-radius:8px;width:32px;height:32px}.map-floating-controls{display:none!important}.floating-objects-panel{top:16px;width:330px;box-shadow:var(--gpswox-card-shadow);z-index:800;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;max-height:440px;display:flex;position:absolute;inset-inline-start:16px;overflow:hidden}.objects-panel-header{background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-header-title{color:#1f2937;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.objects-count-badge{color:#0284c7;font-size:.68rem;font-weight:700;font-family:var(--font-mono);background:#e0f2fe;border-radius:12px;padding:1px 7px}.panel-header-icon{color:var(--gpswox-teal)}.panel-collapse-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none}.objects-actions-row{background:#fff;align-items:center;gap:8px;padding:8px 12px;display:flex}.btn-add-object-teal{background:var(--gpswox-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;box-shadow:0 2px 6px #00b4c64d}.btn-add-object-teal:hover{background:var(--gpswox-teal-hover)}.btn-menu-icon{width:36px;height:36px;color:var(--gpswox-teal);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.objects-search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;height:36px;padding:0 10px;display:flex}.objects-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:.78rem}.clear-search-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.objects-list-body{background:#fff;flex-direction:column;flex:1;display:flex;overflow-y:auto}.objects-group-accordion{color:#4b5563;cursor:pointer;background:#f9fafb;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.74rem;font-weight:600;transition:background .15s;display:flex}.objects-group-accordion:hover{background:#f1f5f9}.group-counter-pill{color:#475569;font-size:.65rem;font-weight:700;font-family:var(--font-mono);background:#e2e8f0;border-radius:10px;padding:1px 6px}.vehicle-context-dropdown{top:36px;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:2px;width:190px;padding:4px;display:flex;position:absolute;inset-inline-end:10px;box-shadow:0 10px 25px -5px #0003}.vehicle-context-item{cursor:pointer;text-align:start;color:#374151;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;transition:all .12s;display:flex}.vehicle-context-item:hover{color:#00b4c6;background:#f1f5f9}.group-checkbox-row{align-items:center;gap:8px;display:flex}.objects-status-pills-row{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.status-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.status-pill-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.status-pill-btn.active{color:#fff;background:#00b4c6;border-color:#00b4c6;box-shadow:0 2px 8px #00b4c659}.status-pill-btn.active .status-pill-dot{background:#fff!important}.status-pill-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-pill-count{opacity:.85;font-size:.65rem;font-family:var(--font-mono)}.vehicle-row-item{cursor:pointer;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.vehicle-row-item:hover{background:#f8fafc}.vehicle-row-item:hover .vehicle-hover-actions{opacity:1;pointer-events:auto}.vehicle-row-item.active{border-inline-start:3px solid var(--gpswox-teal);background:#f0fdfa}.vehicle-row-left{flex-shrink:0;align-items:center;display:flex}.vehicle-icon-pill{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:relative}.vehicle-icon-pill.green{background:#10b9811f}.vehicle-icon-pill.yellow{background:#f59e0b1f}.vehicle-icon-pill.red{background:#ef44441a}.vehicle-icon-pill.selected{box-shadow:0 0 0 2px var(--gpswox-teal)}.vehicle-status-dot{bottom:-1px;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:-1px}.vehicle-status-dot.green{background:#10b981}.vehicle-status-dot.red{background:#ef4444}.vehicle-status-dot.yellow{background:#f59e0b}.vehicle-status-dot.pulsing{animation:1.8s infinite vehiclePulse;box-shadow:0 0 #10b981b3}@keyframes vehiclePulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.vehicle-row-center{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vehicle-name-row{align-items:center;gap:6px;display:flex;overflow:hidden}.vehicle-row-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.vehicle-plate-pill{color:#475569;font-size:.62rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:0 5px}.vehicle-sub-row{align-items:center;gap:6px;display:flex}.vehicle-speed-tag{font-size:.65rem;font-weight:700;font-family:var(--font-mono)}.vehicle-speed-tag.green{color:#059669}.vehicle-speed-tag.yellow{color:#d97706}.vehicle-speed-tag.red{color:#dc2626}.vehicle-time-sub{color:#94a3b8;font-size:.62rem;font-family:var(--font-mono)}.vehicle-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.vehicle-row-item .vehicle-hover-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;display:flex!important;position:static!important}.vehicle-row-item:hover .vehicle-hover-actions{opacity:1!important}.quick-action-micro-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .12s;display:flex}.quick-action-micro-btn:hover{color:#0284c7;background:#e0f2fe;transform:scale(1.08)}.quick-action-micro-btn.active{color:#fff;background:#00b4c6}.vehicle-visibility-checkbox{cursor:pointer;align-items:center;display:flex}.vehicle-visibility-checkbox input[type=checkbox]{accent-color:#00b4c6;cursor:pointer;width:15px;height:15px}.user-profile-modern-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#00b4c6,#0e7490);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:flex;position:relative}.user-online-pip{background:#10b981;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.role-pill-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-block}.role-pill-badge.superadmin{color:#4338ca;background:#e0e7ff}.role-pill-badge.reseller{color:#b45309;background:#fef3c7}.role-pill-badge.client{color:#0f766e;background:#ccfbf1}.role-pill-badge.driver{color:#475569;background:#e2e8f0}.official-bottom-dock{bottom:18px;z-index:850;pointer-events:auto;border-radius:16px;width:440px;max-width:calc(100vw - 120px);animation:.25s cubic-bezier(.16,1,.3,1) slideUpFade;position:absolute;inset-inline-end:80px;box-shadow:0 16px 40px #00000029}.dock-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:135px;padding:10px 12px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 20px -2px #00000014}.dock-card:hover{box-shadow:0 8px 25px -4px #0000001f}.dock-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}.dock-card-title{color:#1e293b;align-items:center;gap:7px;font-size:.8rem;font-weight:700;display:flex}.dock-header-icon-badge{background:#00b4c61a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dock-card-content{color:#475569;flex-direction:column;gap:4px;font-size:.72rem;display:flex}.dock-data-row{justify-content:space-between;align-items:center;display:flex}.dock-data-label{color:#64748b;align-items:center;gap:5px;font-size:.7rem;display:flex}.dock-data-value{color:#0f172a;font-weight:700}.dock-micro-btn,.dock-minimize-btn,.dock-icon-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .12s;display:flex}.dock-micro-btn:hover,.dock-minimize-btn:hover,.dock-icon-action-btn:hover{color:#00b4c6;background:#f1f5f9}.dock-status-pill{border-radius:10px;padding:1px 7px;font-size:.65rem;font-weight:700}.dock-status-pill.on{color:#059669;background:#10b98126}.dock-status-pill.off{color:#94a3b8;background:#f1f5f9}.btn-add-maintenance-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b4c6,#0e7490);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.76rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #00b4c64d}.btn-add-maintenance-modern:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00b4c673}.maintenance-btn-icon{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.card-dashcam-glow{background:linear-gradient(#fff 0%,#f8fafc 100%)}.dock-live-pip-badge{color:#ef4444;letter-spacing:.5px;background:#ef44441f;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:.62rem;font-weight:800;display:flex}.live-dot-pulsing{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s infinite livePulse}@keyframes livePulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.dashcam-dock-preview-btn{text-align:center;flex-direction:column;align-items:center;gap:3px;transition:transform .15s;display:flex}.dashcam-dock-preview-btn:hover{transform:scale(1.03)}.dashcam-dock-title{color:#1e293b;font-size:.74rem;font-weight:700}.dashcam-dock-hint{color:#94a3b8;font-size:.64rem}.official-map-toolbar-right{top:16px;z-index:800;flex-direction:column;gap:8px;display:flex;position:absolute;inset-inline-end:16px}.map-tools-strip-teal{background:linear-gradient(#00b4c6,#0891b2);border:1px solid #fff3;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 6px 18px #00b4c659}.teal-tool-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .12s;display:flex}.teal-tool-btn:hover{background:#fff3;transform:scale(1.05)}.teal-tool-btn.active{box-shadow:inset 0 2px 4px #00000040;background:#0e7490!important}.map-tools-strip-white{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000014}.white-tool-btn{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .12s;display:flex}.white-tool-btn:hover{color:#00b4c6;background:#f1f5f9}.white-tool-btn.zoom-btn:hover{color:#0284c7;background:#e0f2fe}.official-vehicle-marker{cursor:pointer;flex-direction:column;align-items:center;display:flex}.marker-arrow-pointer{color:#10b981;filter:drop-shadow(0 2px 4px #0000004d);transition:transform .3s}.marker-pill-label{color:#1f2937;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:.65rem;font-weight:700;box-shadow:0 2px 6px #00000026}.modal-overlay-custom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a99;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box-custom{background:#fff;border-radius:12px;flex-direction:column;animation:.18s ease-out scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.modal-header-teal{color:#fff;background:linear-gradient(135deg,#00b4c6 0%,#008794 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.header-icon-box{background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-title-text{margin:0;font-size:1.05rem;font-weight:700}.modal-subtitle-text{opacity:.9;margin-top:1px;font-size:.75rem;display:block}.modal-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.modal-close-btn:hover{background:#fff3}.admin-nav-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.admin-tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.admin-tab-btn:hover{color:var(--gpswox-teal)}.admin-tab-btn.active{color:var(--gpswox-teal);border-bottom-color:var(--gpswox-teal)}.badge-count{color:#374151;font-size:.7rem;font-family:var(--font-mono);background:#e5e7eb;border-radius:10px;padding:1px 6px}.admin-tab-btn.active .badge-count{color:var(--gpswox-teal-dark);background:#e0f7fa}.top-help-link-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-size:.76rem;font-weight:500;transition:background .15s;display:flex}.top-help-link-btn:hover{background:#f0f9ff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.floating-objects-panel{inset:auto 0 0;z-index:950;max-height:46vh;padding-bottom:env(safe-area-inset-bottom,12px);border:1px solid #00b4c640;border-radius:18px 18px 0 0;position:fixed;inset-inline-start:0;box-shadow:0 -8px 30px #00000059;width:100%!important;max-width:100%!important}.modal-overlay-custom{align-items:flex-end!important;padding:0!important}.modal-box-custom{border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;height:94vh!important;max-height:94vh!important;margin:0!important}.modal-header-teal{padding:12px 16px!important}.top-navbar-official{height:50px;padding:0 10px}button,input,select{min-height:38px}}@media (width<=580px){.account-modal div[style*=gridTemplateColumns],.modal-box-custom div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.topbar-subtitle-text,.brand-tagline{display:none!important}}body.theme-light{--gpswox-sidebar-bg:#fff;--gpswox-card-bg:#fff;--gpswox-border:#e2e8f0;--gpswox-text-dark:#0f172a;--gpswox-text-muted:#64748b;--gpswox-card-shadow:0 4px 20px #0000000f;color:#0f172a!important;background-color:#f1f5f9!important}body.theme-light .gps-app-root{color:#0f172a!important;background-color:#f1f5f9!important}body.theme-dark{--gpswox-sidebar-bg:#0f172a;--gpswox-card-bg:#151f32;--gpswox-border:#ffffff17;--gpswox-text-dark:#f8fafc;--gpswox-text-muted:#94a3b8;--gpswox-card-shadow:0 10px 30px #0000008c;color:#f8fafc!important;background-color:#0b1329!important}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark h5,body.theme-dark h6{color:#fff!important}body.theme-dark .gps-app-root{color:#f8fafc!important;background-color:#0b1329!important}body.theme-dark .official-top-header{color:#cbd5e1!important;background:#0f172a!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 1px 4px #0006!important}body.theme-dark .trial-days-text{color:#cbd5e1!important}body.theme-dark .top-help-link,body.theme-dark .top-help-link-btn{color:#38bdf8!important}body.theme-dark .top-help-link-btn:hover{background:#00b4c626!important}body.theme-dark .official-gpswox-sidebar{background:#0f172a!important;border-inline-end:1px solid #ffffff14!important;box-shadow:2px 0 20px #00000073!important}body.theme-dark .sidebar-brand-top{border-bottom:1px solid #ffffff14!important}body.theme-dark .sidebar-collapse-toggle{color:#94a3b8!important;background:#1e293b!important;border-color:#ffffff1f!important}body.theme-dark .sidebar-collapse-toggle:hover{color:#38bdf8!important;background:#334155!important;border-color:#00b4c6!important}body.theme-dark .sidebar-menu-item{color:#94a3b8!important}body.theme-dark .sidebar-menu-item:hover{color:#f8fafc!important;background:#ffffff0f!important}body.theme-dark .sidebar-menu-item.active{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#00b4c6 100%)!important;box-shadow:0 0 20px #00b4c673!important}body.theme-dark .sidebar-menu-item.active svg{color:#fff!important}body.theme-dark .sidebar-bottom-profile{border-top:1px solid #ffffff14!important}body.theme-dark .user-account-row:hover{background:#ffffff0d}body.theme-dark .user-account-name{color:#f8fafc!important}body.theme-dark .user-online-pip{border-color:#0f172a!important}body.theme-dark .sidebar-quick-dock{background:#0f172acc!important;border-color:#ffffff14!important}body.theme-dark .dock-tool-btn{color:#94a3b8!important}body.theme-dark .dock-tool-btn:hover{color:#38bdf8!important;background:#ffffff1f!important}body.theme-dark .dock-tool-btn.danger:hover{color:#f87171!important;background:#ef444426!important}body.theme-dark .official-gpswox-sidebar.collapsed .dock-tool-btn{background:#ffffff0d!important}body.theme-dark .floating-objects-panel{color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff1f!important;box-shadow:0 16px 40px #000000a6!important}body.theme-dark .objects-panel-header{background:#0f172a!important;border-bottom:1px solid #ffffff14!important}body.theme-dark .panel-header-title{color:#f8fafc!important}body.theme-dark .panel-collapse-btn{color:#94a3b8!important}body.theme-dark .panel-collapse-btn:hover{color:#00b4c6!important}body.theme-dark .objects-count-badge{color:#00b4c6!important;background:#00b4c626!important;border:1px solid #00b4c64d!important}body.theme-dark .objects-actions-row{background:#0f172a!important;border-bottom:1px solid #ffffff0d!important}body.theme-dark .btn-menu-icon{color:#00b4c6!important;background:#1e293b!important;border:1px solid #ffffff1f!important}body.theme-dark .btn-menu-icon:hover{background:#334155!important}body.theme-dark .objects-search-box{background:#1e293b!important;border:1px solid #ffffff1f!important}body.theme-dark .objects-search-box:focus-within{border-color:#00b4c6!important;box-shadow:0 0 0 2px #00b4c633!important}body.theme-dark .objects-search-input{color:#f8fafc!important;background:0 0!important;border:none!important}body.theme-dark .objects-search-input::placeholder{color:#64748b!important}body.theme-dark .clear-search-btn svg{color:#94a3b8!important}body.theme-dark .clear-search-btn:hover svg{color:#f8fafc!important}body.theme-dark .objects-status-pills-row{background:#0b1120!important;border-bottom:1px solid #ffffff14!important}body.theme-dark .status-pill-btn{color:#94a3b8!important;background:#1e293b!important;border:1px solid #ffffff1a!important}body.theme-dark .status-pill-btn:hover{color:#f8fafc!important;background:#334155!important;border-color:#fff3!important}body.theme-dark .status-pill-btn.active{color:#fff!important;background:#00b4c6!important;border-color:#00b4c6!important;box-shadow:0 2px 10px #00b4c666!important}body.theme-dark .objects-list-body{background:#0f172a!important}body.theme-dark .objects-group-accordion{color:#cbd5e1!important;background:#151f32!important;border-top:1px solid #ffffff14!important;border-bottom:1px solid #ffffff14!important}body.theme-dark .objects-group-accordion:hover{background:#1c283f!important}body.theme-dark .group-counter-pill{color:#00b4c6!important;background:#00b4c626!important;border:1px solid #00b4c64d!important}body.theme-dark .vehicle-row-item{color:#f8fafc!important;background:#0f172a!important;border-bottom:1px solid #ffffff0f!important}body.theme-dark .vehicle-row-item:hover{background:#1e293b!important}body.theme-dark .vehicle-row-item.active{background:#00b4c629!important;border-inline-start:3px solid #00b4c6!important}body.theme-dark .vehicle-row-name{color:#f8fafc!important}body.theme-dark .vehicle-plate-pill{color:#cbd5e1!important;background:#1e293b!important;border:1px solid #ffffff26!important}body.theme-dark .vehicle-time-sub{color:#64748b!important}body.theme-dark .vehicle-icon-pill{background:#1e293b!important}body.theme-dark .vehicle-icon-pill.green{background:#10b9812e!important}body.theme-dark .vehicle-icon-pill.yellow{background:#f59e0b2e!important}body.theme-dark .vehicle-icon-pill.red{background:#ef44442e!important}body.theme-dark .vehicle-status-dot{border-color:#0f172a!important}body.theme-dark .quick-action-micro-btn{color:#94a3b8!important;background:#1e293b!important;border:1px solid #ffffff14!important}body.theme-dark .quick-action-micro-btn:hover{color:#38bdf8!important;background:#334155!important;border-color:#00b4c6!important}body.theme-dark .quick-action-micro-btn.active{color:#fff!important;background:#00b4c6!important}body.theme-dark .vehicle-context-dropdown{background:#1e293b!important;border:1px solid #ffffff26!important;box-shadow:0 14px 36px #000000a6!important}body.theme-dark .vehicle-context-item{color:#e2e8f0!important}body.theme-dark .vehicle-context-item:hover{color:#00b4c6!important;background:#00b4c626!important}body.theme-dark .official-bottom-dock,body.theme-dark .official-bottom-dock-card{color:#f8fafc!important;background:#0f172af7!important;border:1px solid #ffffff1f!important;box-shadow:0 16px 40px #000000b3!important}body.theme-dark .official-bottom-dock-minimized{color:#f8fafc!important;background:#0f172af2!important;border:1px solid #ffffff1f!important}body.theme-dark .vehicle-hud-dock-card{color:#f8fafc!important;background:#0f172a!important;border-color:#ffffff1f!important}body.theme-dark .modal-box-custom{color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff1f!important;box-shadow:0 25px 65px #000000bf!important}body.theme-dark .admin-nav-tabs{background:#0b1120!important;border-bottom:1px solid #ffffff14!important}body.theme-dark .admin-tab-btn{color:#94a3b8!important}body.theme-dark .admin-tab-btn:hover{color:#00b4c6!important}body.theme-dark .admin-tab-btn.active{color:#00b4c6!important;border-bottom-color:#00b4c6!important}body.theme-dark .badge-count{color:#cbd5e1!important;background:#1e293b!important}body.theme-dark .admin-tab-btn.active .badge-count{color:#38bdf8!important;background:#00b4c633!important}body.theme-dark .modal-box-custom input:not([type=checkbox]):not([type=radio]),body.theme-dark .modal-box-custom select,body.theme-dark .modal-box-custom textarea,body.theme-dark .modal-backdrop-blur input:not([type=checkbox]):not([type=radio]),body.theme-dark .modal-backdrop-blur select,body.theme-dark .modal-backdrop-blur textarea{color:#f8fafc!important;background:#1e293b!important;border:1px solid #ffffff29!important}body.theme-dark .modal-box-custom select option,body.theme-dark .modal-backdrop-blur select option{color:#f8fafc!important;background:#1e293b!important}body.theme-dark .modal-box-custom>div>div[style*="background: #f9fafb"],body.theme-dark .modal-box-custom>div[style*="background: #f9fafb"],body.theme-dark .modal-box-custom div[style*="background: #fff"],body.theme-dark .modal-box-custom div[style*="background: #ffffff"],body.theme-dark .modal-box-custom div[style*="background:#fff"],body.theme-dark .modal-box-custom div[style*="background:#ffffff"]{color:#f8fafc!important;background:#151f32!important;border-color:#ffffff14!important}body.theme-dark .modal-box-custom span[style*="color: #111827"],body.theme-dark .modal-box-custom span[style*="color: #0f172a"],body.theme-dark .modal-box-custom span[style*="color: #1e293b"],body.theme-dark .modal-box-custom span[style*="color: #1f2937"],body.theme-dark .modal-box-custom div[style*="color: #111827"],body.theme-dark .modal-box-custom div[style*="color: #0f172a"],body.theme-dark .modal-box-custom div[style*="color: #1e293b"],body.theme-dark .modal-box-custom div[style*="color: #1f2937"]{color:#f8fafc!important}body.theme-dark .modal-box-custom span[style*="color: #4b5563"],body.theme-dark .modal-box-custom span[style*="color: #374151"],body.theme-dark .modal-box-custom div[style*="color: #4b5563"],body.theme-dark .modal-box-custom div[style*="color: #374151"]{color:#cbd5e1!important}body.theme-dark .modal-box-custom span[style*="color: #6b7280"],body.theme-dark .modal-box-custom span[style*="color: #64748b"],body.theme-dark .modal-box-custom div[style*="color: #6b7280"],body.theme-dark .modal-box-custom div[style*="color: #64748b"]{color:#94a3b8!important}body.theme-dark .modal-box-custom button[style*="background: #fff"],body.theme-dark .modal-box-custom button[style*="background: #ffffff"]{color:#cbd5e1!important;background:#1e293b!important;border-color:#ffffff1f!important}body.theme-dark table{color:#f8fafc!important}body.theme-dark th{color:#cbd5e1!important;background:#151f32!important;border-bottom:1px solid #ffffff1a!important}body.theme-dark td{color:#f8fafc!important;border-bottom:1px solid #ffffff0f!important}body.theme-dark tr:hover td{background:#ffffff0a!important}body.theme-dark .official-admin-portal,body.theme-dark .official-admin-portal>div{color:#f8fafc!important;background-color:#080c14!important}body.theme-dark .official-admin-portal aside{background:#0f172a!important;border-right-color:#ffffff14!important}body.theme-dark .official-admin-portal header{color:#f8fafc!important;background:#0f172a!important;border-bottom-color:#ffffff14!important}body.theme-dark .official-admin-portal table{color:#f8fafc!important;background:#0f172a!important}body.theme-dark .official-admin-portal th{color:#cbd5e1!important;background:#151f32!important}body.theme-dark .official-admin-portal td{color:#f8fafc!important;border-bottom-color:#ffffff0f!important}body.theme-dark .official-admin-portal input,body.theme-dark .official-admin-portal select{color:#f8fafc!important;background:#1e293b!important;border-color:#ffffff24!important}body.theme-dark .official-admin-portal input::placeholder{color:#64748b!important}body.theme-dark .official-admin-portal div[style*="background: #ffffff"],body.theme-dark .official-admin-portal div[style*="background: #fff"]{color:#f8fafc!important;background:#151f32!important;border-color:#ffffff14!important}body.theme-dark .official-admin-portal span[style*="color: #374151"],body.theme-dark .official-admin-portal span[style*="color: #1e293b"]{color:#f8fafc!important}body.theme-dark .official-admin-portal span[style*="color: #64748b"],body.theme-dark .official-admin-portal span[style*="color: #6b7280"]{color:#94a3b8!important}body.theme-dark ::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff26!important}body.theme-dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40!important}