: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-reports-buttons{flex-wrap:wrap;gap:8px;display:flex}.history-reports-buttons 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-reports-buttons button:not(:disabled):hover{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.history-reports-buttons button:disabled{opacity:.5;cursor:not-allowed}.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}input,select,textarea{font-size:16px!important}.tracking-mobile-menu{background:#111113f7}.tracking-sidebar-filter,.history-panel-presets button{min-height:40px;padding-top:9px;padding-bottom:9px}.tp-alerts-mark-all,.tp-alert-read-btn{min-height:36px;padding-left:12px;padding-right:12px}.ts-back{min-height:44px}.tracking-vehicle-card{padding:14px}.history-replay select{min-height:40px}.history-replay-progress{min-height:32px}}.sb-shell{z-index:25;-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--border);width:360px;box-shadow:var(--shadow-xl);transition:transform .3s var(--ease-out-expo);pointer-events:none;background:#111113f5;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sb-shell.open{pointer-events:auto;transform:none}.sb-overlay{display:none}.sb-brand{flex-shrink:0;align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.sb-close{width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;place-items:center;margin-left:auto;display:grid}.sb-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:0 12px 12px;display:flex}.sb-tab{min-width:0;min-height:40px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.sb-tab:hover{color:var(--text);background:#ffffff0a}.sb-tab.active{color:var(--primary);background:var(--primary-dim)}.sb-tab-settings{flex:0 0 42px}.sb-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:10px;padding:1px 7px;font-size:11px}.sb-tab-badge,.sb-open-badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.sb-search{border:1px solid var(--border);height:42px;color:var(--text-muted);background:#ffffff0a;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin:12px 12px 4px;padding:0 12px;display:flex}.sb-search:focus-within{border-color:var(--primary)}.sb-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14px}.sb-body,.sb-pane-wrap,.sb-pane{flex-direction:column;flex:1;min-height:0;display:flex}.sb-pane-wrap[hidden]{display:none}.sb-pane{overflow:hidden}.sb-open{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);background:#111113e6;border-radius:12px;place-items:center;display:grid;position:fixed;top:16px;left:16px}.sb-open-badge{position:absolute;top:-6px;right:-6px}.layer-panel{top:16px}.tracking-live-badge{top:22px}@media (width<=768px){.sb-shell{border-right:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);width:100%;height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);top:auto;transform:translateY(100%)}.sb-overlay{z-index:24;background:#00000080;display:block;position:fixed;inset:0}.sb-open{width:46px;height:46px;top:12px;left:12px}.layer-panel{top:12px}.layer-panel-dropdown{top:66px}.tracking-live-badge{top:70px}}.map-fallback{z-index:1;text-align:center;background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.map-fallback p{max-width:440px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.map-fallback button{background:var(--primary);color:#09090b;cursor:pointer;border:none;border-radius:10px;min-height:44px;margin-top:6px;padding:0 20px;font-weight:700}.ax-page{--ax-bg:#05080d;--ax-text:#eef2f6;--ax-text-2:#9aa6b4;--ax-text-3:#627080;--ax-teal:#14b8a6;--ax-teal-2:#2dd4bf;--ax-cyan:#38bdf8;--ax-line:#ffffff1a;--ax-cut:46px;--ax-emblem:92px;--ax-ease:cubic-bezier(.65, 0, .35, 1);--ax-out:cubic-bezier(.22, 1, .36, 1);isolation:isolate;background:var(--ax-bg);min-height:100dvh;color:var(--ax-text);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:Tajawal,Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.ax-page.lang-fr{font-family:Inter,Tajawal,system-ui,-apple-system,sans-serif}.ax-page *,.ax-page :before,.ax-page :after{box-sizing:border-box}.ax-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0}.ax-backdrop svg{width:100%;height:100%;display:block}.ax-ribbons{animation:22s ease-in-out infinite alternate ax-drift}.ax-glow{filter:blur(22px);opacity:.55;animation:16s ease-in-out infinite alternate-reverse ax-drift}.ax-lines path{stroke-dasharray:.22 .78;stroke-dashoffset:1px;animation:7s linear infinite ax-travel}.ax-lines .l2{animation-duration:9s;animation-delay:-3s}.ax-lines .l3{opacity:.7;animation-duration:11s;animation-delay:-6s}@keyframes ax-drift{0%{transform:translate(-30px,10px)rotate(-1deg)}to{transform:translate(30px,-16px)rotate(1deg)}}@keyframes ax-travel{to{stroke-dashoffset:0}}.ax-vignette{background:radial-gradient(55% 60%,#05080d40,#05080dcc 70%,#05080d 100%);position:absolute;inset:0}.ax-top{z-index:2;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.ax-back,.ax-lang{border:1px solid var(--ax-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:38px;color:var(--ax-text-2);cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.ax-back:hover,.ax-lang:hover{color:var(--ax-text);border-color:#2dd4bf66}.ax-lang{color:var(--ax-text);font-family:Tajawal,Inter,sans-serif;font-weight:800}.ax-lang svg{color:var(--ax-teal-2)}.ax-page[dir=ltr] .ax-back svg{transform:scaleX(1)}.ax-page[dir=rtl] .ax-back svg{transform:scaleX(-1)}.ax-stage{flex:1;place-items:center;padding:12px 20px 48px;display:grid}.ax-card-wrap{width:min(460px,100%);animation:ax-card-in .9s var(--ax-out) both;position:relative}@keyframes ax-card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.ax-card{clip-path:polygon(var(--ax-cut) 0, 100% 0, 100% calc(100% - var(--ax-cut)), calc(100% - var(--ax-cut)) 100%, 0 100%, 0 var(--ax-cut));transition:height .55s var(--ax-ease);background:linear-gradient(150deg,#5eead48c,#ffffff14 30%,#ffffff0d 70%,#38bdf873);position:relative;overflow:hidden}.ax-card-glass{clip-path:polygon(calc(var(--ax-cut) - .6px) 0, 100% 0, 100% calc(100% - var(--ax-cut) + .6px), calc(100% - var(--ax-cut) + .6px) 100%, 0 100%, 0 calc(var(--ax-cut) - .6px));-webkit-backdrop-filter:blur(22px)saturate(140%);background:radial-gradient(120% 70% at 0 0,#2dd4bf1f,#0000 55%),radial-gradient(120% 70% at 100% 100%,#38bdf81a,#0000 55%),#0c121ab8;position:absolute;inset:1px}.ax-card-glass:after{content:"";opacity:0;background:radial-gradient(circle,#2dd4bf38,#0000 60%);transition:opacity .6s;position:absolute;inset:0}.ax-card-body{z-index:1;position:relative}.ax-content{transition:opacity .32s ease, transform .42s var(--ax-out), filter .32s ease;padding:40px 38px 30px}.ax-shard{z-index:3;width:calc(var(--ax-cut) - 10px);height:calc(var(--ax-cut) - 10px);transition:left .62s var(--ax-ease), top .62s var(--ax-ease), width .62s var(--ax-ease), height .62s var(--ax-ease), filter .4s;filter:drop-shadow(0 0 10px #2dd4bf59);position:absolute}.ax-shard:before,.ax-shard:after{content:"";clip-path:inherit;position:absolute;inset:0}.ax-shard:before{background:linear-gradient(135deg,#5eead48c,#14b8a61f)}.ax-shard:after{opacity:0;background:linear-gradient(135deg,#2dd4bf,#0f766e);transition:opacity .45s}.ax-shard.tl{clip-path:polygon(0 0,100% 0,0 100%);top:-4px;left:-4px}.ax-shard.br{left:calc(100% - var(--ax-cut) + 14px);top:calc(100% - var(--ax-cut) + 14px);clip-path:polygon(100% 0,100% 100%,0 100%)}.ax-emblem{z-index:4;width:var(--ax-emblem);height:var(--ax-emblem);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ax-emblem-arrow{opacity:0;width:100%;height:100%;transition:opacity .35s, transform .5s var(--ax-out);position:absolute;inset:0;transform:scale(.6)}.ax-ring{opacity:0;border:1.5px solid #2dd4bf8c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 24px #2dd4bf40,inset 0 0 24px #2dd4bf26}.ax-ring.r1{width:150px;height:150px}.ax-ring.r2{border-color:#38bdf866;width:210px;height:210px}.ax-ring.r3{border-color:#2dd4bf40;width:280px;height:280px}.ax-stage.phase-out .ax-content,.ax-stage.phase-merge .ax-content,.ax-stage.phase-split .ax-content{opacity:0;filter:blur(6px);pointer-events:none;transform:translateY(10px)scale(.985)}.ax-stage.phase-merge .ax-shard{left:calc(50% - var(--ax-emblem) / 2);top:calc(50% - var(--ax-emblem) / 2);width:var(--ax-emblem);height:var(--ax-emblem);filter:drop-shadow(0 0 22px #2dd4bf99)}.ax-stage.phase-merge .ax-shard:after{opacity:1;transition-delay:.3s}.ax-stage.phase-merge .ax-emblem-arrow{opacity:1;transition-delay:.5s;transform:scale(.62)}.ax-stage.phase-merge .ax-ring{animation:ax-ring 1.1s var(--ax-out) forwards}.ax-stage.phase-merge .ax-ring.r2{animation-delay:.12s}.ax-stage.phase-merge .ax-ring.r3{animation-delay:.24s}.ax-stage.phase-merge .ax-card-glass:after{opacity:1}@keyframes ax-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.ax-stage.phase-in .ax-content{transition-duration:.42s}.ax-brand{letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:22px;font-family:Inter,sans-serif;font-size:18px;font-weight:800;display:inline-flex}.ax-title{letter-spacing:-.01em;margin:0;font-size:32px;font-weight:800;line-height:1.2}.ax-page.lang-fr .ax-title{letter-spacing:-.03em}.ax-title span{background:linear-gradient(100deg,#5eead4,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text}.ax-subtitle{color:var(--ax-text-2);margin:8px 0 26px;font-size:15px;line-height:1.6}.ax-form{flex-direction:column;gap:16px;display:flex}.ax-field{flex-direction:column;gap:7px;min-width:0;display:flex}.ax-field>span{color:var(--ax-text-2);font-size:13.5px;font-weight:600}.ax-input{align-items:center;display:flex;position:relative}.ax-input>svg{color:var(--ax-text-3);pointer-events:none;transition:color .2s;position:absolute;inset-inline-start:14px}.ax-input input,.ax-input textarea{padding:13px 14px;border:1px solid var(--ax-line);width:100%;color:var(--ax-text);background:#ffffff09;border-radius:12px;outline:none;padding-inline-start:42px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.ax-input textarea{resize:vertical;min-height:64px;padding-inline-start:14px}.ax-input input::placeholder,.ax-input textarea::placeholder{color:var(--ax-text-3)}.ax-page[dir=rtl] .ax-input input[dir=ltr]{text-align:right;padding-left:14px;padding-right:42px}.ax-page[dir=rtl] .ax-input input[dir=ltr]:has(+.ax-eye){padding-left:44px}.ax-input input:focus,.ax-input textarea:focus{background:#2dd4bf0d;border-color:#2dd4bfb3;box-shadow:0 0 0 4px #2dd4bf1f}.ax-input:focus-within>svg{color:var(--ax-teal-2)}.ax-field.invalid input{border-color:#ef4444b3;box-shadow:0 0 0 4px #ef44441a}.ax-input input:has(+.ax-eye){padding-inline-end:44px}.ax-eye{width:34px;height:34px;color:var(--ax-text-3);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;display:grid;position:absolute;inset-inline-end:6px}.ax-eye:hover{color:var(--ax-text);background:#ffffff0f}.ax-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ax-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.ax-check{color:var(--ax-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:14px;display:inline-flex;position:relative}.ax-check input{opacity:0;width:1px;height:1px;position:absolute}.ax-check-box{background:#ffffff0a;border:1px solid #fff3;border-radius:5px;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:grid}.ax-check input:checked+.ax-check-box{background:var(--ax-teal);border-color:var(--ax-teal)}.ax-check input:checked+.ax-check-box:after{content:"";border-top:none;border-bottom:2px solid #031513;border-left:2px solid #031513;border-right:none;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.ax-check input:focus-visible+.ax-check-box{outline:2px solid var(--ax-teal-2);outline-offset:2px}.ax-link-muted{color:var(--ax-text-2);font-size:14px;text-decoration:none;transition:color .2s}.ax-link-muted:hover{color:var(--ax-teal-2)}.ax-error{color:#fecaca;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:11px 14px;font-size:14px;animation:.4s ax-shake}@keyframes ax-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.ax-btn{color:#04161a;cursor:pointer;width:100%;transition:transform .2s var(--ax-out), box-shadow .25s, filter .2s;background:linear-gradient(100deg,#2dd4bf,#0ea5e9);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -12px #2dd4bfb3,inset 0 1px #ffffff59}.ax-btn:after{content:"";transition:transform .7s var(--ax-out);background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.ax-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px #2dd4bfd9,inset 0 1px #ffffff59}.ax-btn:hover:after{transform:translate(120%)}.ax-btn:active{transform:none}.ax-btn:disabled{cursor:progress;filter:saturate(.7)brightness(.9)}.ax-btn.ghost{color:var(--ax-text);border:1px solid var(--ax-line);box-shadow:none;background:#ffffff0a}.ax-btn.ghost:hover{background:#ffffff12;border-color:#2dd4bf66}.ax-btn-arrow{transition:transform .25s var(--ax-out);display:inline-flex}.ax-page[dir=rtl] .ax-btn-arrow{transform:scaleX(-1)}.ax-btn:hover .ax-btn-arrow{transform:translate(3px)}.ax-page[dir=rtl] .ax-btn:hover .ax-btn-arrow{transform:scaleX(-1)translate(3px)}.ax-spinner{border:2px solid #04161a4d;border-top-color:#04161a;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ax-spin}@keyframes ax-spin{to{transform:rotate(360deg)}}.ax-segmented{border:1px solid var(--ax-line);background:#ffffff08;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.ax-segmented button{color:var(--ax-text-2);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 4px;font-family:Inter,Tajawal,sans-serif;font-size:14px;font-weight:700;transition:background .2s,color .2s}.ax-segmented button:hover{color:var(--ax-text)}.ax-segmented button.active{color:#04161a;background:linear-gradient(100deg,#2dd4bf,#14b8a6)}.ax-actions{flex-direction:column;gap:10px;margin-top:2px;display:flex}.ax-switch{text-align:center;color:var(--ax-text-2);margin:22px 0 0;font-size:14px}.ax-switch button{color:var(--ax-teal-2);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:800}.ax-switch button:hover{text-underline-offset:3px;text-decoration:underline}.ax-page button:focus-visible,.ax-page a:focus-visible{outline:2px solid var(--ax-teal-2);outline-offset:3px}@media (width<=520px){.ax-page{--ax-cut:34px;--ax-emblem:80px}.ax-top{padding:14px 16px}.ax-stage{align-items:start;padding:4px 16px 32px}.ax-content{padding:32px 22px 24px}.ax-title{font-size:27px}.ax-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ax-ribbons,.ax-glow,.ax-lines path,.ax-card-wrap{animation:none}.ax-card,.ax-content{transition:none}}