:root{--bg:#09090b;--surface:#111113;--card:#18181b;--card-hover:#1f1f23;--card-active:#27272a;--border:#ffffff0f;--border-strong:#ffffff1f;--primary:#14b8a6;--primary-dim:#14b8a626;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--text:#fafafa;--text-secondary:#ffffffb8;--text-muted:#ffffff7a;--text-disabled:#ffffff47;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 4px 12px #00000052;--shadow-lg:0 8px 28px #0000006b;--shadow-xl:0 16px 48px #00000085;--shadow-glow-primary:0 0 24px #14b8a638;--shadow-glow-danger:0 0 24px #ef444438;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;margin:0;padding:0}#root{position:relative}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background:#111113c7}.glass-hover{transition:background .2s var(--ease-out-expo), border-color .2s var(--ease-out-expo), transform .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo)}.glass-hover:hover{background:var(--card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.slide-in-left{animation:slideInLeft .35s var(--ease-out-expo) forwards}.slide-in-top{animation:slideInTop .35s var(--ease-out-expo) forwards}.slide-in-bottom{animation:slideInBottom .35s var(--ease-out-expo) forwards}.slide-in-right{animation:slideInRight .35s var(--ease-out-expo) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulseDanger{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--success);animation:2s infinite pulse}.status-dot.offline{background:var(--danger);animation:2.5s infinite pulseDanger}.map-marker{width:20px;height:20px;box-shadow:var(--shadow-md);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:box-shadow .2s}@media (pointer:coarse){.map-marker:after{content:"";position:absolute;inset:-12px}}.map-marker.selected{box-shadow:0 0 0 4px #14b8a659, var(--shadow-md)}.map-marker.online{background:var(--success)}.map-marker.offline{background:var(--danger)}.map-marker.arrow{width:24px;height:24px;box-shadow:none;color:var(--text);filter:drop-shadow(0 1px 2px #00000080);background:0 0;border:none;border-radius:0}.map-marker.arrow.online{color:var(--success)}.map-marker.arrow.offline{color:var(--danger)}.map-marker.car.online.motion-idle{background:var(--warning)}.map-marker.car.online.motion-stopped{background:var(--info)}.map-marker.arrow.online.motion-idle{color:var(--warning)}.map-marker.arrow.online.motion-stopped{color:var(--info)}.map-marker.arrow.selected{filter:drop-shadow(0 0 6px var(--primary))}.map-marker-label{border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;pointer-events:auto;filter:none;background:#111113e0;border-radius:6px;gap:6px;padding:3px 8px;font-size:12px;font-weight:500;line-height:1.4;display:flex;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.map-marker-label-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.map-marker-label-speed{color:var(--text-secondary);flex-shrink:0}.map-marker-label-speed:empty{display:none}.map-marker.selected .map-marker-label{border-color:var(--primary)}@media (width<=768px){.map-marker-label{gap:4px;padding:2px 6px;font-size:11px;left:calc(100% + 6px)}.map-marker-label-name{max-width:90px}}.map-marker-arrow{width:100%;height:100%;transition:transform .8s;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.alerts-toast-container{z-index:100;pointer-events:none;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;top:84px;right:16px}.alerts-toast{pointer-events:auto;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:slideInRight .35s var(--ease-out-expo) forwards;align-items:center;gap:12px;padding:14px 16px;display:flex}.alerts-toast span{flex:1;font-size:14px;line-height:1.4}.alerts-toast button{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.alerts-toast button:hover{color:var(--text);background:#ffffff0f}.alerts-toast.warning{border-left:4px solid var(--warning)}.alerts-toast.danger{border-left:4px solid var(--danger)}.alerts-toast.success{border-left:4px solid var(--success)}.alerts-toast.info{border-left:4px solid var(--info);border-left:4px solid var(--info)}.alerts-toast.neutral{border-left:4px solid var(--text-muted)}.ad-alerts-device-item{cursor:pointer;color:var(--text);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.ad-alerts-device-item:hover{background:#ffffff0f}.ad-alerts-device-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{bottom:88px!important}@media (width<=768px){.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right{bottom:96px!important}.mapboxgl-ctrl-top-right{top:76px!important}}.tracking-header{z-index:20;align-items:center;gap:16px;height:60px;padding:10px 16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.tracking-header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.tracking-logo-mark{background:linear-gradient(135deg, var(--primary), var(--success));color:#09090b;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:grid}.tracking-logo-text{letter-spacing:-.3px;font-size:18px;font-weight:700}.tracking-header-nav{align-items:center;gap:6px;display:flex}.tracking-header-nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.tracking-header-nav button:hover{color:var(--text)}.tracking-header-nav button.active{background:var(--primary-dim);color:var(--primary)}.tracking-header-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.tracking-header-search{flex:1;align-items:center;max-width:260px;display:flex;position:relative}.tracking-header-search svg{pointer-events:none;position:absolute;left:12px}.tracking-header-search input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:8px 12px 8px 36px;font-size:14px;transition:border-color .2s}.tracking-header-search input:focus{border-color:var(--primary)}.tracking-header-lang{flex-shrink:0;align-items:center;gap:4px;display:flex}.tracking-header-lang button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:32px;min-height:32px;padding:5px 8px;font-size:12px;font-weight:600}.tracking-header-lang button.active{background:var(--card-hover);color:var(--text)}.tracking-header-settings{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;flex-shrink:0;place-items:center;text-decoration:none;transition:background .2s;display:grid}.tracking-header-settings:hover{background:#ffffff1a}.tracking-header-burger{border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.tracking-mobile-menu{z-index:31;animation:slideInTop .25s var(--ease-out-expo) forwards;flex-direction:column;gap:16px;padding:16px;display:none;position:absolute;top:84px;left:16px;right:16px}.tracking-mobile-search{align-items:center;display:flex;position:relative}.tracking-mobile-search svg{pointer-events:none;position:absolute;left:12px}.tracking-mobile-search input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:10px 12px 10px 36px;font-size:16px}.tracking-mobile-nav{flex-direction:column;gap:6px;display:flex}.tracking-mobile-nav button,.tracking-mobile-nav a{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.tracking-mobile-nav button.active,.tracking-mobile-nav a.active,.tracking-mobile-nav a:hover{background:var(--primary-dim);color:var(--primary)}.tracking-mobile-badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.tracking-mobile-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.tracking-mobile-lang{gap:4px;display:flex}.tracking-mobile-lang button{color:var(--text-muted);background:0 0;border:none;border-radius:6px;min-width:36px;min-height:36px;padding:6px 10px;font-size:13px;font-weight:600}.tracking-mobile-lang button.active{background:var(--card-hover);color:var(--text)}.tracking-mobile-logout{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600}.tracking-body{width:100%;height:100vh;min-height:100vh;display:flex;overflow:hidden}.tracking-map-area{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.tracking-sidebar-toggle{z-index:15;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);width:48px;height:48px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-lg);transition:left .3s var(--ease-out-expo), background .2s;background:#111113d9;border-radius:12px;place-items:center;display:grid;position:absolute;top:92px;left:16px}.tracking-sidebar-toggle:hover{background:var(--card-hover)}.tracking-sidebar.desktop{z-index:14;-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border);width:340px;height:100%;box-shadow:var(--shadow-lg);transition:width .35s var(--ease-out-expo), opacity .3s ease;background:#111113eb;flex-shrink:0;position:relative;overflow:hidden}.tracking-sidebar.desktop.closed{opacity:0;pointer-events:none;width:0}.tracking-sidebar.desktop.open{opacity:1;width:340px}.tracking-sidebar.desktop .tracking-sidebar-inner{padding-top:92px}.tracking-sidebar-overlay{z-index:30;background:#0000008c;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (width>=769px){.tracking-sidebar-overlay,.tracking-slide-panel-overlay{display:none!important}}@media (width<=768px){.tracking-slide-panel.desktop{display:none!important}}.tracking-sidebar.mobile{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);border:1px solid var(--border);width:100%;max-height:85vh;box-shadow:var(--shadow-xl);animation:slideUp .35s var(--ease-out-expo) forwards;border-bottom:none;overflow:hidden}.tracking-sidebar-inner{height:100%;max-height:inherit;flex-direction:column;display:flex}.tracking-sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.tracking-sidebar-title{align-items:center;gap:10px;display:flex}.tracking-sidebar-title h2{margin:0;font-size:16px;font-weight:600}.tracking-sidebar-count{color:var(--text-muted);background:#ffffff0f;border-radius:20px;padding:3px 8px;font-size:12px}.tracking-sidebar-close{width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;place-items:center;display:grid}.tracking-sidebar-filters{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-shrink:0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.tracking-sidebar-filter{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;min-height:32px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.tracking-sidebar-filter:hover{color:var(--text);background:#ffffff14}.tracking-sidebar-filter.active{border-color:var(--filter-color);background:color-mix(in srgb, var(--filter-color) 12%, transparent);color:var(--filter-color)}.tracking-sidebar-filter-dot{border-radius:50%;width:7px;height:7px}.tracking-sidebar-filter-count{background:#ffffff14;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600}.tracking-sidebar-filter.active .tracking-sidebar-filter-count{background:color-mix(in srgb, var(--filter-color) 22%, transparent)}.tracking-sidebar-list{flex:1;padding:8px;overflow-y:auto}.tracking-vehicle-card{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.tracking-vehicle-card:hover{background:var(--card-hover);border-color:var(--border-strong)}.tracking-vehicle-card.selected{background:var(--primary-dim);border-color:var(--primary)}.tracking-vehicle-row{justify-content:space-between;align-items:center;display:flex}.tracking-vehicle-name{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tracking-vehicle-status{font-size:12px;font-weight:500}.tracking-vehicle-details{flex-direction:column;gap:4px;margin-top:8px;display:flex}.tracking-vehicle-line{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;display:flex}.tracking-vehicle-line i{opacity:.8;flex-shrink:0;width:14px;height:14px;display:inline-flex}.tracking-vehicle-line i svg{width:100%;height:100%}.tracking-vehicle-line em{color:var(--text-muted);font-style:normal}.tracking-vehicle-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.tracking-sidebar-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:14px;display:flex}.tracking-sidebar-error{color:var(--danger);margin:0;font-weight:500}.tracking-sidebar-state-hint{color:var(--text-disabled);font-size:12px}.tracking-sidebar-retry{background:var(--primary);color:#09090b;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:600}.layer-panel{z-index:13;min-width:140px;transition:right .3s var(--ease-out-expo);flex-direction:column;padding:6px;display:flex;position:absolute;top:92px;right:16px}.layer-panel-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.layer-panel-toggle:hover{background:var(--card-hover)}.layer-panel-active-icon{font-size:16px}.layer-panel-active-label{text-align:left;flex:1}.layer-panel-dropdown{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#111113f2;border-radius:12px;flex-direction:column;gap:4px;max-height:320px;margin-top:6px;padding:6px;display:flex;overflow-y:auto}.layer-panel-option{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.layer-panel-option:hover{background:var(--card-hover);color:var(--text)}.layer-panel-option.active{background:var(--primary-dim);color:var(--primary)}.layer-panel-option-icon{text-align:center;width:22px;font-size:16px}.layer-panel-option-label{flex:1}.layer-panel-check{color:var(--primary)}.tracking-live-badge{z-index:11;background:var(--primary-dim);color:var(--primary);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:92px;right:180px}.tracking-live-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.tracking-header{gap:10px;height:56px;padding:8px 12px;top:12px;left:12px;right:12px}.tracking-logo-text{font-size:16px}.tracking-header-nav,.tracking-header-search,.tracking-header-lang{display:none}.tracking-header-burger{display:grid}.tracking-mobile-menu{display:flex}.tracking-sidebar-toggle{width:44px;height:44px;top:80px;left:12px}.tracking-body{display:block}.tracking-map-area{height:100vh}.tracking-sidebar.desktop{display:none}.layer-panel{min-width:120px;top:80px;right:12px}.layer-panel-toggle{padding:8px}.layer-panel-active-label{display:none}.layer-panel-dropdown{z-index:25;width:220px;position:fixed;top:136px;left:auto;right:12px}.tracking-live-badge{top:136px;left:12px;right:auto}}.tracking-panel-backdrop{z-index:13;background:0 0;position:fixed;inset:0}.tracking-slide-panel.desktop{z-index:25;-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--border);width:360px;box-shadow:var(--shadow-xl);opacity:0;transition:transform .25s var(--ease-out-expo), opacity .25s ease;pointer-events:none;background:#111113f0;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.tracking-slide-panel.desktop.open{opacity:1;pointer-events:auto;transform:translate(0)}.tracking-slide-panel-overlay{z-index:30;pointer-events:none;background:#0000008c;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tracking-slide-panel.mobile{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);border:1px solid var(--border);width:100%;height:92vh;max-height:92vh;box-shadow:var(--shadow-xl);animation:slideUp .35s var(--ease-out-expo) forwards;pointer-events:auto;border-bottom:none;overflow:hidden}@media (width>=769px){.tracking-slide-panel-overlay{display:none!important}}.tracking-slide-panel-inner{height:100%;max-height:inherit;flex-direction:column;display:flex}.tracking-slide-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:92px 16px 16px;display:flex}.tracking-slide-panel-title{align-items:center;gap:10px;display:flex}.tracking-slide-panel-title h2{margin:0;font-size:17px;font-weight:600}.tracking-slide-panel-count{color:var(--text-muted);background:#ffffff0f;border-radius:20px;padding:3px 8px;font-size:12px}.tracking-slide-panel-close{width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;place-items:center;display:grid}.tracking-sidebar-toggle.panel-open{left:376px}.history-panel-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.history-panel-field{flex-direction:column;gap:6px;display:flex}.history-panel-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.history-panel-field select,.history-panel-field input[type=datetime-local]{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.history-panel-field select:focus,.history-panel-field input:focus{border-color:var(--primary)}.history-panel-presets{flex-wrap:wrap;gap:8px;display:flex}.history-panel-presets button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s}.history-panel-presets button.active,.history-panel-presets button:hover{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.history-panel-dates{grid-template-columns:1fr;gap:10px;display:grid}.history-panel-show-btn{background:var(--primary);color:#09090b;cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s}.history-panel-show-btn:disabled{opacity:.5;cursor:not-allowed}.history-panel-show-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.history-panel-error{color:var(--danger);margin:0;font-size:13px}.history-panel-results{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:16px;display:flex}.history-summary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.history-summary-item{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.history-summary-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.history-summary-item strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.history-summary-item em{color:var(--text-muted);font-size:11px;font-style:normal}.history-replay{align-items:center;gap:10px;display:flex}.history-replay-play{background:var(--primary);color:#09090b;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.history-replay-play:disabled{opacity:.5;cursor:not-allowed}.history-replay-track{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-replay-progress{width:100%;accent-color:var(--primary);min-height:24px;margin:0}.history-replay-readout{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.history-replay select{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:8px;flex-shrink:0;padding:6px 8px;font-size:13px}.history-legend{color:var(--text-muted);flex-wrap:wrap;gap:6px 12px;font-size:11px;display:flex}.history-legend span{align-items:center;gap:5px;display:inline-flex}.history-legend i{border-radius:2px;width:14px;height:4px}.history-timeline{flex-direction:column;gap:6px;display:flex}.history-timeline h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;font-size:12px;font-weight:600}.history-timeline-item{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;font:inherit;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.history-timeline-item:hover{background:var(--card-hover);border-color:var(--border-strong)}.history-timeline-icon{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.history-timeline-item.trip .history-timeline-icon{background:linear-gradient(135deg,#22c55e,#eab308);border-radius:3px;width:6px;height:30px;margin:0 8px}.history-timeline-item.stop .history-timeline-icon{background:var(--info);color:#fff}.history-timeline-main,.history-timeline-side{flex-direction:column;gap:2px;min-width:0;display:flex}.history-timeline-main{flex:1}.history-timeline-side{text-align:right;align-items:flex-end}.history-timeline-main strong,.history-timeline-side strong{font-size:13px;font-weight:600}.history-timeline-main span,.history-timeline-side span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.history-clear-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-size:13px;font-weight:600}.history-clear-btn:hover{border-color:var(--danger);color:var(--danger)}.history-trip-bar{z-index:18;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);width:min(560px,100vw - 24px);color:var(--text);background:#111113f0;border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.history-trip-bar-head{align-items:center;gap:8px;display:flex}.history-trip-bar-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-trip-bar-title strong,.history-trip-bar-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-trip-bar-title strong{font-size:14px}.history-trip-bar-title span{color:var(--text-muted);font-size:12px}.history-trip-bar-btn,.history-trip-bar-close{border:1px solid var(--border-strong);min-height:36px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:10px;flex-shrink:0;font-size:13px;font-weight:600}.history-trip-bar-btn{padding:0 12px}.history-trip-bar-close{place-items:center;width:36px;display:grid}.trip-popup{color:#18181b;flex-direction:column;gap:2px;font-size:13px;display:flex}.tp-alerts-panel-meta{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.tp-alerts-panel-list{flex:1;padding:12px;overflow-y:auto}.trip-marker{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid;box-shadow:0 2px 8px #00000080}.trip-marker-start{background:var(--success)}.trip-marker-end{background:var(--danger)}.trip-marker-stop{background:var(--info);cursor:pointer}.trip-marker-replay{width:30px;height:30px;color:var(--primary);filter:drop-shadow(0 0 2px #fff)drop-shadow(0 2px 6px #0009);z-index:2}.trip-marker-replay svg{width:100%;height:100%;display:block}@media (width<=768px){.tracking-slide-panel-header{padding-top:20px}.tracking-sidebar-toggle.panel-open{left:12px}.history-panel-dates{grid-template-columns:1fr}.history-trip-bar{bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 12px}.history-replay-play{width:44px;height:44px}.history-timeline-item{min-height:52px}}:root{--auth-cream:#fafaf7;--auth-cream-dark:#f2f0ea;--auth-teal:#0f766e;--auth-teal-light:#2dd4bf;--auth-teal-hover:#115e59;--auth-text:#1a1a1a;--auth-text-muted:#57534e;--auth-border:#0f766e2e;--auth-radius:16px;--auth-shadow:0 12px 40px #00000014}.auth-page{background:var(--auth-cream);min-height:100vh;color:var(--auth-text);place-items:center;padding:24px;font-family:Tajawal,Cairo,system-ui,sans-serif;display:grid}.auth-card{border:1px solid var(--auth-border);border-radius:var(--auth-radius);width:100%;max-width:420px;box-shadow:var(--auth-shadow);background:#fff;padding:40px 32px;animation:.35s ease-out both authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-logo-mark{background:linear-gradient(135deg, var(--auth-teal), var(--auth-teal-light));color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.auth-logo-text{letter-spacing:-.5px;color:var(--auth-text);font-size:24px;font-weight:800}.auth-title{text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.auth-subtitle{text-align:center;color:var(--auth-text-muted);margin-bottom:28px;font-size:15px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--auth-text);font-size:14px;font-weight:600}.auth-field input,.auth-field textarea,.auth-field select{border:1px solid var(--auth-border);background:var(--auth-cream);color:var(--auth-text);border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus,.auth-field textarea:focus,.auth-field select:focus{border-color:var(--auth-teal);box-shadow:0 0 0 3px #0f766e1a}.auth-field textarea{resize:vertical;min-height:90px}.auth-options{justify-content:space-between;align-items:center;font-size:13px;display:flex}.auth-checkbox{cursor:pointer;color:var(--auth-text-muted);align-items:center;gap:8px;display:flex}.auth-checkbox input{width:16px;height:16px;accent-color:var(--auth-teal);cursor:pointer}.auth-btn{background:var(--auth-teal);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s,transform .1s}.auth-btn:hover{background:var(--auth-teal-hover)}.auth-btn:active{transform:scale(.99)}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:14px}.auth-footer{text-align:center;color:var(--auth-text-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--auth-teal);font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-contact-options{flex-direction:column;gap:12px;margin-top:8px;display:flex}.auth-contact-btn{border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .1s,opacity .2s;display:flex}.auth-contact-btn:hover{opacity:.92}.auth-contact-btn.whatsapp{color:#fff;background:#25d366}.auth-contact-btn.email{background:var(--auth-cream-dark);color:var(--auth-text);border:1px solid var(--auth-border)}.auth-hint{color:var(--auth-teal);text-align:center;background:#f0fdfa;border:1px solid #0f766e1f;border-radius:12px;margin-top:16px;padding:14px;font-size:14px}@media (width<=480px){.auth-page{padding:16px;padding-top:env(safe-area-inset-top,16px);padding-bottom:env(safe-area-inset-bottom,16px);align-items:flex-start}.auth-card{border-radius:14px;padding:28px 22px}.auth-logo-mark{width:38px;height:38px;font-size:18px}.auth-logo-text,.auth-title{font-size:20px}.auth-field input,.auth-field textarea,.auth-field select{min-height:48px;padding:14px;font-size:16px}.auth-btn,.auth-contact-btn{min-height:48px;font-size:16px}.auth-checkbox{min-height:44px}}