body,html{height:100%}body{background:#f2f4f8}[data-mantine-color-scheme=dark] body{background:var(--mantine-color-dark-8)}.leaflet-container{width:100%;height:100%;border-radius:8px;direction:ltr}.leaflet-container .leaflet-popup-content{direction:inherit}[dir=rtl] .leaflet-popup-content{direction:rtl;text-align:right}.app-header{background:var(--mantine-primary-color-filled);border:0;box-shadow:0 1px 4px rgba(16,38,102,.25)}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding-inline:12px;color:#fff}.topbar-brand{padding-inline:6px 18px;text-decoration:none}.topbar-brand,.topnav-item{display:inline-flex;align-items:center;height:56px}.topnav-item{gap:6px;padding-inline:16px;color:rgba(255,255,255,.92);font-size:15px;font-weight:500;white-space:nowrap;transition:background .12s}.topnav-item:hover{background:rgba(255,255,255,.12);color:#fff}.topnav-item[data-active]{background:rgba(0,0,0,.18);color:#fff;box-shadow:inset 0 -3px 0 #fff}.topbar-coins{display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:none;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14)}.topbar-coins:hover{background:rgba(255,255,255,.24)}.topbar-user{display:inline-flex;align-items:center;gap:8px;color:#fff;padding:4px 6px;border-radius:6px}.topbar-user:hover{background:rgba(255,255,255,.12)}.drawer-brand{background:var(--mantine-primary-color-filled)}.subnav{height:40px;display:flex;align-items:stretch;gap:4px;padding-inline:16px;overflow-x:auto;background:var(--mantine-color-body);border-bottom:1px solid var(--mantine-color-default-border)}.subnav-item{display:inline-flex;align-items:center;padding-inline:14px;font-size:14px;white-space:nowrap;color:var(--mantine-color-dimmed);text-decoration:none;border-bottom:2px solid transparent}.subnav-item:hover{color:var(--mantine-color-text)}.subnav-item[data-active]{color:var(--mantine-primary-color-filled);border-bottom-color:var(--mantine-primary-color-filled);font-weight:600}.main-page{max-width:1600px;margin-inline:auto}.main-page .mantine-Card-root{box-shadow:0 1px 2px rgba(16,24,40,.04)}.main-map{height:100dvh;display:flex}.monitor{flex:1;display:flex;min-height:0;gap:0;padding:8px;gap:8px}.monitor-rail{width:84px;flex-shrink:0;gap:6px;padding:8px 6px;background:var(--mantine-color-body)}.monitor-rail,.rail-item{display:flex;flex-direction:column;border-radius:6px}.rail-item{align-items:center;gap:4px;padding:10px 2px;font-size:12.5px;font-weight:500;color:var(--mantine-color-text);text-align:center;line-height:1.2}.rail-item:hover{background:var(--mantine-color-default-hover)}.rail-item[data-active]{background:var(--mantine-primary-color-filled);color:#fff}.monitor-panel{flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--mantine-color-body);border-radius:6px;overflow:hidden}.monitor-tree{width:280px;border-inline-end:1px solid var(--mantine-color-default-border);border-radius:6px 0 0 6px}[dir=rtl] .monitor-tree{border-radius:0 6px 6px 0}.monitor-devices{width:330px}.monitor-panels{display:flex;min-height:0;background:var(--mantine-color-body);border-radius:6px;position:relative}.panel-head{padding:12px 14px 8px;font-weight:600;font-size:15px}.panel-toggle{position:absolute;top:50%;inset-inline-end:-14px;z-index:500;width:14px;height:44px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0;background:var(--mantine-color-body);border:1px solid var(--mantine-color-default-border);border-inline-start:0;color:var(--mantine-color-dimmed)}[dir=rtl] .panel-toggle{border-radius:6px 0 0 6px}.monitor-map{flex:1;min-width:0;overflow:hidden;position:relative}.monitor-map,.monitor-map .leaflet-container{border-radius:6px}.tree-row{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;user-select:none}.tree-row:hover{background:var(--mantine-color-default-hover)}.tree-row[data-active]{background:var(--mantine-primary-color-light);color:var(--mantine-primary-color-light-color);font-weight:600}.tree-caret{width:16px;display:inline-flex;justify-content:center;color:var(--mantine-color-dimmed);flex-shrink:0}[dir=rtl] .flip-rtl,[dir=rtl] .tree-caret svg.closed{transform:scaleX(-1)}.tree-count{color:var(--mantine-color-dimmed);font-size:12px;direction:ltr;unicode-bidi:isolate}.device-row{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--mantine-color-default-border)}.device-row:hover{background:var(--mantine-color-default-hover)}.device-row[data-active]{background:var(--mantine-primary-color-light)}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:6px}.ltr{direction:ltr;unicode-bidi:isolate}@media (max-width:62em){.monitor-tree{display:none}.monitor-panels[data-tree-open] .monitor-tree{display:flex;position:absolute;inset-block:0;inset-inline-start:0;z-index:600;box-shadow:0 4px 16px rgba(0,0,0,.2)}}@media (max-width:48em){.main-map{height:auto}.monitor{flex-direction:column;padding:6px}.monitor-rail{width:auto;flex-direction:row;justify-content:space-around;padding:4px}.rail-item{flex:1;padding:6px 2px}.monitor-devices{width:auto;flex:1;height:42vh}.monitor-map{height:60vh;flex:none}.panel-toggle{display:none}}.login-bg{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 20%,#7fb4ff 0,transparent 40%),radial-gradient(circle at 85% 80%,#6aa0ff 0,transparent 45%),linear-gradient(135deg,#3a6cf4,#5b8cff 50%,#8db8ff)}.login-card{width:1040px;max-width:100%;min-height:620px;border-radius:14px;background:var(--mantine-color-body);box-shadow:0 24px 60px rgba(20,40,120,.35)}.login-art,.login-card{display:flex;overflow:hidden}.login-art{flex:1;flex-direction:column;justify-content:space-between;gap:16px;padding:36px 40px 28px;color:#fff;background:linear-gradient(160deg,#2f62ee,#3b7bff 55%,#6db0ff);position:relative}.login-art:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;top:-160px;inset-inline-end:-120px;background:rgba(255,255,255,.08)}.login-art:after{content:"";position:absolute;width:180px;height:26px;border-radius:13px;top:90px;inset-inline-end:30px;background:rgba(255,255,255,.1);transform:rotate(-40deg)}.login-kicker{font-size:22px;font-style:italic;opacity:.92;letter-spacing:.3px}.login-headline{font-size:52px;line-height:1.05;font-weight:800;font-style:italic;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.18)}[dir=rtl] .login-headline,[dir=rtl] .login-kicker{font-style:normal}.login-form{width:460px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 28px 22px}.login-form-inner{width:320px;max-width:100%;margin:0 auto}@media (max-width:62em){.login-art{display:none}.login-card{width:460px;min-height:540px}.login-form{width:100%}}.main-page a:not([class]){color:var(--mantine-primary-color-filled);text-decoration:none}.main-page a:not([class]):hover{text-decoration:underline}.main-page .mantine-Table-scrollContainer{background:var(--mantine-color-body);border-radius:6px;border:1px solid var(--mantine-color-default-border)}.tracking-map{position:relative;isolation:isolate}.map-tools{position:absolute;top:10px;inset-inline-end:10px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.map-tool{box-shadow:0 1px 4px rgba(0,0,0,.25)}.map-refresh{display:flex;align-items:stretch;height:34px;border-radius:6px;overflow:hidden;background:var(--mantine-color-body);border:1px solid var(--mantine-color-default-border)}.map-refresh-btn,.map-refresh-rate{display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--mantine-color-text);font-size:13px}.map-refresh-btn:hover,.map-refresh-rate:hover{background:var(--mantine-color-default-hover)}.map-refresh-rate{border-inline-start:1px solid var(--mantine-color-default-border);gap:2px;color:var(--mantine-color-dimmed);font-size:12px}.map-refresh-count{min-width:18px;display:inline-flex;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums}.map-info-slot{position:absolute;bottom:24px;inset-inline-start:10px;z-index:1000;width:min(440px,calc(100% - 20px))}.vehicle-info{max-height:45vh;overflow:auto}.map-error{position:absolute;top:10px;inset-inline-start:56px;inset-inline-end:150px;z-index:1001}.vehicle-pin{position:relative}.vehicle-pin svg{position:absolute;inset:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.vehicle-pin .pin-halo{position:absolute;left:50%;bottom:-7px;width:30px;height:14px;margin-left:-15px;border-radius:50%;background:color-mix(in srgb,var(--pin) 35%,transparent);box-shadow:0 0 0 2px var(--pin)}@media (prefers-reduced-motion:no-preference){.vehicle-pin .pin-halo{animation:pin-pulse 1.8s ease-out infinite}}.vehicle-marker{position:relative}.vehicle-marker .car-rot{position:absolute;inset:0;display:block;transform-origin:50% 50%;transition:transform 1.2s ease-in-out;will-change:transform}.vehicle-marker .car-rot svg{width:100%;height:100%;display:block}.vehicle-marker:not(.vehicle-car) .car-rot svg{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.vehicle-marker .car-halo{position:absolute;inset:2px;border-radius:50%;background:color-mix(in srgb,var(--pin,#2fb344) 22%,transparent);box-shadow:0 0 0 2px var(--pin,#2fb344)}@media (prefers-reduced-motion:no-preference){.vehicle-marker .car-halo{animation:pin-pulse 1.8s ease-out infinite}}@keyframes pin-pulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.4);opacity:.2}}@media (max-width:48em){.map-info-slot{bottom:18px}.vehicle-info{max-height:34vh}}.demo-bar{height:36px;display:flex;align-items:center;gap:10px;padding-inline:12px;background:#fff3bf;color:#5c3c00}.demo-bar>:nth-child(2){flex:1;min-width:0}.demo-exit{font-size:13px;font-weight:700;color:#5c3c00;padding:4px 10px;border-radius:6px;border:1px solid #e0b400;background:#fff;white-space:nowrap}.demo-exit:hover{background:#fff9db}.public-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--mantine-color-body)}.public-top{background:var(--mantine-primary-color-filled);color:#fff}.public-top-inner{max-width:1100px;margin:0 auto;height:56px;padding-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.public-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 40px}.public-footer{border-top:1px solid var(--mantine-color-default-border);padding:16px;text-align:center}.legal-doc{max-width:760px;margin:0 auto}.legal-doc h2{font-size:19px;margin:26px 0 8px}.legal-doc li,.legal-doc p{line-height:1.65;font-size:15px}.legal-doc ul{padding-inline-start:22px;margin:6px 0}.legal-gap{background:#fff3bf;color:#5c3c00;border-radius:3px;padding:0 3px}.demo-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:24px 0 36px}.demo-hero h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:6px 0 14px}.demo-preview{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(16,38,102,.18);border:1px solid var(--mantine-color-default-border);background:#eef3fb}.demo-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media (max-width:760px){.demo-hero{grid-template-columns:1fr;padding-top:8px}}.stop-pin,.stop-pin span{display:flex;align-items:center;justify-content:center}.stop-pin span{width:30px;height:30px;border-radius:50%;background:#f08c00;color:#fff;font:700 12px/1 system-ui,sans-serif;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.4);direction:ltr}.stop-pin.is-selected span{background:#e03131;transform:scale(1.2)}.stop-row{display:block;width:100%;padding:4px 6px;border-radius:6px}.stop-row:hover{background:var(--mantine-color-default-hover)}.stop-row[data-active]{background:var(--mantine-color-red-light)}:root[data-mantine-color-scheme=dark] body.fleet-mode{--mantine-color-body:#0f1b30;--mantine-color-dark-8:#0b1424;--mantine-color-dark-7:#0f1b30;--mantine-color-dark-6:#13233d;--mantine-color-dark-5:#1a2a46;--mantine-color-dark-4:#22365a;--mantine-color-default:#13233d;--mantine-color-default-hover:#1a2a46;--mantine-color-default-border:#1f3152;--mantine-color-dimmed:#7f93b3;background:#0b1424}body.fleet-mode{background:#f2f4f8}[data-mantine-color-scheme=dark] body.fleet-mode{background:#0b1424}.fleet-side{background:#08101d;border-inline-end:1px solid #13233d;color:#dbe5f5}.fleet-side-company{color:#7f93b3}.fleet-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#c3d0e6;font-size:14.5px;font-weight:500;text-decoration:none}.fleet-nav-item:hover{background:#10203a;color:#fff}.fleet-nav-item[data-active]{background:#13305f;color:#fff}.fleet-nav-muted{color:#7f93b3;margin-top:12px}.fleet-header{background:var(--mantine-color-body);border-bottom:1px solid var(--mantine-color-default-border)}.fleet-user{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px}.fleet-user:hover{background:var(--mantine-color-default-hover)}.fleet-main{max-width:1600px}.fleet-stat{border-radius:10px}.fleet-stat-value{font-size:30px;font-weight:700;line-height:1.15;direction:ltr;unicode-bidi:isolate}.fleet-row{cursor:pointer}.fleet-tree-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px}.fleet-tree-row:hover{background:var(--mantine-color-default-hover)}.vehicle-side-icon svg{width:100%;height:100%;display:block}.vehicle-icon-choice{padding:8px 4px;border-radius:8px;border:1px solid transparent}.vehicle-icon-choice:hover{background:var(--mantine-color-default-hover)}.vehicle-icon-choice[data-active]{border-color:var(--mantine-color-blue-filled);color:var(--mantine-color-blue-filled);background:var(--mantine-color-blue-light)}