:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sidebar-width: 280px;--panel-width: 380px;--panel-width-lg: 420px;--font-xs: 10px;--font-sm: 11px;--font-base: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--panel-solid: #0c1220;--panel-header: rgba(15, 25, 42, .98);--panel-border: rgba(59, 130, 246, .12);--hover-bg: rgba(59, 130, 246, .08);--active-bg: rgba(59, 130, 246, .15);--divider: rgba(255, 255, 255, .06);--status-online: #22c55e;--status-moving: #3b82f6;--status-stopped: #ef4444;--status-idle: #f59e0b;--status-offline: #6b7280}html,body{overflow:hidden;font-size:var(--font-base);line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh;margin:0}#app{grid-template-columns:var(--sidebar-width) 1fr;height:100vh;height:100dvh}@media(min-width:901px){#app{grid-template-columns:var(--sidebar-width) 1fr}#app.lb-collapsed{grid-template-columns:1fr}}#leftbar{width:var(--sidebar-width);background:linear-gradient(180deg,#0c1220,#080d18);border-right:1px solid var(--divider)}.sidebar-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--divider)}.sidebar-menu button,.sidebar-menu a{font-size:var(--font-base)!important;padding:var(--sp-2) var(--sp-4)!important;border-radius:6px!important;margin:1px var(--sp-2)!important;transition:background .15s ease,color .15s ease!important;color:var(--text-secondary)!important;display:flex!important;align-items:center!important;gap:var(--sp-2)!important;min-height:34px!important}.sidebar-menu button:hover,.sidebar-menu a:hover{background:var(--hover-bg)!important;color:var(--text-primary)!important}.sidebar-menu button.active,.sidebar-menu a.active{background:var(--active-bg)!important;color:var(--accent)!important}.sidebar-menu>div>button:first-child{font-weight:600!important;font-size:var(--font-base)!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--muted)!important;padding:var(--sp-3) var(--sp-4) var(--sp-2)!important}.sidebar-menu>div+div{border-top:1px solid var(--divider);margin-top:var(--sp-2);padding-top:var(--sp-2)}.sidebar-menu .badge,.sidebar-menu span[style*=background]{font-size:var(--font-xs)!important;min-width:18px!important;height:18px!important;line-height:18px!important;border-radius:9px!important;padding:0 5px!important}.traceurs-panel{width:var(--panel-width)!important;height:100vh!important;height:100dvh!important;border-radius:0!important;border-left:none!important;border:none!important;border-right:1px solid var(--panel-border)!important;background:var(--panel-solid)!important;box-shadow:4px 0 20px #0000004d!important}.sliding-panel{width:var(--panel-width)!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;border:none!important;border-right:1px solid var(--panel-border)!important;background:var(--panel-solid)!important;box-shadow:4px 0 20px #0000004d!important}.historique-panel{width:var(--panel-width)!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;border:none!important;border-right:1px solid rgba(0,150,255,.15)!important;box-shadow:4px 0 20px #0000004d!important}.traceurs-panel-header,.sliding-panel-header,.historique-panel .traceurs-panel-header{padding:var(--sp-4) var(--sp-5)!important;border-bottom:1px solid var(--divider)!important;background:var(--panel-header)!important;min-height:56px!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.traceurs-panel-header h3,.sliding-panel-header h3,.sliding-panel-header .title{font-size:var(--font-lg)!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--text-primary)!important}.traceurs-panel>div:not(.traceurs-panel-header),.sliding-panel-body,.sliding-panel>div:not(.sliding-panel-header){overflow-y:auto!important;overflow-x:hidden!important;padding:var(--sp-4) var(--sp-5)!important;flex:1!important}.traceurs-panel ::-webkit-scrollbar,.sliding-panel ::-webkit-scrollbar,.historique-panel ::-webkit-scrollbar,#leftbar ::-webkit-scrollbar{width:6px}.traceurs-panel ::-webkit-scrollbar-track,.sliding-panel ::-webkit-scrollbar-track,.historique-panel ::-webkit-scrollbar-track,#leftbar ::-webkit-scrollbar-track{background:transparent}.traceurs-panel ::-webkit-scrollbar-thumb,.sliding-panel ::-webkit-scrollbar-thumb,.historique-panel ::-webkit-scrollbar-thumb,#leftbar ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.traceurs-panel ::-webkit-scrollbar-thumb:hover,.sliding-panel ::-webkit-scrollbar-thumb:hover,.historique-panel ::-webkit-scrollbar-thumb:hover{background:#ffffff40}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=search],select,textarea{font-size:var(--font-base)!important;padding:var(--sp-2) var(--sp-3)!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.1)!important;background:#0000004d!important;color:var(--text-primary)!important;transition:border-color .15s ease!important;min-height:36px!important;width:100%!important;box-sizing:border-box!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;outline:none!important;box-shadow:0 0 0 2px #3b82f633!important}label{font-size:var(--font-sm)!important;font-weight:500!important;color:var(--text-secondary)!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:var(--sp-1)!important;display:block!important}button{font-family:inherit;cursor:pointer}.btn-primary,button[style*="background: var(--accent)"],button[style*="background:#3b82f6"],button[style*="background: #3b82f6"]{font-size:var(--font-base)!important;font-weight:600!important;padding:var(--sp-2) var(--sp-5)!important;border-radius:6px!important;min-height:38px!important;letter-spacing:.01em!important}.stat-card,div[style*=border-radius][style*=background][style*=padding]{border-radius:8px!important}.stat-value,.stat-number,div[style*="font-size:24px"],div[style*="font-size: 24px"],div[style*="font-size:28px"],div[style*="font-size: 28px"]{font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important}#connectionStatus,div[style*="position: fixed"][style*=background][style*="z-index: 9999"]{opacity:.85!important;font-size:var(--font-sm)!important;padding:var(--sp-1) var(--sp-4)!important;max-height:28px!important;border-radius:0 0 8px 8px!important}.notification-center{max-width:360px!important;font-size:var(--font-sm)!important}.toastify{font-size:var(--font-sm)!important;border-radius:8px!important;padding:var(--sp-2) var(--sp-4)!important}.u-empty-state,.u-empty-state-sm{padding:var(--sp-8) var(--sp-5)!important;color:var(--muted)!important;text-align:center!important}.u-empty-state:before{content:"";display:block;width:48px;height:48px;margin:0 auto var(--sp-4);opacity:.2;background:currentColor;border-radius:12px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpolyline points='13 2 13 9 20 9'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpolyline points='13 2 13 9 20 9'/%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.maplibregl-ctrl-group{background:#0c1220e6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;box-shadow:0 2px 8px #0000004d!important}.maplibregl-ctrl-group button{width:34px!important;height:34px!important}.maplibregl-ctrl-group button+button{border-top:1px solid rgba(255,255,255,.08)!important}.maplibregl-ctrl-attrib{font-size:10px!important;background:#0009!important;color:#ffffff80!important;border-radius:4px!important;padding:2px 6px!important}.maplibregl-ctrl-scale{background:#0c1220eb!important;border:1px solid rgba(255,255,255,.35)!important;border-top:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:12px!important;font-weight:700!important;padding:4px 10px!important;border-radius:4px!important;box-shadow:0 2px 8px #00000080!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.maplibregl-ctrl-bottom-left{bottom:70px!important;left:10px!important;z-index:500!important}.maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib{margin-bottom:60px!important}#gcaChatbot{z-index:100!important}#gcaChatPanel{border-radius:12px!important;box-shadow:0 8px 32px #0006!important;border:1px solid rgba(59,130,246,.15)!important;max-height:500px!important}@media(min-width:1600px){:root{--sidebar-width: 280px;--panel-width: 460px;--panel-width-lg: 500px}}@media(min-width:2000px){:root{--sidebar-width: 300px;--panel-width: 520px;--panel-width-lg: 560px;--font-base: 14px;--font-sm: 12px;--font-lg: 17px}}@media(min-width:2400px){:root{--sidebar-width: 320px;--panel-width: 600px;--panel-width-lg: 640px}}@media(min-width:2800px){:root{--sidebar-width: 340px;--panel-width: 680px;--panel-width-lg: 720px;--font-base: 15px}}@media(max-width:1024px){:root{--sidebar-width: 260px;--panel-width: 360px;--panel-width-lg: 400px}.traceurs-panel,.sliding-panel,.historique-panel{max-width:calc(100vw - 56px)!important}}@media(max-width:768px){:root{--sidebar-width: 240px;--panel-width: 320px;--panel-width-lg: 360px}}@media(max-width:640px){:root{--sidebar-width: 100vw;--panel-width: 100vw;--panel-width-lg: 100vw}.traceurs-panel,.sliding-panel,.historique-panel{width:100vw!important;max-width:100vw!important;border-right:none!important}.maplibregl-ctrl-top-right{z-index:5!important}}@media(min-width:641px){.traceurs-panel,.sliding-panel,.historique-panel{max-width:calc(100vw - 64px)!important}}.traceurs-panel,.sliding-panel,.historique-panel{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s ease!important}#panelOverlay.show{background:#00000040!important}body.sidebar-open .hamburger-btn:not(#openLeftPanelBtn){left:calc(var(--sidebar-width) - 50px)!important;transition:left .25s cubic-bezier(.4,0,.2,1)}.hamburger-btn:not(#openLeftPanelBtn){transition:left .25s cubic-bezier(.4,0,.2,1)}@media print{#leftbar,.sidebar,.hamburger-btn,#gcaChatbot,.notification-center,#connectionStatus,.maplibregl-ctrl-group{display:none!important}#app{grid-template-columns:1fr!important}#map,.map-container{width:100vw!important;height:100vh!important;height:100dvh!important}}.u-empty-state{padding:48px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;min-height:200px!important;justify-content:center!important;opacity:.6!important}.u-empty-state-sm{padding:24px 16px!important;min-height:80px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}.traceurs-panel [style*=linear-gradient][style*="3b82f6"],.sliding-panel [style*=linear-gradient][style*="3b82f6"],.traceurs-panel [style*=linear-gradient][style*="2563eb"],.sliding-panel [style*=linear-gradient][style*="2563eb"]{background:var(--card)!important;border:1px solid var(--panel-border)!important;border-radius:8px!important}.sliding-panel button[style*="background: #8b5cf6"],.sliding-panel button[style*="background: #f97316"],.sliding-panel button[style*="background: #06b6d4"],.sliding-panel button[style*="background:#8b5cf6"],.sliding-panel button[style*="background:#f97316"],.sliding-panel button[style*="background:#06b6d4"],.traceurs-panel button[style*="background: #8b5cf6"],.traceurs-panel button[style*="background: #f97316"]{background:#3b82f626!important;color:var(--accent)!important;border:1px solid var(--panel-border)!important;border-radius:6px!important}.sliding-panel button[style*="background: #ef4444"],.sliding-panel button[style*="background:#ef4444"],.traceurs-panel button[style*="background: #ef4444"]{background:#ef44441a!important;color:#f87171!important;border:1px solid rgba(239,68,68,.2)!important}.sliding-panel div[style*="flex-wrap: wrap"][style*="gap: 4px"],.sliding-panel div[style*="flex-wrap:wrap"][style*="gap:4px"]{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.sliding-panel div[style*="flex-wrap: wrap"][style*="gap: 4px"] button,.sliding-panel div[style*="flex-wrap:wrap"][style*="gap:4px"] button{font-size:11px!important;padding:5px 8px!important;border-radius:4px!important;white-space:nowrap!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important}.traceurs-panel>div:not(.traceurs-panel-header):first-of-type{padding-top:var(--sp-3)!important}.sliding-panel h4,.traceurs-panel h4,.historique-panel h4{font-size:var(--font-sm)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important;padding:var(--sp-3) 0 var(--sp-2)!important;border-bottom:1px solid var(--divider)!important;margin-bottom:var(--sp-3)!important;margin-top:var(--sp-4)!important}.sliding-panel h4:first-child,.traceurs-panel h4:first-child{margin-top:0!important}.sliding-panel .stat-card,.sliding-panel div[style*="border-left: 3px"][style*=padding]{padding:8px 12px!important;margin-bottom:6px!important}.sliding-panel div[style*="font-size: 24px"],.sliding-panel div[style*="font-size:24px"],.sliding-panel div[style*="font-size: 28px"],.sliding-panel div[style*="font-size:28px"]{font-size:20px!important;line-height:1.2!important;font-variant-numeric:tabular-nums!important}.sliding-panel code,.sliding-panel span[style*="font-family: monospace"],.sliding-panel span[style*="font-family:monospace"]{font-size:var(--font-xs)!important;opacity:.5!important;color:var(--muted)!important}.sliding-panel div[style*=flex-wrap][style*=gap]:has(>button[style*=background]:nth-child(4)){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))!important;gap:6px!important}.sliding-panel div[style*=flex-wrap][style*=gap]>button[style*=border-radius][style*=font-size]{font-size:11px!important;padding:6px 4px!important;text-align:center!important;border-radius:5px!important;min-width:0!important}.sliding-panel span[style*="font-size: 10px"],.sliding-panel span[style*="font-size:10px"]{font-size:var(--font-sm)!important;font-variant-numeric:tabular-nums!important}.sliding-panel-body,.sliding-panel>div:not(.sliding-panel-header){scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sliding-panel a[style*=color][onclick],.sliding-panel button[style*="border: 1px dashed"]{font-size:var(--font-base)!important;padding:var(--sp-2) var(--sp-5)!important;border-radius:6px!important;border:1px dashed rgba(59,130,246,.4)!important;color:var(--accent)!important;display:inline-flex!important;align-items:center!important;gap:var(--sp-2)!important;margin-top:var(--sp-3)!important;transition:background .15s ease!important}.sliding-panel a[style*=color][onclick]:hover,.sliding-panel button[style*="border: 1px dashed"]:hover{background:#3b82f614!important}.identification-stats{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.stat-box{padding:10px 8px!important}.stat-box .stat-value{font-size:18px!important;font-variant-numeric:tabular-nums!important}.pp-subtab.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}.pp-btn-map{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:6px!important;width:100%!important}.sliding-panel input[type=checkbox]{width:18px!important;height:18px!important;accent-color:var(--accent)!important;cursor:pointer!important}.sliding-panel button[style*="background: #ff"][style*=border-radius],.sliding-panel button[style*="background:#ff"][style*=border-radius],.sliding-panel button[style*="background: #e74"][style*=border-radius],.sliding-panel button[style*="background:#e74"][style*=border-radius],.sliding-panel button[style*="background: red"]{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important}.sliding-panel button[style*="background: #10b981"],.sliding-panel button[style*="background:#10b981"],.sliding-panel button[style*="background: linear-gradient"][style*="10b981"]{background:var(--accent)!important;color:#fff!important}.sliding-panel textarea{font-size:12px!important;font-family:JetBrains Mono,Fira Code,monospace!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.1)!important;background:#0000004d!important;color:#f1f5f9!important;padding:8px!important}.sliding-panel #wsUrlDisplay{font-size:10px!important;opacity:.4!important;font-family:monospace!important}.sliding-panel .ghost,.sliding-panel button.ghost{background:transparent!important;color:var(--text-secondary)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;padding:8px 14px!important;font-size:12px!important;cursor:pointer!important;transition:background .15s ease!important}.sliding-panel .ghost:hover,.sliding-panel button.ghost:hover{background:#ffffff0d!important;color:var(--text-primary)!important}.sliding-panel .card{background:#00000026!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important;padding:14px 16px!important;margin-bottom:12px!important}.sliding-panel .card h3{font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#8492a6!important;margin:0 0 10px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}:root{--z-map-overlay: 10;--z-floating-panel: 100;--z-sidebar: 200;--z-overlay-backdrop: 300;--z-toolbar: 400;--z-popup: 500;--z-modal-backdrop: 600;--z-modal: 610;--z-toast: 700;--z-skip-link: 9999}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.d-none{display:none!important}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.section-title-uc{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8492a6;margin-top:0;margin-left:0;margin-right:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.btn-export-tile{padding:8px 4px;background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer;font-size:11px;text-align:center}.btn-export-tile-wide{grid-column:span 2}.es-title-13{margin:0 0 4px;font-size:13px}.es-desc-11{margin:0;font-size:11px;opacity:.6}.empty-state-narrow{text-align:center;padding:40px 16px;color:#8492a6}.empty-state-icon-faded{width:48px;height:48px;margin:0 auto 12px;opacity:.3;display:flex;align-items:center;justify-content:center}.py-4{padding:4px 0}.section-divider-label{font-size:11px;color:#8492a6;margin:10px 0 6px;font-weight:600;padding-top:8px;border-top:1px solid rgba(59,130,246,.15)}.grid-3-6{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-select{flex:1;padding:6px 8px!important;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#f1f5f9;font-size:11px!important}.help-subtitle{opacity:.55;font-size:10.5px!important;margin-top:6px}.text-muted{color:#8492a6}.flex-between-bordered{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.swatch-color{width:60px;height:40px}.bg-accent{background:var(--accent)}.bg-blue-glass{background:#3b82f60d}.mt-12{margin-top:12px}.panel-pad-16-20{padding:16px 20px}.flex-between-bordered-sm{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot--green{background:#10b981;box-shadow:0 0 6px #10b98180}.legend-dot--orange{background:#fb923c;box-shadow:0 0 6px #fb923c80}.legend-dot--red{background:#ef4444;box-shadow:0 0 6px #ef444480}.fleet-kpi-value{font-size:22px;font-weight:700;color:#f1f5f9;font-variant-numeric:tabular-nums}.fleet-kpi-value--online{color:#22c55e}.fleet-kpi-value--moving{color:#f59e0b}.fleet-kpi-value--offline{color:#ef4444}.legend-square{display:inline-block;width:8px;height:8px;border-radius:2px}.legend-square--green{background:#43cf7c}.legend-square--blue{background:#1473e6}.legend-square--orange{background:#ff5722}.input-compact-dark{padding:4px;background:#0009;border-radius:5px}.input-compact-dark--strong{border:1px solid rgba(33,150,243,.5)}.input-compact-dark--soft{border:1px solid rgba(33,150,243,.3)}.icon-10{width:10px!important;height:10px!important}.icon-36{width:36px!important;height:36px!important}.flex-gap-8{display:flex;gap:8px}.label-xs-uc{font-size:10px;color:#8492a6;text-transform:uppercase;letter-spacing:.05em}.fw-bright{font-weight:600;color:#f1f5f9}.fw-accent-blue{font-weight:600;color:#93c5fd}.btn-action-flex{flex:1;padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}.btn-cancel-ghost{padding:10px 14px;background:transparent;color:#8492a6;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-size:12px}.btn-accent-dashed{width:100%;padding:10px;margin-top:12px;background:transparent;color:var(--accent);border:1px dashed rgba(59,130,246,.4);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}.pill-legend{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#8492a6}.flex-center-4{display:flex;align-items:center;gap:4px}.icon-12{width:12px!important;height:12px!important}.btn-toggle-pill{flex:1;padding:6px 10px!important;border-radius:6px;font-size:11px!important;cursor:pointer}.btn-action-block{width:100%;padding:10px;margin-top:12px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500}.btn-list-row{text-align:left;padding:5px 8px;font-size:11px;background:transparent;color:#cbd5e1;border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer}.skip-to-content{position:absolute;top:-100px;left:0;z-index:var(--z-skip-link);background:#08f;color:#fff;padding:8px 16px;font-size:13px}.skip-to-content:focus{top:0}.hamburger-btn{position:fixed;top:10px;left:10px;z-index:10000;width:40px;height:40px;border-radius:8px;background:#080c14e6;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0}.hamburger-btn:hover{background:#0f1928f2;border-color:#fff3}.hamburger-btn svg{width:20px;height:20px}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;display:none}.sidebar-overlay.active{display:block}.u-empty-state,.u-empty-state-sm{text-align:center;padding:24px 16px;color:var(--muted);font-size:12px;opacity:.7}.u-empty-state-sm{padding:12px 8px;font-size:11px}.u-empty-state .icon,.u-fs36-mb10 .icon{opacity:.3}.u-fs36-mb10{font-size:36px;margin-bottom:10px}.u-mt10-w100{margin-top:10px;width:100%}.icon{width:16px;height:16px;display:inline-block;vertical-align:middle;stroke:currentColor}.sidebar-menu .icon{width:18px;height:18px;margin-right:8px}:root{--bg: #0a0e17;--panel: rgba(13, 18, 30, .92);--panel-solid: #0d121e;--muted: #8492a6;--accent: #3b82f6;--accent-hover: #60a5fa;--card: rgba(17, 24, 39, .85);--benne: #3b82f6;--camion: #10b981;--plateau: #f59e0b;--danger: #ef4444;--ok: #10b981;--success: #10b981;--glow-blue: #3b82f6;--glow-cyan: #06b6d4;--warning: #f59e0b;--text-primary: #f1f5f9;--text-secondary: #8492a6;--border-color: rgba(59, 130, 246, .15);--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 8px 30px rgba(0,0,0,.35);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #f5f7fa;--panel: rgba(255, 255, 255, .95);--panel-solid: #ffffff;--muted: #5a6670;--accent: #0066cc;--accent-hover: #0077dd;--card: rgba(255, 255, 255, .9);--danger: #dc3545;--ok: #28a745;--success: #20c997;--glow-blue: #0088ff;--glow-cyan: #007bff;--text-primary: #212529;--text-secondary: #6c757d;--border-color: rgba(0, 100, 200, .2)}[data-theme=light] body{background:linear-gradient(135deg,#f5f7fa,#e4e8eb);color:var(--text-primary)}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fffffffa,#f0f5faf2);border-color:#0064c826}[data-theme=light] .card{background:#ffffffe6;border-color:#0064c826;box-shadow:0 2px 8px #0000000d}[data-theme=light] .menu-item{background:transparent;color:var(--text-primary)}[data-theme=light] .menu-item:hover{background:#0088ff1a}[data-theme=light] .stat{background:#0064c80d;border-color:#0064c826}[data-theme=light] .stat .val{color:var(--accent);text-shadow:none}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:var(--text-primary)}[data-theme=light] .floating-camera-panel{background:#fffffffa;border-color:#0064c84d}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffffe6;color:var(--text-primary);border-color:#0064c833}.settings-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1001;flex-wrap:nowrap;align-items:center}#geoToolsPopup{position:fixed!important;top:56px!important;left:50%!important;right:auto!important;transform:translate(-50%);z-index:1002!important}.settings-btn{width:36px;height:36px;border-radius:8px;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-btn:hover{background:#0f172af2;color:#fff;border-color:#ffffff26}[data-theme=light] .settings-btn{background:#fffffff2;border-color:#0064c84d;color:var(--accent)}.lang-selector{position:relative}.lang-dropdown{position:absolute;top:46px;right:0;background:var(--panel-solid);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;display:none;min-width:150px;box-shadow:0 8px 24px #0006;z-index:1002}.lang-dropdown.show{display:block;animation:fadeIn .2s ease}.lang-option{padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:13px;transition:var(--transition);border-bottom:1px solid rgba(255,255,255,.06)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:#ffffff0d}.lang-option.active{background:#3b82f61a;color:var(--accent-hover)}.lang-flag{font-size:20px}[data-theme=light] .lang-dropdown{background:#fffffffa;border-color:#0064c84d}[data-theme=light] .lang-option{color:var(--text-primary);border-color:#0064c81a}.profile-selector{position:relative}#profileBtn{font-size:13px;font-weight:700;background:#ef444433;border-color:#ef444466;color:#ef4444}#profileBtn.active-profile{background:#10b98133;border-color:#10b98166;color:#10b981}.profile-dropdown{position:absolute;top:46px;right:0;background:var(--panel-solid);border:1px solid rgba(255,255,255,.1);border-radius:10px;min-width:200px;max-height:300px;overflow-y:auto;box-shadow:0 8px 24px #0006;z-index:9999}.profile-dropdown-header{padding:8px 12px;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.5px}.profile-option{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary);transition:var(--transition);border-bottom:1px solid rgba(255,255,255,.03)}.profile-option:last-child{border-bottom:none}.profile-option:hover{background:#3b82f61a}.profile-option.active{background:#10b98126;color:#10b981}.profile-option-avatar{width:24px;height:24px;border-radius:50%;background:#3b82f626;color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0}[data-theme=light] .profile-dropdown{background:#fffffffa;border-color:#0064c84d}[data-theme=light] #profileBtn{background:#ef44441a;border-color:#ef44444d}[data-theme=light] #profileBtn.active-profile{background:#10b9811a;border-color:#10b9814d}.offline-indicator{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;display:none;z-index:9999}.offline-indicator.show{display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}.offline-indicator:before{content:"";width:10px;height:10px;background:#fff;border-radius:50%;animation:pulse 1s infinite}.main-content{display:flex;flex-direction:column;gap:0;height:100%;overflow:hidden}.floating-camera-panel{position:fixed;top:60px;right:12px;width:420px;max-width:calc(100vw - 360px);max-height:calc(100vh - 80px);background:#080c14f5;border:1px solid rgba(255,255,255,.08);border-radius:10px;z-index:1000;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;resize:both;min-width:320px;min-height:280px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-camera-panel:hover{border-color:#ffffff26}.floating-camera-panel.minimized{width:200px!important;height:45px!important;min-width:200px;min-height:45px;resize:none;overflow:hidden}.floating-camera-panel.minimized .video-panel-body{display:none}.floating-panel-header{background:#ffffff08;padding:10px 15px;cursor:move;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;-webkit-user-select:none;user-select:none}.floating-panel-header h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.floating-panel-header .live-dot{width:8px;height:8px;background:#f44;border-radius:50%;display:none}.floating-panel-header .live-dot.active{display:inline-block}.floating-panel-controls{display:flex;gap:5px}.floating-panel-controls button{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.floating-panel-controls button:hover{background:#ffffff1a}.floating-panel-controls button.close-btn:hover{background:#ef444499;border-color:#ef444466}.video-panel-body{flex:1;padding:10px;overflow-y:auto;overflow-x:hidden}.toggle-camera-btn{position:fixed;bottom:80px;right:20px;width:44px;height:44px;border-radius:10px;background:var(--accent);border:none;color:#fff;font-size:18px;cursor:pointer;z-index:9999;box-shadow:0 4px 12px #3b82f64d;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.toggle-camera-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.toggle-camera-btn .notification-dot{position:absolute;top:5px;right:5px;width:14px;height:14px;background:#f44;border-radius:50%;border:2px solid #fff;animation:pulse 1s infinite;display:none}.toggle-camera-btn .notification-dot.active{display:block}.video-panel{background:transparent;border:none;padding:0}.video-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.video-panel-header h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.video-slot{background:#0a0a0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;overflow:hidden;position:relative;min-height:100px}.video-slot.active{border-color:var(--success)}.video-slot-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);padding:5px 8px;z-index:10;display:flex;justify-content:space-between;align-items:center}.video-slot-title{color:var(--text-primary);font-size:11px;font-weight:600}.video-slot-status{font-size:9px;padding:2px 6px;border-radius:8px;background:#ff44444d;color:var(--danger)}.video-slot-status.connected{background:#10b98126;color:var(--success)}.video-slot video{width:100%;height:100%;object-fit:cover;min-height:120px;background:#000;display:block}.video-slot-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);padding:5px;display:flex;justify-content:center;gap:5px;z-index:10}.video-btn{padding:3px 8px;font-size:10px;background:#3b82f666;border:1px solid rgba(59,130,246,.3);border-radius:5px;color:#fff;cursor:pointer;transition:var(--transition)}.video-btn:hover{background:#3b82f699}.video-btn.stop{background:#ef444466;border-color:#ef44444d}.video-btn:disabled{opacity:.5;cursor:not-allowed}.gps-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.gps-status .pulse{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.intercom-panel{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius);padding:12px;margin-top:10px}.intercom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(16,185,129,.1)}.intercom-header h4{color:var(--success);font-size:13px;margin:0;display:flex;align-items:center;gap:6px}.intercom-status{font-size:10px;padding:3px 8px;border-radius:6px;background:#f59e0b1a;color:var(--warning)}.intercom-status.active{background:#10b98126;color:var(--success);animation:pulse 1s infinite}.intercom-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.intercom-btn{padding:10px 16px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;border:1px solid}.intercom-btn.talk{background:var(--success);border-color:var(--success);color:#fff}.intercom-btn.talk:hover{opacity:.9;transform:scale(1.02)}.intercom-btn.talk.active{background:var(--danger);border-color:var(--danger);animation:pulse .5s infinite}.intercom-btn.listen{background:var(--accent);border-color:var(--accent);color:#fff}.intercom-btn.listen:hover{opacity:.9}.intercom-btn.listen.active{background:var(--accent-hover);border-color:var(--accent-hover)}.intercom-target{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:8px}.intercom-target select{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:12px}.intercom-target select:focus{border-color:var(--accent);outline:none}.volume-indicator{display:flex;align-items:center;gap:4px;margin-top:8px}.volume-bar{height:4px;width:8px;background:#10b98133;border-radius:2px;transition:all .1s}.volume-bar.active{background:var(--success)}.server-btn{position:relative;transition:all .3s ease}.server-btn.active{border:1px solid var(--success)!important}.server-indicator{display:none;position:absolute;top:-3px;right:-3px;width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 1s infinite}.server-btn.active .server-indicator{display:block}.map-container{flex:1;background:var(--bg);border-radius:0;border:none;box-shadow:none;overflow:hidden;position:relative}.map-title{position:absolute;top:12px;right:16px;font-size:16px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:10;letter-spacing:-.02em;background:#0f172ab3;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .map-title{background:#ffffffd9;color:var(--accent);text-shadow:none;border-color:#0064c840}html,body{height:100%;margin:0;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;letter-spacing:-.01em}#app{display:grid;grid-template-columns:var(--sidebar-width, 280px) 1fr;height:100vh;gap:0;padding:0;box-sizing:border-box;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);position:relative}.sidebar{background:linear-gradient(180deg,#0d121e,#080c16);border-radius:0;padding:0;overflow:hidden;border:none;border-right:1px solid rgba(255,255,255,.06);position:relative;display:flex;flex-direction:column;transition:var(--transition)}.sidebar-header{padding:14px 16px;border-bottom:none;background:linear-gradient(180deg,rgba(0,100,200,.06) 0%,transparent 100%);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);opacity:.6;border-radius:1px}.sidebar-content{flex:1;padding:8px 6px;overflow-y:auto;gap:10px}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:16px;transition:var(--transition)}.info-card:hover{background:#ffffff0d;border-color:#ffffff1a}.info-card h4{color:var(--text-primary);font-size:.8125rem;margin:0 0 6px;font-weight:600}.info-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6;margin:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:0}.logo{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#1d4ed8);display:flex;align-items:center;justify-content:center}.logo img{width:100%;height:100%;object-fit:cover;display:block}h1{font-size:15px;margin:0;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}p.subtitle{margin:2px 0 0;color:var(--muted);font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:500}.sidebar-menu{display:flex;flex-direction:column;gap:1px;margin-bottom:8px;flex:1;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-thumb{background:#648cb440;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#648cb466}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:1px 8px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);text-align:left;width:calc(100% - 16px);letter-spacing:-.01em}.menu-item:hover{background:#ffffff0f;color:var(--text-primary)}.menu-item.active{background:#3b82f61f;color:var(--accent-hover);border-radius:8px;border-left:none;font-weight:600}.menu-item .icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.65}.menu-item:hover .icon,.menu-item.active .icon{opacity:1}.menu-item .label{flex:1}.menu-divider{height:1px;background:#64788c33;margin:8px 0}.menu-group{margin-bottom:1px;border-radius:6px;overflow:hidden}.menu-group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:2px 6px;background:transparent;border:none;border-radius:6px;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;width:calc(100% - 12px);text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif}.menu-group-header:hover{color:var(--text-primary);background:#ffffff0a}.menu-group-header .group-icon{font-size:13px;width:20px;text-align:center;opacity:.7;color:var(--group-accent, var(--accent))}.menu-group-header:hover .group-icon{opacity:1}.menu-group-header .group-label{flex:1}.menu-group-header .group-count{font-size:9px;padding:2px 7px;border-radius:10px;background:#ffffff0f;color:#567;font-family:JetBrains Mono,monospace;min-width:20px;text-align:center}.menu-group-header .group-chevron{font-size:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.5}.menu-group-header:hover .group-chevron{opacity:1}.menu-group-header.expanded{color:var(--text-primary);background:#ffffff08}.menu-group-header.expanded .group-chevron{transform:rotate(90deg);opacity:1}.menu-group-items{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);background:transparent}.menu-group-items.expanded{max-height:600px}.menu-group-items .menu-item{padding:7px 14px 7px 38px;font-size:12px;border-radius:0;margin:0;border-left:2px solid transparent;color:var(--text-secondary);transition:all .15s ease}.menu-group-items .menu-item:hover{border-left-color:var(--group-accent, var(--accent-hover));background:#ffffff0a;color:var(--text-primary)}.menu-group-items .menu-item.active{border-left-color:var(--group-accent, var(--accent-hover));background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);color:var(--text-primary)}.menu-group-items .menu-item .icon{opacity:.6;width:14px;height:14px}.menu-group-items .menu-item:hover .icon{opacity:1}.menu-group-separator{height:1px;background:linear-gradient(90deg,rgba(100,120,140,.3),transparent);margin:4px 0}.menu-group[data-group=tracking]{--group-accent: #60a5fa}.menu-group[data-group=video]{--group-accent: #a855f7}.menu-group[data-group=operations]{--group-accent: #22c55e}.menu-group[data-group=cartography]{--group-accent: #3b82f6}.menu-group[data-group=analytics]{--group-accent: #e040fb}.menu-group[data-group=security]{--group-accent: #ef4444}.menu-group[data-group=resources]{--group-accent: #f59e0b}.menu-group[data-group=data]{--group-accent: #14b8a6}[data-theme=light] .menu-group-header{background:linear-gradient(135deg,#00000008,#00000003);color:var(--group-accent, #556677)}[data-theme=light] .menu-group-header:hover{background:linear-gradient(135deg,#0000000f,#00000005);color:#333}[data-theme=light] .menu-group-items{background:#00000005}[data-theme=light] .menu-group-items .menu-item:hover{background:#0064c80f}[data-theme=light] .menu-group-header .group-count{background:#0000000f;color:#889}.traceurs-panel{display:none;position:fixed;width:320px;height:100vh;background:var(--panel-solid);border-radius:0 12px 12px 0;box-shadow:4px 0 24px #0006;z-index:9999;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-left:none}.traceurs-panel.open{display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sliding-panel{display:none;position:fixed;width:340px;height:100vh;max-height:100vh;background:var(--panel-solid);border-radius:0 12px 12px 0;box-shadow:4px 0 24px #0006;z-index:9999;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-left:none}.sliding-panel.open{display:flex}.sliding-panel-header{display:flex;align-items:center;padding:14px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);gap:12px}.sliding-panel-back{background:#ffffff1a;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.sliding-panel-back:hover{background:#fff3}.sliding-panel-back svg{width:18px;height:18px;stroke:var(--accent-hover)}.sliding-panel-title{display:flex;align-items:center;gap:10px;flex:1;color:#fff;font-size:16px;font-weight:600}.sliding-panel-title .panel-icon{font-size:20px}.sliding-panel-content{flex:1;overflow-y:auto;padding:12px;color:#e0e0e0}.sliding-panel-content .card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;margin-bottom:10px}.sliding-panel-content h3{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:10px}.sliding-panel-content h4{color:#fff;font-size:13px;margin-bottom:8px}.sliding-panel-content .help{color:#888;font-size:11px}.traceurs-panel-header{display:flex;align-items:center;padding:16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.traceurs-back-btn{background:#ffffff0d;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.traceurs-back-btn:hover{background:#ffffff1a}.traceurs-back-btn svg{width:20px;height:20px;stroke:var(--accent-hover)}.traceurs-title{display:flex;align-items:center;gap:10px;flex:1;margin-left:8px}.traceurs-title svg{width:22px;height:22px;stroke:var(--accent-hover)}.traceurs-title span{font-size:18px;font-weight:600;color:var(--text-primary)}.traceurs-collapse-btn{background:#ffffff0d;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:var(--transition)}.traceurs-collapse-btn:hover{background:#ffffff1a}.traceurs-collapse-btn svg{width:18px;height:18px;stroke:var(--accent-hover)}.traceurs-search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px}.traceurs-search-input{flex:1;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;gap:8px}.traceurs-search-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s}.traceurs-search-btn:hover{background:#ffffff14}.traceurs-search-btn svg,.traceurs-search-input svg{width:18px;height:18px;stroke:var(--text-secondary);flex-shrink:0}.traceurs-search-btn:hover svg{stroke:var(--accent-hover)}.traceurs-search-input input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--text-primary)}.traceurs-search-input input::placeholder{color:var(--text-secondary)}.traceurs-filter-btn{background:none;border:none;cursor:pointer;padding:4px}.traceurs-filter-btn svg{width:16px;height:16px;stroke:var(--text-secondary)}.traceurs-menu-btn{background:var(--accent);border:none;border-radius:8px;padding:10px 14px;cursor:pointer}.traceurs-menu-btn svg{width:18px;height:18px;stroke:#fff}.traceurs-folder-icon{padding:8px 16px}.traceurs-folder-icon svg{width:22px;height:22px;stroke:var(--text-secondary)}.traceurs-groups{padding:0 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.traceurs-group-item{display:flex;align-items:center;gap:8px;padding:10px 0}.group-arrow{width:20px;font-size:14px;color:var(--text-secondary);text-align:center}.traceurs-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.group-name{flex:1;font-size:14px;color:var(--text-primary)}.group-count{background:#ffffff0f;padding:2px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary)}.group-more-btn{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px 8px}.traceurs-list{flex:1;overflow-y:auto;padding:8px 0}.traceur-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-left:3px solid transparent}.traceur-item:hover{background:#ffffff0d}.traceur-item.selected{background:#3b82f61a;border-left-color:var(--accent)}.traceur-item .traceur-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.traceur-info{flex:1}.traceur-id{font-size:15px;font-weight:600;color:var(--text-primary)}.traceur-date{font-size:12px;color:var(--text-secondary);margin-top:2px}.traceur-status{display:flex;align-items:center;gap:8px}.traceur-speed{font-size:13px;color:#8cc0d8}.traceur-indicator{width:10px;height:10px;border-radius:50%}.traceur-indicator.online{background:#34a853}.traceur-indicator.offline{background:#ea4335}.traceur-indicator.idle{background:#fbbc04}.historique-panel{display:none;position:fixed;width:340px;height:100vh;max-height:100vh;background:linear-gradient(180deg,#0a1628,#0d2035,#102540);border-radius:0 12px 12px 0;box-shadow:4px 0 24px #0064c84d;z-index:9999;overflow:hidden;flex-direction:column;border:1px solid rgba(0,180,255,.25);border-left:none}.historique-panel.open{display:flex}.historique-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#3b82f614,#3b82f60d);border-bottom:1px solid rgba(0,180,255,.2);gap:10px;flex-shrink:0}.historique-header svg{width:22px;height:22px;stroke:var(--accent-hover)}.historique-header h3{flex:1;margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.historique-close-btn{background:#3b82f60f;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.historique-close-btn:hover{background:#00b4ff40}.historique-close-btn svg{width:18px;height:18px;stroke:var(--accent-hover)}.historique-content{flex:1;overflow-y:auto;padding:12px 16px;min-height:150px}.historique-field{margin-bottom:12px}.historique-field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.historique-select{width:100%;padding:10px 12px;border:1px solid rgba(0,180,255,.3);border-radius:8px;font-size:13px;color:var(--text-primary);background:#00649633;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(" data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300d4ff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.historique-select:focus{outline:none;border-color:var(--accent)}.historique-input{width:100%;padding:10px 12px;border:1px solid rgba(0,180,255,.3);border-radius:8px;font-size:13px;color:var(--text-primary);background:#00649633;box-sizing:border-box}.historique-input:focus{outline:none;border-color:var(--accent);background:#0078b44d}.historique-input::placeholder{color:var(--text-secondary)}.historique-date-row{display:flex;gap:8px;align-items:center}.historique-date-input{flex:1;padding:8px 10px;border:1px solid rgba(0,180,255,.3);border-radius:8px;font-size:12px;color:var(--text-primary);background:#00649633;min-width:0}.historique-date-input:focus{outline:none;border-color:var(--accent)}.time-picker{display:flex;align-items:center;gap:2px;flex-shrink:0}.time-picker-select{width:50px;padding:8px 4px;border:1px solid rgba(0,180,255,.3);border-radius:6px;font-size:13px;font-weight:600;color:var(--text-primary);background:#00649633;cursor:pointer;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none}.time-picker-select:focus{outline:none;border-color:var(--accent);background:#0078b44d}.time-picker-separator{font-size:16px;font-weight:700;color:var(--text-secondary);margin:0 2px}.date-preview{font-size:11px;color:var(--accent-hover);margin-top:4px;font-weight:500}.historique-advanced-btn{display:flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--accent-hover);font-size:13px;cursor:pointer;padding:6px;width:100%;margin-bottom:8px}.historique-advanced-btn svg{width:14px;height:14px;stroke:var(--accent-hover);transition:transform .2s}.historique-advanced-btn.expanded svg{transform:rotate(180deg)}.historique-actions{display:flex;gap:6px;margin-bottom:12px}.historique-btn-primary{flex:1;padding:10px 14px;background:linear-gradient(135deg,#08c,#0af);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.historique-btn-primary:hover{background:linear-gradient(135deg,#07b,#09e)}.historique-btn-secondary{padding:10px 12px;background:#3b82f614;color:var(--text-secondary);border:1px solid rgba(0,180,255,.3);border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.historique-btn-secondary:hover{background:#00b4ff40}.historique-btn-secondary svg{width:16px;height:16px}.historique-btn-danger{padding:10px 12px;background:#ff505026;color:#ff6b6b;border:1px solid rgba(255,100,100,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.historique-btn-danger:hover{background:#ff646440}.historique-btn-danger svg{width:16px;height:16px}.historique-trip-info{background:#3b82f60f;border-radius:10px;padding:12px;margin-bottom:12px;border:1px solid rgba(0,180,255,.2)}.trip-start{display:flex;gap:10px;margin-bottom:10px}.trip-start-icon{width:28px;height:28px;background:#00b4ff33;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trip-start-icon svg{width:14px;height:14px;stroke:var(--accent-hover)}.trip-start-details h4{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--text-primary)}.trip-start-details .trip-datetime{font-size:12px;color:#8cc0d8;margin-bottom:2px}.trip-start-details .trip-address{font-size:11px;color:var(--text-secondary);line-height:1.3}.trip-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:10px;border-top:1px solid rgba(0,180,255,.2)}.trip-stat{display:flex;justify-content:space-between;font-size:12px}.trip-stat-label{color:var(--text-secondary)}.trip-stat-value{color:var(--text-primary);font-weight:500}.historique-stops{margin-top:10px;max-height:150px;overflow-y:auto}.stop-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,180,255,.15)}.stop-icon{width:24px;height:24px;background:#34a85333;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#4ade80;flex-shrink:0}.stop-icon.parking{background:#00b4ff33;color:var(--accent-hover)}.stop-details{flex:1;min-width:0}.stop-title{font-size:12px;font-weight:500;color:var(--text-primary)}.stop-subtitle{font-size:11px;color:var(--text-secondary)}.stop-times{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.stop-time-row{display:flex;align-items:center;gap:4px;font-size:10px}.stop-time-row .time-label{color:var(--text-secondary);font-weight:500}.stop-time-row .time-value{font-family:Courier New,monospace;font-weight:600}.stop-time-row.arrival .time-value{color:#4ade80}.stop-time-row.departure .time-value{color:#ff6b6b}.stop-item{cursor:pointer;transition:background .15s}.stop-item:hover{background:#3b82f614}.stop-item.expanded{background:#00b4ff33}.stop-times-detail{display:none;padding:8px 0 8px 34px;font-size:11px;color:#8cc0d8;border-bottom:1px solid rgba(0,180,255,.15)}.stop-times-detail.show{display:block}.stop-times-detail div{display:flex;justify-content:space-between;padding:3px 0}.stop-times-detail .label{color:var(--text-secondary)}.stop-times-detail .value{font-weight:500;color:var(--text-primary)}.stop-duration{color:var(--accent-hover);font-weight:500}.historique-tabs{display:flex;border-top:1px solid rgba(0,180,255,.2);background:#00649626;flex-shrink:0}.historique-tab{flex:1;padding:10px;background:none;border:none;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.historique-tab:hover{color:var(--text-primary)}.historique-tab.active{color:var(--accent-hover);border-bottom-color:var(--accent)}.historique-graph-container{height:120px;min-height:120px;background:#00649626;border-top:1px solid rgba(0,180,255,.2);position:relative;flex-shrink:0}.historique-graph{width:100%;height:100%}.graph-controls{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00649633;border-top:1px solid rgba(0,180,255,.2);flex-shrink:0}.graph-play-btn{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#08c,#0af);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.graph-play-btn svg{width:12px;height:12px;fill:#fff}.graph-stop-btn{width:28px;height:28px;border-radius:6px;background:#3b82f61a;border:1px solid rgba(0,180,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.graph-stop-btn svg{width:12px;height:12px;stroke:var(--text-secondary)}.graph-speed-select{padding:4px 8px;border:1px solid rgba(0,180,255,.3);border-radius:4px;font-size:12px;background:#00649633;color:var(--text-primary)}.graph-info{margin-left:auto;font-size:11px;color:var(--text-secondary);display:flex;gap:8px}.tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tab{background:linear-gradient(135deg,#0078ff4d,#00b4ff4d);border:1px solid rgba(59,130,246,.25);border-radius:25px;padding:10px 16px;color:var(--accent-hover);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 3px 10px #3b82f61a}.tab:hover{background:linear-gradient(135deg,#3b82f640,#60a5fa40);box-shadow:0 0 20px #60a5fa40;transform:translateY(-1px);color:#fff}.tab.active{background:linear-gradient(135deg,#3b82f64d,#60a5fa4d);color:#fff;box-shadow:0 0 20px #60a5fa4d,inset 0 0 10px #3b82f626}.menu-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.menu-btn{background:linear-gradient(135deg,#0078ff4d,#00b4ff4d);border:1px solid rgba(59,130,246,.25);border-radius:25px;padding:10px 16px;color:var(--accent-hover);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 3px 10px #3b82f61a}.menu-btn:hover{background:linear-gradient(135deg,#3b82f640,#60a5fa40);box-shadow:0 0 20px #60a5fa40;transform:translateY(-1px);color:#fff}.menu-btn.active{background:linear-gradient(135deg,#3b82f64d,#60a5fa4d);color:#fff;box-shadow:0 0 20px #60a5fa4d}.tab-panel{display:none;animation:fadeIn .25s ease}.tab-panel.active{display:block}.card{background:#ffffff05;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-top:6px;transition:all .2s ease}.card:hover{border-color:#ffffff14}.card h3{font-size:10px;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;color:var(--group-accent, var(--muted));text-shadow:none;font-weight:700;display:flex;align-items:center;gap:6px}label{display:block;font-size:13px;color:var(--muted);margin-top:8px}button{border:none;background:transparent;color:inherit;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;font-family:Inter,sans-serif;transition:var(--transition);box-shadow:none;position:relative;overflow:hidden}button.primary,button[style*="background: var(--accent)"],.btn-primary{background:var(--accent);color:#fff}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s}button:hover:before{left:100%}button:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);box-shadow:none}button.ghost:hover{background:#ffffff0f;border-color:#fff3;color:var(--text-primary);box-shadow:none}button.danger{background:var(--danger);border:none;color:#fff;box-shadow:none}button.danger:hover{background:#f553;box-shadow:0 0 25px #ff555580}button.toggle-btn.active{background:linear-gradient(135deg,#08f,#06c);border-color:var(--glow-blue);box-shadow:inset 0 -3px #ffffff0f,0 0 20px #0088ff80}input,select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#000a1966;color:inherit;margin-top:4px;box-sizing:border-box;transition:border-color .2s ease;font-size:12px;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0088ff26}.small{font-size:12px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flex{display:flex;gap:8px;align-items:center}.row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.veh-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.veh-sel-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;margin-bottom:3px;background:#0014284d;border-left:3px solid transparent;cursor:pointer;transition:all .15s ease}.veh-sel-item:hover{background:#0088ff1f}.veh-sel-item.selected{border-left-color:#10b981;background:#10b98114}.veh-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.veh-toggle input{opacity:0;width:0;height:0}.veh-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#374151;border-radius:20px;cursor:pointer;transition:background .2s}.veh-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s}.veh-toggle input:checked+.veh-toggle-slider{background:#10b981}.veh-toggle input:checked+.veh-toggle-slider:before{transform:translate(16px)}.veh-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:#00142866;border:2px solid rgba(59,130,246,.15);box-shadow:0 0 10px #3b82f61a;transition:all .3s ease}.veh-item:hover{background:#08f3;box-shadow:0 0 15px #0af6;transform:translate(4px)}.veh-left{display:flex;align-items:center;gap:8px}.veh-dot{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 0 15px #3b82f640;border:2px solid rgba(255,255,255,.3)}.veh-marker-container{position:relative;width:45px;height:45px;cursor:pointer;transition:transform .15s ease-out}.veh-truck-marker{position:absolute;top:0;left:0;width:36px;height:36px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20width='32'%20height='32'%3e%3c!--%20Professional%20fleet%20vehicle%20marker%20-%20Google%20Maps%20style%20--%3e%3c!--%20Direction%20indicator%20(top%20chevron)%20--%3e%3cpolygon%20points='16,2%2011,8%2021,8'%20fill='%2310b981'%20opacity='0.9'/%3e%3c!--%20Main%20circle%20background%20--%3e%3ccircle%20cx='16'%20cy='18'%20r='11'%20fill='white'%20stroke='%2310b981'%20stroke-width='2'/%3e%3c!--%20Truck%20silhouette%20-%20minimal,%20clean%20--%3e%3cg%20fill='%23374151'%20transform='translate(16,18)'%3e%3c!--%20Cab%20--%3e%3crect%20x='-3'%20y='-7'%20width='6'%20height='4'%20rx='1.5'%20fill='%2310b981'/%3e%3c!--%20Windshield%20--%3e%3crect%20x='-2'%20y='-6.5'%20width='4'%20height='2'%20rx='0.8'%20fill='%23a7f3d0'%20opacity='0.8'/%3e%3c!--%20Body/container%20--%3e%3crect%20x='-4.5'%20y='-3'%20width='9'%20height='7'%20rx='1'%20fill='%2310b981'/%3e%3c!--%20Body%20detail%20lines%20--%3e%3cline%20x1='-4.5'%20y1='0'%20x2='4.5'%20y2='0'%20stroke='%23059669'%20stroke-width='0.5'%20opacity='0.5'/%3e%3cline%20x1='-4.5'%20y1='2'%20x2='4.5'%20y2='2'%20stroke='%23059669'%20stroke-width='0.5'%20opacity='0.5'/%3e%3c!--%20Wheels%20--%3e%3ccircle%20cx='-3'%20cy='5'%20r='1.2'%20fill='%231f2937'/%3e%3ccircle%20cx='3'%20cy='5'%20r='1.2'%20fill='%231f2937'/%3e%3ccircle%20cx='-3'%20cy='5'%20r='0.5'%20fill='%236b7280'/%3e%3ccircle%20cx='3'%20cy='5'%20r='0.5'%20fill='%236b7280'/%3e%3c/g%3e%3c!--%20Bottom%20anchor%20point%20(drop%20shadow)%20--%3e%3cellipse%20cx='16'%20cy='30'%20rx='4'%20ry='1.5'%20fill='rgba(0,0,0,0.15)'/%3e%3c/svg%3e");background-size:32px 32px;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:filter .3s ease,transform 1s ease;transform-origin:center center;will-change:transform}.veh-truck-marker.moving{filter:drop-shadow(0 0 6px rgba(16,185,129,.6))}.veh-truck-marker.moving:hover{filter:drop-shadow(0 0 10px rgba(16,185,129,.7)) brightness(1.1)}.veh-truck-marker.idle{filter:drop-shadow(0 0 6px rgba(245,158,11,.6)) hue-rotate(-40deg) saturate(2) brightness(1.1)}.veh-truck-marker.idle:hover{filter:drop-shadow(0 0 10px rgba(245,158,11,.7)) hue-rotate(-40deg) saturate(2) brightness(1.2)}.veh-truck-marker.stopped{filter:drop-shadow(0 0 6px rgba(239,68,68,.6)) hue-rotate(-10deg) saturate(3) brightness(.8);opacity:.7}.veh-truck-marker.stopped:hover{filter:drop-shadow(0 0 10px rgba(239,68,68,.7)) hue-rotate(-10deg) saturate(3) brightness(.9);opacity:1}.veh-truck-marker.online{filter:drop-shadow(0 0 6px rgba(245,158,11,.6)) hue-rotate(-40deg) saturate(2) brightness(1.1)}.veh-truck-marker.offline{filter:drop-shadow(0 0 6px rgba(239,68,68,.6)) hue-rotate(-10deg) saturate(3) brightness(.8)}.veh-marker-shadow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none}.veh-popup{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;font-size:13px;line-height:1.5;min-width:220px;padding:0}.veh-popup .veh-popup-title{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:10px 12px;font-weight:600;font-size:14px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:6px}.veh-popup .veh-popup-row{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e5e7eb;font-size:13px}.veh-popup .veh-popup-row:last-child{border-bottom:none}.veh-popup .veh-popup-label{color:#6b7280;font-weight:500;font-size:13px}.veh-popup .veh-popup-value{color:#111827;font-weight:600;font-size:13px;font-family:Consolas,Monaco,monospace}.rich-veh-popup{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;font-size:12px;line-height:1.4;min-width:270px;max-width:320px;padding:0}.rich-veh-popup .rvp-title{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;padding:8px 12px;font-weight:600;font-size:13px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:6px}.rich-veh-popup .rvp-status{display:inline-block;padding:1px 8px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rich-veh-popup .rvp-body{max-height:260px;overflow-y:auto;padding:0}.rich-veh-popup .rvp-row{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;border-bottom:1px solid #e5e7eb;font-size:12px}.rich-veh-popup .rvp-row:last-child{border-bottom:none}.rich-veh-popup .rvp-label{color:#6b7280;font-weight:500;font-size:11px;min-width:80px}.rich-veh-popup .rvp-value{color:#111827;font-weight:600;font-size:12px;font-family:JetBrains Mono,Consolas,monospace;text-align:right;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich-veh-popup .rvp-actions{display:flex;gap:4px;padding:6px 12px;border-top:1px solid #e5e7eb;flex-wrap:wrap}.rich-veh-popup .rvp-btn{flex:1;min-width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;color:#374151;font-size:10px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.rich-veh-popup .rvp-btn:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.rich-veh-popup .rvp-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.rich-veh-popup .rvp-btn-primary:hover{background:#1d4ed8}.rich-veh-popup .rvp-export-row{display:flex;gap:3px;padding:4px 12px 6px;border-top:1px solid #f3f4f6}.rich-veh-popup .rvp-export-btn{padding:2px 8px;border:1px solid #e5e7eb;border-radius:3px;background:#f9fafb;color:#6b7280;font-size:9px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s}.rich-veh-popup .rvp-export-btn:hover{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.rich-veh-popup .rvp-tabs{display:flex;border-bottom:2px solid #e5e7eb;background:#f9fafb}.rich-veh-popup .rvp-tab{flex:1;padding:5px 8px;font-size:10px;font-weight:700;text-align:center;cursor:pointer;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;text-transform:uppercase;letter-spacing:.3px}.rich-veh-popup .rvp-tab:hover{color:#374151;background:#f3f4f6}.rich-veh-popup .rvp-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.rich-veh-popup .rvp-tab-panel{display:none}.rich-veh-popup .rvp-tab-panel.active{display:block}.rich-veh-popup .rvp-bilan{padding:6px 12px}.rich-veh-popup .rvp-bilan-loading{text-align:center;padding:16px 8px;color:#9ca3af;font-size:11px}.rich-veh-popup .rvp-bilan-loading .rvp-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:rvp-spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes rvp-spin{to{transform:rotate(360deg)}}.rich-veh-popup .rvp-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}.rich-veh-popup .rvp-stat-card{background:#f3f4f6;border-radius:4px;padding:5px 8px;text-align:center}.rich-veh-popup .rvp-stat-val{font-size:14px;font-weight:700;color:#111827;font-family:JetBrains Mono,Consolas,monospace}.rich-veh-popup .rvp-stat-lbl{font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.rich-veh-popup .rvp-ratio-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin:4px 0}.rich-veh-popup .rvp-ratio-drive{background:#059669}.rich-veh-popup .rvp-ratio-idle{background:#d97706}.rich-veh-popup .rvp-ratio-stop{background:#dc2626}.rich-veh-popup .rvp-stop-list{margin-top:4px}.rich-veh-popup .rvp-stop-item{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px solid #f3f4f6;font-size:10px}.rich-veh-popup .rvp-stop-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rich-veh-popup .rvp-stop-time{color:#6b7280;min-width:55px;font-size:10px}.rich-veh-popup .rvp-stop-dur{color:#111827;font-weight:600;font-size:10px}.rich-veh-popup .rvp-bilan-error{text-align:center;padding:10px 8px;color:#dc2626;font-size:10px}.rich-veh-popup .rvp-no-data{text-align:center;padding:12px 8px;color:#9ca3af;font-size:11px;font-style:italic}.rich-veh-popup .rvp-engine-state{display:flex;align-items:center;gap:4px}.rich-veh-popup .rvp-engine-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.polygon-label{background:#000000b3;color:#fff;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #000,0 0 8px #000;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000080}.polygon-popup .maplibregl-popup-content{background:linear-gradient(135deg,#141428fa,#0a0a1efa);border:2px solid rgba(0,136,255,.5);border-radius:12px;padding:16px;box-shadow:0 8px 32px #000000b3,0 0 20px #0088ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px}.polygon-popup .maplibregl-popup-close-button{color:#fffc;font-size:20px;padding:4px 8px;right:8px;top:8px;transition:all .2s}.polygon-popup .maplibregl-popup-close-button:hover{color:#3b82f6;background:#0088ff1a;border-radius:6px}.polygon-popup .maplibregl-popup-tip{border-top-color:#141428fa;border-bottom-color:#141428fa}.polygon-popup button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #08f6}.arrondissement-popup .maplibregl-popup-content{background:linear-gradient(135deg,#002850f2,#001432f2);border:2px solid rgba(0,170,255,.6);border-radius:12px;padding:12px;box-shadow:0 8px 32px #000000b3,0 0 25px #0af6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;min-width:200px}.arrondissement-popup .maplibregl-popup-close-button{color:#fffc;font-size:18px;padding:4px 8px;right:4px;top:4px;transition:all .2s}.arrondissement-popup .maplibregl-popup-close-button:hover{color:#60a5fa;background:#0af3;border-radius:6px}.arrondissement-popup .maplibregl-popup-tip{border-top-color:#002850f2;border-bottom-color:#002850f2}.toggle{padding:8px;border-radius:6px;transition:all .3s ease}.toggle.active{box-shadow:inset 0 -3px #ffffff0f,0 0 15px #00aaff80;background:#08f3}.arr-checkbox{display:block;padding:4px 8px;margin:2px 0;cursor:pointer;border-radius:4px;font-size:12px;transition:background .2s}.arr-checkbox:hover{background:#0088ff26}.arr-checkbox input{margin-right:8px;accent-color:var(--accent)}.map-container #map{width:100%;height:100%;border-radius:0;position:relative;overflow:hidden}.map-container .maplibregl-ctrl-top-left,.map-container .maplibregl-ctrl-top-right{margin-top:8px}#app>#map{width:100%;height:100%;border-radius:12px;box-shadow:0 0 30px #3b82f633,0 6px 18px #0009;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.spatial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;background:linear-gradient(135deg,#0a0e12,#1a2530,#0d1117);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.spatial-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.spatial-overlay-image{max-width:85%;max-height:65vh;object-fit:contain;border-radius:15px;box-shadow:0 0 60px #3b82f64d,0 0 120px #60a5fa26;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 60px #3b82f64d}50%{transform:scale(1.02);box-shadow:0 0 80px #00c8ffcc}}.toggle-spatial-btn{width:100%;background:linear-gradient(135deg,#08f,#06c);border:2px solid var(--glow-cyan);color:#fff;padding:14px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;box-shadow:0 5px 20px #0088ff80,inset 0 -2px 10px #0000004d;text-align:center;margin-top:8px}.toggle-spatial-btn:hover{background:linear-gradient(135deg,#0af,#08f);box-shadow:0 8px 30px #00aaffb3,inset 0 -2px 10px #0000004d;transform:translateY(-2px)}.toggle-spatial-btn:active{transform:translateY(0)}.toggle-spatial-btn:before{left:-100%}.open-panel-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1500;background:linear-gradient(135deg,#08f,#06c);border:2px solid var(--glow-cyan);border-right:none;border-radius:12px 0 0 12px;padding:20px 14px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;transition:all .3s ease;box-shadow:-5px 0 20px #0088ff80,0 0 30px #0af6;display:none;flex-direction:column;align-items:center;gap:8px;writing-mode:vertical-rl;text-orientation:mixed}.open-panel-btn .btn-label{font-size:12px;letter-spacing:2px;text-transform:uppercase}.open-panel-btn:hover{background:linear-gradient(135deg,#0af,#08f);box-shadow:-8px 0 30px #00aaffb3;padding-right:16px}.open-left-panel-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1500;background:#080c14d9;border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 6px 6px 0;padding:10px 6px;color:#ffffffb3;cursor:pointer;font-size:14px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;gap:4px;writing-mode:vertical-rl;text-orientation:mixed}.open-left-panel-btn .btn-label{font-size:9px;letter-spacing:1px;text-transform:uppercase}.open-left-panel-btn:hover{background:#0f1928f2;color:#fff;border-color:#fff3}#dropZone{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#08f3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px dashed var(--glow-cyan);z-index:1000;font-size:24px;font-weight:700;color:var(--glow-cyan);text-shadow:0 0 15px rgba(0,255,255,.8)}.help{font-size:11px;color:var(--muted);margin-top:6px;padding:6px;background:#0014284d;border-radius:6px;border-left:3px solid rgba(59,130,246,.25)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.stat{background:#00142880;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 0 10px #3b82f61a;transition:all .3s ease}.stat:hover{background:#08f3;box-shadow:0 0 15px #0af6;transform:translateY(-2px)}.stat .val{font-size:20px;font-weight:700;color:var(--glow-cyan);text-shadow:0 0 10px rgba(0,255,255,.5);margin-bottom:4px}.stat .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:12px;margin-top:8px}.kv .key{color:var(--muted);font-weight:600}.kv>div:nth-child(2n){color:var(--glow-cyan);font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,255,255,.3)}#footerNote{margin-top:16px;padding:10px;font-size:10px;color:#6b7780;background:#0014284d;border-radius:6px;border:1px solid rgba(255,255,255,.06);line-height:1.4}.legend{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;background:#00142880;padding:6px 8px;border-radius:8px;font-size:12px;border:2px solid rgba(59,130,246,.15);box-shadow:0 0 10px #3b82f61a;transition:all .3s ease}.badge:hover{background:#08f3;box-shadow:0 0 15px #0af6}.badge i{width:10px;height:10px;border-radius:2px;display:inline-block;box-shadow:0 0 5px currentColor}.badge-menu{margin-left:auto;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;color:#fff;min-width:20px;text-align:center}.counter{font-size:12px;color:var(--glow-cyan);margin-top:8px;text-shadow:0 0 5px rgba(0,255,255,.3)}.panel-desc{font-size:12px;color:var(--muted);line-height:1.6;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-section{margin-bottom:16px}.panel-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:6px}.data-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}.data-row:last-child{border-bottom:none}.data-key{color:var(--muted)}.data-val{color:var(--text-primary);font-weight:600}.empty-state-pro{text-align:center;padding:30px 20px;color:var(--muted)}.empty-state-pro .es-icon{font-size:32px;margin-bottom:10px;opacity:.3}.empty-state-pro .es-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.empty-state-pro .es-desc{font-size:11px;line-height:1.5}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.green{background:var(--success);box-shadow:0 0 6px #10b98166}.status-dot.red{background:var(--danger)}.status-dot.yellow{background:var(--warning)}.tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;letter-spacing:.3px}.tag.green{background:#10b9811f;color:var(--success)}.tag.red{background:#ef44441f;color:var(--danger)}.tag.blue{background:#3b82f61f;color:var(--accent)}.tag.yellow{background:#f59e0b1f;color:var(--warning)}[data-theme=light] .panel-desc{border-bottom-color:#00000014}[data-theme=light] .panel-section-title{border-bottom-color:#0000000f;color:#666}[data-theme=light] .data-row{border-bottom-color:#0000000d}[data-theme=light] .data-key{color:#666}[data-theme=light] .data-val{color:var(--text-primary)}[data-theme=light] .empty-state-pro{color:#888}[data-theme=light] .tag.green{background:#10b9811a}[data-theme=light] .tag.red{background:#ef44441a}[data-theme=light] .tag.blue{background:#3b82f61a}#panelOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:8}#panelOverlay.show{opacity:1;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#app{display:block;height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#0d121e,#080c16);overflow-y:auto;display:flex;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{width:0;display:none}.sidebar.mobile-open{transform:translate(0)}.main-content{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh}.map-container{height:100%;width:100%;border-radius:0}#map{height:100%;width:100%}.hamburger-btn{display:flex}@media(min-width:901px)and (max-width:1200px){.sidebar-header{padding:12px 14px}}@media(max-width:900px){.video-grid{grid-template-columns:1fr}}@media print{body{background:#fff}#app{grid-template-columns:0 1fr;padding:0;gap:0}.sidebar,#dropZone,.maplibregl-ctrl-top-right,.map-toolbar,#panelOverlay,.video-panel{display:none!important}.map-container{border-radius:0;box-shadow:none;height:100vh!important;width:100vw!important}}.camera-modal,.trajectory-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.camera-modal-content,.trajectory-modal-content{background:linear-gradient(135deg,#001428f2,#001e3cf2);border:2px solid var(--glow-blue);border-radius:20px;padding:24px;max-width:1400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #3b82f640,inset 0 0 30px #0096ff1a}.camera-modal-header,.trajectory-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(59,130,246,.15)}.camera-modal-header h2,.trajectory-modal-header h2{margin:0;font-size:24px;color:var(--glow-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.camera-controls,.trajectory-controls{margin-bottom:20px;padding:16px;background:#00142880;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.camera-mode-switch{display:flex;gap:10px;margin-bottom:16px}.mode-btn{flex:1;padding:12px;background:#001428cc;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.mode-btn:hover{border-color:var(--glow-blue);background:#003264cc}.mode-btn.active{background:linear-gradient(135deg,#08f,#06c);border-color:var(--glow-cyan);box-shadow:0 0 20px #0088ff80}.playback-controls{display:flex;flex-direction:column;gap:12px}.date-time-picker,.date-range-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.date-time-picker input,.date-range-picker input{padding:8px 12px;background:#001428cc;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-size:14px}.date-time-picker input:focus,.date-range-picker input:focus{outline:none;border-color:var(--glow-blue)}.video-controls{display:flex;gap:8px;align-items:center}.control-btn{padding:8px 16px;background:#003264cc;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px}.control-btn:hover{background:#0064c8cc;border-color:var(--glow-blue)}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.camera-view{background:#00142899;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;transition:all .3s ease}.camera-view:hover{border-color:var(--glow-blue);box-shadow:0 0 20px #0088ff4d}.camera-label{font-size:14px;font-weight:600;color:var(--glow-cyan);margin-bottom:8px;text-align:center}.camera-screen{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-screen canvas,.camera-screen video{width:100%;height:100%;object-fit:cover}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff80}.loading-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.1);border-top:4px solid var(--glow-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:#888;animation:pulse 2s ease-in-out infinite}.status-dot.live{background:red;box-shadow:0 0 10px #ff000080}.status-dot.connected{background:#0f0;box-shadow:0 0 10px #00ff0080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sound-btn{margin-left:auto;padding:4px 10px;font-size:11px;background:#0064c84d;border:1px solid rgba(59,130,246,.25);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.sound-btn:hover{background:#3b82f640;box-shadow:0 0 10px #3b82f633}.camera-footer,.trajectory-footer{display:flex;gap:10px;justify-content:center;padding-top:16px;border-top:2px solid rgba(59,130,246,.15)}.trajectory-filters{display:flex;gap:20px;margin-top:12px}.trajectory-filters label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.trajectory-filters input[type=checkbox]{width:18px;height:18px;cursor:pointer}.trajectory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:20px 0}.stat-item{background:#00142899;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center}.stat-label{font-size:12px;color:#ffffffb3;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--glow-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}.trajectory-timeline{background:#00142880;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:20px;min-height:100px}.timeline-container{position:relative;height:80px}@media(max-width:900px){.camera-grid{grid-template-columns:1fr}.camera-modal-content,.trajectory-modal-content{padding:16px;max-height:95vh}}body>.hamburger-btn:not(#openLeftPanelBtn){display:flex}.user-brand{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.user-brand img,.user-brand .brand-logo{width:32px!important;height:32px!important;border-radius:8px;object-fit:cover}.user-brand-title{font-size:15px;font-weight:700;color:var(--text, #f1f5f9);letter-spacing:.2px}.user-brand-subtitle{font-size:10px;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.sidebar .menu-item,.sidebar-menu button,.sidebar-menu a{font-size:13px!important;color:#ffffffc7!important;padding:9px 14px!important}.sidebar-menu .group-title,.menu-group-header{font-size:11px!important;color:#ffffff8c!important;font-weight:700!important;letter-spacing:.5px!important}.sidebar-menu button:hover,.sidebar-menu a:hover{background:#ffffff0d!important;color:#fffffff2!important}.sidebar-menu .badge,.sidebar .badge{font-size:10px!important;padding:2px 7px!important;background:#3b82f633!important;color:#93c5fd!important;border-radius:10px!important;font-weight:700}.user-identity-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0a;border-radius:8px;margin:8px 12px;font-size:12px}.user-identity-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#10b981,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.user-identity-info{flex:1;min-width:0}.user-identity-name{font-weight:600;color:var(--text, #f1f5f9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity-role{font-size:10px;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.3px}.user-identity-logout{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:11px;transition:background .15s}.user-identity-logout:hover{background:#ef444433}.user-identity-logout.armed{background:#ef4444!important;color:#fff!important;animation:logout-pulse 1s ease-in-out infinite}@keyframes logout-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 4px #ef444400}}.traceur-item{padding:10px 12px!important;border-radius:8px!important;margin-bottom:4px!important;transition:background .15s}.traceur-item:hover{background:#ffffff0a!important}.traceur-item.selected{background:#3b82f614!important;border-left:3px solid #3b82f6}.traceur-info{min-width:0}.traceur-id{font-size:13px!important}.traceur-date{font-size:10px!important;color:var(--text-muted, #94a3b8)!important;margin-top:2px!important}.traceur-speed{font-size:11px!important;font-weight:600!important}.traceur-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.traceur-indicator.online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.traceur-indicator.idle{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.traceur-indicator.offline{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.sidebar-content input[type=text],.sidebar-content input[type=search],.sidebar-content select,.sidebar-content textarea,#traceursSearchInput{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:7px!important;padding:9px 11px!important;color:var(--text, #f1f5f9)!important;font-size:13px!important;width:100%;box-sizing:border-box;transition:border-color .15s}.sidebar-content input:focus,.sidebar-content select:focus,.sidebar-content textarea:focus,#traceursSearchInput:focus{outline:none!important;border-color:#3b82f6!important;background:#ffffff14!important}#vehicleDetailModal button[title=close],#vehicleDetailModal>div>div:first-child button:last-child{width:30px;height:30px;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text, #f1f5f9);transition:background .15s}#vehicleDetailModal>div>div:first-child button:last-child:hover{background:#ef444426;color:#fca5a5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state,.text-center.p-20.color-999{text-align:center;padding:40px 20px!important;color:var(--text-muted, #94a3b8)!important}.empty-state-icon{width:50px;height:50px;margin:0 auto 12px;background:#3b82f614;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#60a5fa}.u-map-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:4px;padding:6px 8px;background:#0f172a8c;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(148,163,184,.14);border-radius:14px;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0d;pointer-events:auto}.u-map-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e2e8f0eb;cursor:pointer;font-size:15px;font-weight:500;letter-spacing:.2px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .1s ease}.u-map-tool-btn:hover{background:#ffffff1a;border-color:#fff3;color:#f1f5f9}.u-map-tool-btn:active{transform:scale(.96)}.u-map-tool-btn:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.u-map-tool-btn.is-active,.u-map-tool-btn.active,.u-map-tool-btn--active{background:#3b82f638;border-color:#3b82f68c;color:#dbeafe;box-shadow:inset 0 0 0 1px #3b82f626}.u-map-tool-btn--primary{width:auto;padding:0 12px;gap:6px;font-size:11px;font-weight:600;letter-spacing:.35px;text-transform:none}.u-map-tool-btn .icon{width:16px;height:16px;stroke-width:2}.u-map-tool-btn--primary .icon{width:14px;height:14px}.u-map-tool-sep{width:1px;height:22px;background:#94a3b833;margin:0 3px;flex-shrink:0}#immersiveControls.u-map-toolbar button{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .1s ease}#immersiveControls.u-map-toolbar button:hover{transform:none;box-shadow:none}#immersiveControls.u-map-toolbar button:active{transform:scale(.96)}