@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.1220hx8ja1.sy.1220hx8ja1.sy.1220hx8ja1.sy.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.0olxl6i2vnf_c.0olxl6i2vnf_c.0olxl6i2vnf_c.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.0i9~u_difxrfa.0i9~u_difxrfa.0i9~u_difxrfa.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#0b2d5c;--navy-2:#123e78;--blue:#1769e0;--blue-2:#0b4fa8;--blue-3:#2e7cf1;--blue-soft:#eaf3ff;--blue-pale:#f4f8ff;--ink:#14243c;--text:#334861;--muted:#66788e;--soft:#91a0b3;--line:#dfe7f1;--line-strong:#cbd7e5;--canvas:#f4f7fb;--surface:#fff;--green:#138a5b;--green-soft:#e9f8f1;--amber:#c57a12;--amber-soft:#fff6e5;--red:#d93b45;--red-soft:#fff0f1;--slate:#6b7c91;--side:244px;--top:72px;--shadow:0 1px 2px #0d274b0a,0 8px 24px #0d274b0e}*{box-sizing:border-box}html{background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.tracks-shell{background:linear-gradient(145deg,#f7faff 0,#f3f6fa 44%,#f8faff 100%);min-height:100vh}.main-sidebar{z-index:50;width:var(--side);background:#fff;border-right:1px solid #d7e1ed;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 22px #0d2d5c09}.brand-lockup{height:var(--top);border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:0 18px;display:flex}.brand-lockup>span,.mobile-logo>span,.share-brand>span{background:linear-gradient(145deg,var(--blue-3),var(--blue-2));color:#fff;letter-spacing:-.04em;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:850;display:grid;box-shadow:0 8px 20px #1769e038}.brand-lockup>div{flex-direction:column;line-height:1;display:flex}.brand-lockup strong{letter-spacing:-.025em;font-size:16px}.brand-lockup small{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:13px;font-weight:850}.brand-lockup>button{cursor:pointer;background:0 0;border:0;margin-left:auto;display:none}.main-sidebar nav{scrollbar-width:thin;flex:1;padding:14px 12px 18px;overflow-y:auto}.main-sidebar nav section+section{margin-top:14px}.main-sidebar nav section>small{color:#91a1b5;letter-spacing:.12em;text-transform:uppercase;padding:0 12px 7px;font-size:12px;font-weight:800;display:block}.main-sidebar nav button{color:#52667f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;transition:all .15s;display:flex;position:relative}.main-sidebar nav button:hover{color:var(--navy);background:#f4f7fb}.main-sidebar nav button.active{background:var(--blue-soft);color:var(--blue-2);font-weight:750}.main-sidebar nav button.active:before{background:var(--blue);content:"";border-radius:0 4px 4px 0;width:4px;height:27px;position:absolute;left:-12px}.main-sidebar nav button span{flex:1;font-size:14px}.main-sidebar nav button b{background:var(--red);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:12px;display:grid}.sidebar-status{border-top:1px solid var(--line);align-items:center;gap:8px;padding:13px 14px;display:flex}.sidebar-status>span{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.sidebar-status i{background:#a6b1bf;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.sidebar-status i.online,.top-icon i.online{background:var(--green);box-shadow:0 0 0 4px #138a5b1f}.sidebar-status b{flex-direction:column;min-width:0;font-size:13px;display:flex}.sidebar-status small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.sidebar-status>button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;place-items:center;display:grid}.sidebar-backdrop{display:none}.main-topbar{inset:0 0 auto var(--side);z-index:40;height:var(--top);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #dce4ee;align-items:center;gap:20px;padding:0 24px;display:flex;position:fixed}.menu-button,.mobile-logo{display:none}.page-identity{flex-direction:column;min-width:150px;display:flex}.page-identity small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:750}.page-identity strong{letter-spacing:-.025em;margin-top:2px;font-size:17px}.global-search{border:1px solid var(--line-strong);width:min(440px,36vw);height:43px;color:var(--muted);background:#f9fbfd;border-radius:11px;align-items:center;gap:9px;margin-left:auto;padding:0 12px;transition:all .15s;display:flex}.global-search:focus-within{background:#fff;border-color:#8db6ef;box-shadow:0 0 0 4px #1769e017}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.global-search button{color:var(--muted);cursor:pointer;background:0 0;border:0;display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.top-icon,.icon-button{border:1px solid var(--line);color:#53677f;cursor:pointer;background:#fff;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;transition:all .14s;display:grid;position:relative}.top-icon:hover,.icon-button:hover{background:var(--blue-pale);color:var(--blue);border-color:#aac2e2}.top-icon>i{background:#9aa7b7;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.notifications-button>b{background:var(--red);color:#fff;border:2px solid #fff;border-radius:10px;place-items:center;min-width:19px;height:19px;font-size:11px;display:grid;position:absolute;top:-4px;right:-4px}.account-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:2px 5px;display:flex}.account-button>span{width:36px;height:36px;color:var(--blue-2);background:#dbeaff;border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.account-button>b{text-align:left;flex-direction:column;font-size:13px;display:flex}.account-button small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:500}.btn{border:1px solid var(--line-strong);color:#425a75;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:13px;font-weight:750;text-decoration:none;transition:all .14s;display:inline-flex}.btn:hover{color:var(--blue-2);background:#f7faff;border-color:#9eb8d9}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 6px 16px #1769e02e}.btn.primary:hover{border-color:var(--blue-2);background:var(--blue-2)}.btn.danger{border-color:var(--red);background:var(--red);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.45}.top-popover{z-index:90;border:1px solid var(--line);background:#fff;border-radius:15px;animation:.14s ease-out pop-in;position:absolute;top:62px;box-shadow:0 22px 60px #0b2d5c29}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.notification-popover{width:360px;padding:9px;right:214px}.notification-popover>header{justify-content:space-between;align-items:center;padding:7px 7px 9px;display:flex}.notification-popover header div{flex-direction:column;display:flex}.notification-popover header small,.panel-title small,.form-modal header small,.report-modal header small,.detail-drawer header small{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850}.notification-popover header strong{margin-top:2px;font-size:15px}.notification-popover>button:not(.view-all){cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:9px minmax(0,1fr);align-items:flex-start;gap:10px;width:100%;padding:9px;display:grid}.notification-popover>button:hover{background:#f6f9fd}.notice-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;margin-top:4px}.notice-dot.critical{background:var(--red)}.notice-dot.warning{background:var(--amber)}.notification-popover button b{flex-direction:column;min-width:0;font-size:13px;display:flex}.notification-popover button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.notification-popover button em{color:var(--soft);margin-top:3px;font-size:10px;font-style:normal}.notification-popover .view-all{border:0;border-top:1px solid var(--line);width:100%;color:var(--blue);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:11px 5px 4px;font-size:12px;font-weight:750;display:flex}.profile-popover{width:210px;padding:7px;display:grid;right:104px}.profile-popover button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px;font-size:13px;display:flex}.profile-popover button:hover{color:var(--blue-2);background:#f3f7fc}.main-workspace{min-height:100vh;margin-left:var(--side);padding:calc(var(--top) + 22px) 24px 34px}.workspace-heading{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.workspace-heading p{color:var(--muted);align-items:center;gap:4px;margin:0 0 4px;font-size:12px;display:flex}.workspace-heading p span{color:var(--blue)}.workspace-heading h1{letter-spacing:-.035em;margin:0;font-size:24px}.workspace-heading aside{align-items:center;gap:8px;display:flex}.connection-badge{border:1px solid var(--line);color:#5e7188;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.connection-badge i{background:#9aa8b7;border-radius:50%;width:7px;height:7px}.connection-badge.gateway{background:var(--green-soft);color:var(--green);border-color:#bce4d2}.connection-badge.gateway i{background:var(--green)}.connection-badge.simulator{background:var(--blue-soft);color:var(--blue);border-color:#bfd2f3}.source-banner{color:#284d80;background:linear-gradient(115deg,#edf5ff,#f9fbff);border:1px solid #cbdcf6;border-radius:13px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.source-banner>span{width:38px;height:38px;color:var(--blue);background:#dceaff;border-radius:10px;place-items:center;display:grid}.source-banner>div{flex-direction:column;flex:1;min-width:0;display:flex}.source-banner small{color:#627897;margin-top:3px;font-size:11px;line-height:1.45}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.module-stack{gap:14px;display:grid}.panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title>div{flex-direction:column;min-width:0;display:flex}.panel-title h2{letter-spacing:-.02em;margin:3px 0 0;font-size:16px}.panel-title>span,.panel-title>div+span{color:var(--muted);background:#f0f4f9;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);cursor:pointer;text-align:left;min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:15px 16px;transition:all .15s;display:flex}.metric-card:hover{border-color:#b7c9df;transform:translateY(-2px);box-shadow:0 10px 28px #0d2d5c13}.metric-card.active{border-color:#9bb9e5;box-shadow:0 0 0 3px #1769e012}.metric-card>span{background:var(--blue-soft);width:46px;height:46px;color:var(--blue);border-radius:13px;flex:0 0 46px;place-items:center;display:grid}.metric-card.green>span{background:var(--green-soft);color:var(--green)}.metric-card.amber>span{background:var(--amber-soft);color:var(--amber)}.metric-card.slate>span{color:var(--slate);background:#eef2f6}.metric-card.red>span{background:var(--red-soft);color:var(--red)}.metric-card>div{flex-direction:column;min-width:0;display:flex}.metric-card small{color:var(--muted);font-size:12px;font-weight:650}.metric-card strong{letter-spacing:-.045em;margin:2px 0 1px;font-size:24px;line-height:1.05}.metric-card em{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.overview-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:14px;display:grid}.map-overview{min-height:430px;padding:17px;position:relative;overflow:hidden}.map-overview>.panel-title{margin-bottom:13px}.map-overview .map-wrap,.map-overview .map-canvas{border-radius:11px;min-height:350px}.priority-feed{padding:17px}.priority-feed .panel-title>b{background:var(--red-soft);min-width:25px;height:25px;color:var(--red);border-radius:13px;place-items:center;font-size:12px;display:grid}.priority-feed>div{margin-top:8px}.priority-feed>div>button{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px 0;display:grid}.priority-feed>div>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.priority-feed strong{font-size:12px}.priority-feed small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.priority-feed em{color:var(--soft);margin-top:3px;font-size:10px;font-style:normal}.alert-symbol{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border:1px solid #c8d8f0;border-radius:11px;place-items:center;display:grid}.alert-symbol.critical{background:var(--red-soft);color:var(--red);border-color:#f2bec3}.alert-symbol.warning{background:var(--amber-soft);color:var(--amber);border-color:#efd29f}.overview-bottom{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.activity-chart,.recent-trips{min-height:285px;padding:17px}.columns-chart{align-items:flex-end;gap:14px;height:210px;padding:20px 8px 0;display:flex}.columns-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.columns-chart i{background:linear-gradient(180deg,#5b91ec,var(--blue));border-radius:7px 7px 2px 2px;width:min(34px,100%);box-shadow:0 7px 16px #1769e01f}.columns-chart small{color:var(--soft);font-size:11px}.mini-table{margin-top:10px}.mini-table button{cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #edf1f6;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px 2px;display:grid}.mini-table button>span{flex-direction:column;min-width:0;display:flex}.mini-table strong{font-size:12px}.mini-table small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.mini-table button>b{font-size:12px}.mini-table em,.trip-status{color:var(--muted);background:#f0f3f7;border-radius:999px;padding:5px 7px;font-size:10px;font-style:normal;font-weight:750}.mini-table em.active,.trip-status.active{background:var(--green-soft);color:var(--green)}.map-wrap{border-radius:0;width:100%;height:100%;min-height:560px;position:relative;overflow:hidden}.map-wrap.compact{min-height:350px}.map-canvas{width:100%;height:100%;min-height:inherit;z-index:1;background:#e9eef4}.map-loading{z-index:5;color:var(--muted);background:#f5f8fc;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.map-loading span{border:2px solid #cfdae8;border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.vehicle-pin-wrap{background:0 0!important;border:0!important}.vehicle-pin{color:#fff;cursor:pointer;background:#748398;border:3px solid #fff;border-radius:12px;place-items:center;width:42px;height:42px;transition:box-shadow .14s,transform .14s;display:grid;position:relative;box-shadow:0 5px 14px #0d274b45}.vehicle-pin>span{transform-origin:50%;place-items:center;width:27px;height:27px;display:grid}.vehicle-pin svg{width:24px;height:24px;overflow:visible}.vehicle-pin>i{background:#748398;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.vehicle-pin.moving{background:var(--green)}.vehicle-pin.moving>i{background:#36b37e}.vehicle-pin.idle{background:var(--amber)}.vehicle-pin.idle>i{background:#e4a11b}.vehicle-pin.offline{background:#748398}.vehicle-pin.selected{z-index:2;background:var(--blue);transform:scale(1.14);box-shadow:0 7px 20px #1769e06b}.vehicle-pin.selected>i{border-color:var(--blue);background:#fff}.vehicle-tooltip{border:0!important;border-radius:8px!important;padding:7px 9px!important;box-shadow:0 8px 24px #0d274b29!important}.vehicle-tooltip>div{flex-direction:column;display:flex}.vehicle-tooltip strong{font-size:12px}.vehicle-tooltip small{color:var(--muted);margin-top:2px;font-size:10px}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-zoom{overflow:hidden;border:1px solid var(--line-strong)!important;border-radius:9px!important;box-shadow:0 7px 20px #0d274b24!important}.live-layout{grid-template-columns:270px minmax(430px,1fr) 300px;gap:12px;min-height:665px;display:grid}.vehicle-rail{flex-direction:column;min-width:0;display:flex;overflow:hidden}.rail-filter{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:5px;padding:11px;display:grid}.rail-filter button{color:var(--muted);cursor:pointer;text-transform:capitalize;background:#f5f7fa;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 8px;font-size:11px;display:flex}.rail-filter button.active{background:var(--blue-soft);color:var(--blue-2);border-color:#bcd0eb;font-weight:750}.vehicle-scroll{flex:1;padding:5px 8px 10px;overflow-y:auto}.vehicle-scroll>button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px;display:grid}.vehicle-scroll>button:hover{background:#f5f8fc}.vehicle-scroll>button.active{background:#eef5ff;border-color:#c8daf4}.vehicle-avatar{width:38px;height:38px;color:var(--slate);background:#eef2f6;border-radius:11px;grid-row:1/3;place-items:center;display:grid}.vehicle-avatar.moving{background:var(--green-soft);color:var(--green)}.vehicle-avatar.idle{background:var(--amber-soft);color:var(--amber)}.vehicle-scroll .status-pill{grid-column:2;justify-self:start;margin-top:3px}.status-pill{color:#6b7b8e;text-transform:capitalize;background:#f3f5f8;border:1px solid #d4dce7;border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.moving{background:var(--green-soft);color:var(--green);border-color:#bce3d1}.status-pill.idle{background:var(--amber-soft);color:var(--amber);border-color:#eed2a4}.live-map-panel,.geofence-map,.playback-map,.share-map{position:relative;overflow:hidden}.live-map-panel .map-wrap,.live-map-panel .map-canvas{min-height:665px}.map-controls{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:11px;left:11px;right:11px}.map-controls>div{gap:7px;display:flex}.map-controls button,.map-controls label,.map-controls>span{color:#4f647c;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #d3dde9;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:11px;font-weight:750;display:flex;box-shadow:0 7px 22px #0d274b1c}.map-controls button{cursor:pointer}.map-controls button.active{color:var(--blue);background:#eaf3ff;border-color:#a9c5ec}.map-controls select{color:inherit;background:0 0;border:0;outline:0;font-size:11px;font-weight:750}.map-legend{z-index:20;background:#fffffff5;border:1px solid #d7e0ea;border-radius:999px;gap:10px;padding:7px 10px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 20px #0d274b1a}.map-legend span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.map-legend i{background:var(--slate);border-radius:50%;width:7px;height:7px}.map-legend i.moving{background:var(--green)}.map-legend i.idle{background:var(--amber)}.vehicle-heading{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:13px;display:grid}.vehicle-heading>span{background:var(--blue);color:#fff;border-radius:12px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.vehicle-heading>div{flex-direction:column;min-width:0;display:flex}.vehicle-heading small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.vehicle-heading .status-pill{grid-column:2;justify-self:start}.speed-display{justify-content:center;align-items:flex-end;gap:8px;margin:17px 0;display:flex}.speed-display>strong{letter-spacing:-.07em;font-size:43px;line-height:.9}.speed-display>span{color:var(--muted);flex-direction:column;font-size:13px;display:flex}.speed-display small{color:var(--green);margin-top:3px;font-size:10px;font-weight:700}.telemetry-grid{border:1px solid var(--line);background:#fbfcfe;border-radius:11px;gap:0;margin:0;padding:2px 11px;display:grid}.telemetry-grid>div{border-bottom:1px solid #e9eef4;grid-template-columns:86px minmax(0,1fr);gap:7px;padding:10px 0;display:grid}.telemetry-grid>div:last-child{border:0}.telemetry-grid dt,.telemetry-grid dd{margin:0;font-size:11px}.telemetry-grid dt{color:var(--muted);align-items:center;gap:5px;display:flex}.telemetry-grid dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.sensor-strip{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.sensor-strip span{border:1px solid var(--line);color:var(--blue);background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex}.sensor-strip b{color:var(--ink);margin-top:4px;font-size:13px}.sensor-strip small{color:var(--muted);font-size:10px}.telemetry-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.telemetry-actions .primary{grid-column:1/-1}.playback-layout{grid-template-columns:minmax(0,1fr) 300px;gap:13px;display:grid}.playback-controls{grid-column:1/-1;padding:17px}.filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.filter-row label,.settings-form label{gap:6px;display:grid}.filter-row label>span,.settings-form label>span,.form-modal label>span{color:#4f6279;font-size:11px;font-weight:750}.filter-row select,.filter-row input,.settings-form select,.settings-form input,.form-modal input,.form-modal select{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--ink);background:#fbfcfe;border-radius:9px;outline:0;padding:0 10px;font-size:12px}.filter-row select:focus,.settings-form select:focus,.settings-form input:focus,.form-modal input:focus,.form-modal select:focus{border-color:#8db6ef;box-shadow:0 0 0 3px #1769e014}.trip-metrics{border:1px solid var(--line);border-radius:11px;grid-template-columns:repeat(4,1fr);margin-top:13px;display:grid}.trip-metrics span{border-right:1px solid var(--line);color:var(--blue);align-items:center;gap:9px;padding:11px;display:flex}.trip-metrics span:last-child{border:0}.trip-metrics b{color:var(--ink);flex-direction:column;font-size:13px;display:flex}.trip-metrics small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:500}.playback-map,.playback-map .map-wrap,.playback-map .map-canvas{min-height:560px}.playback-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #ccd7e4;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 10px 32px #0d274b24}.play-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.timeline{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.timeline input{min-width:0;accent-color:var(--blue);flex:1}.timeline span{flex-direction:column;min-width:82px;display:flex}.speed-buttons{border:1px solid var(--line);border-radius:8px;padding:2px;display:flex}.speed-buttons button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:750}.speed-buttons button.active{background:var(--blue-soft);color:var(--blue)}.stop-list{padding:17px}.stop-list>div{margin-top:10px}.stop-list article{border-bottom:1px solid #edf1f6;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px 2px;display:grid}.stop-list i{background:var(--amber);border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #dbe3ed}.stop-list article>span{flex-direction:column;display:flex}.stop-list small{color:var(--muted);margin-top:3px;font-size:10px}.stop-list article>b{color:var(--muted);font-size:11px}.data-panel{padding:18px}.data-panel>.panel-title{margin-bottom:13px}.table-wrap{overflow-x:auto}.data-panel table{border-collapse:collapse;width:100%;min-width:880px}.data-panel th{border-bottom:1px solid var(--line);color:var(--muted);text-align:left;letter-spacing:.055em;text-transform:uppercase;background:#f7f9fc;padding:10px;font-size:10px}.data-panel td{color:#42576f;border-bottom:1px solid #edf1f6;padding:10px;font-size:11px}.data-panel tbody tr{cursor:pointer;transition:all .12s}.data-panel tbody tr:hover{background:#f9fbfe}.data-panel td small{color:var(--soft);margin-top:2px;font-size:10px;display:block}.entity{align-items:center;gap:9px;display:flex}.entity>i{background:var(--blue-soft);width:35px;height:35px;color:var(--blue);border-radius:10px;flex:0 0 35px;place-items:center;display:grid}.entity>i.person{color:var(--green);background:#edf6f2}.entity b{color:var(--ink);flex-direction:column;font-size:11px;display:flex}.data-panel code{color:#3f5c82;font-size:11px}.gps-state{background:var(--green-soft);color:var(--green);text-transform:capitalize;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:750}.gps-state.off{color:var(--slate);background:#eef1f5}.gps-state.searching{background:var(--amber-soft);color:var(--amber)}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.level{vertical-align:middle;background:#e7ecf2;border-radius:5px;width:48px;height:5px;margin-right:5px;display:inline-block;overflow:hidden}.level i{background:var(--green);height:100%;display:block}.protocol-catalog{padding:18px}.protocol-catalog>.panel-title{margin-bottom:13px}.protocol-catalog>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.protocol-catalog article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f9fbfe);border-radius:11px;flex-direction:column;min-width:0;padding:11px;display:flex}.protocol-catalog article header{align-items:center;gap:7px;display:flex}.protocol-catalog article header>span{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.protocol-catalog article header>div{flex-direction:column;flex:1;min-width:0;display:flex}.protocol-catalog article strong{font-size:12px}.protocol-catalog article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.protocol-catalog article header>b{background:#eef2f7;border-radius:8px;place-items:center;min-width:26px;height:26px;font-size:12px;display:grid}.protocol-catalog article p{flex-wrap:wrap;gap:4px;margin:10px 0 7px;display:flex}.protocol-catalog article p span,.protocol-catalog article em,.capability-tags span{color:#5b7088;background:#f8fafd;border:1px solid #d9e3ef;border-radius:999px;padding:4px 6px;font-size:9px;font-style:normal}.protocol-catalog article>div{flex-wrap:wrap;gap:4px;display:flex}.protocol-catalog article footer{color:var(--muted);align-items:center;gap:5px;margin-top:auto;padding-top:10px;font-size:9px;display:flex}.protocol-catalog article footer i{background:var(--amber);border-radius:50%;width:7px;height:7px}.protocol-catalog article footer i.confirmed{background:var(--green)}.protocol-catalog>aside{background:#f4f8ff;border:1px solid #d4e1f2;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:10px;display:grid}.protocol-catalog aside strong{font-size:11px}.protocol-catalog aside>span{flex-wrap:wrap;gap:4px;display:flex}.protocol-catalog aside em{color:var(--muted);background:#fff;border-radius:6px;padding:4px 6px;font-size:9px;font-style:normal}.protocol-catalog aside small{color:var(--muted);font-size:10px}.score{vertical-align:middle;background:#e6ecf2;border-radius:6px;width:75px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.score i{background:linear-gradient(90deg,var(--green),#54b883);height:100%;display:block}.driver-state,.role-badge,.user-status,.maintenance-priority,.severity,.task-status{color:var(--slate);text-transform:capitalize;background:#eef2f6;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:800}.driver-state.driving,.user-status.active{background:var(--green-soft);color:var(--green)}.driver-state.available,.role-badge{background:var(--blue-soft);color:var(--blue)}.geofence-layout{grid-template-columns:minmax(0,1.5fr) 370px;gap:13px;min-height:650px;display:grid}.geofence-map .map-wrap,.geofence-map .map-canvas{min-height:650px}.geofence-list{padding:17px}.geofence-list>div{margin-top:10px}.geofence-list article{border-bottom:1px solid #edf1f6;align-items:center;gap:10px;padding:13px 1px;display:flex}.geofence-list article>span{background:var(--blue-soft);width:38px;height:38px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.geofence-list article>div{flex-direction:column;flex:1;min-width:0;display:flex}.geofence-list strong{font-size:12px}.geofence-list small{color:var(--muted);margin-top:2px;font-size:10px}.geofence-list em{color:var(--green);margin-top:3px;font-size:9px;font-style:normal}.toggle{cursor:pointer;background:#cbd4df;border:0;border-radius:11px;flex:0 0 38px;width:38px;height:22px;padding:0;transition:all .15s;position:relative}.toggle i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0d274b38}.toggle.on{background:var(--blue)}.toggle.on i{transform:translate(16px)}.filter-pills{flex-wrap:wrap;gap:4px;display:flex}.filter-pills button{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:999px;padding:5px 8px;font-size:10px}.filter-pills button.active{background:var(--blue-soft);color:var(--blue);border-color:#afc8ed;font-weight:750}.alert-table{margin-top:10px}.alert-table article{border-bottom:1px solid #eaf0f5;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 2px;display:grid}.alert-table article.processed{opacity:.62}.alert-table article>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.alert-table article>div>span{align-items:center;gap:7px;display:flex}.alert-table strong{font-size:12px}.alert-table article>div em{color:var(--muted);background:#f1f4f8;border-radius:999px;padding:4px 6px;font-size:9px;font-style:normal}.alert-table p{color:var(--text);margin:4px 0 0;font-size:11px}.alert-table small{color:var(--muted);margin-top:3px;font-size:10px}.severity.critical{background:var(--red-soft);color:var(--red)}.severity.warning{background:var(--amber-soft);color:var(--amber)}.severity.info{background:var(--blue-soft);color:var(--blue)}.row-actions{gap:5px;display:flex}.report-hero{background:linear-gradient(120deg,#fff,#eef5ff);justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.report-hero>div{flex-direction:column;max-width:700px;display:flex}.report-hero small{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850}.report-hero h2{margin:3px 0;font-size:21px}.report-hero p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.55}.report-library{padding:18px}.report-library>.panel-title{margin-bottom:13px}.report-library>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.report-library article{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:39px minmax(0,1fr);gap:9px;padding:11px;transition:all .14s;display:grid}.report-library article:hover{border-color:#b6cbe8;transform:translateY(-2px);box-shadow:0 9px 23px #0d2d5c12}.report-library article>span{background:var(--blue-soft);width:39px;height:39px;color:var(--blue);border-radius:10px;grid-row:1/3;place-items:center;display:grid}.report-library article>div{flex-direction:column;min-width:0;display:flex}.report-library strong{font-size:12px}.report-library small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.report-library em{color:var(--blue);margin-top:5px;font-size:9px;font-style:normal;font-weight:750}.report-library article>.btn{grid-column:1/-1;justify-content:space-between;min-height:32px}.command-layout{grid-template-columns:minmax(0,1.4fr) 360px;gap:13px;display:grid}.command-composer,.command-history{padding:18px}.command-device{border:1px solid var(--line);background:#f9fbfe;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:13px;padding:10px;display:grid}.command-device>span{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.command-device label{flex-direction:column;min-width:0;display:flex}.command-device label small{color:var(--muted);font-size:10px}.command-device select{color:var(--ink);background:0 0;border:0;outline:0;margin-top:3px;font-size:12px;font-weight:750}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.command-grid>button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;min-height:128px;padding:11px;transition:all .14s;display:flex}.command-grid>button:hover,.command-grid>button.active{background:#f3f8ff;border-color:#9fbee8;box-shadow:0 0 0 2px #1769e00f}.command-grid>button.danger:hover,.command-grid>button.danger.active{background:#fff6f7;border-color:#e9afb4}.command-grid>button>span{background:var(--blue-soft);width:33px;height:33px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.command-grid>button.danger>span{background:var(--red-soft);color:var(--red)}.command-grid strong{margin-top:9px;font-size:11px}.command-grid small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.command-grid em{color:var(--muted);background:#f0f4f8;border-radius:999px;margin-top:auto;padding:4px 6px;font-size:9px;font-style:normal}.command-review{background:#f1f7ff;border:1px solid #bfd3ef;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:11px;display:flex}.command-review.danger{background:#fff4f5;border-color:#edbdc2}.command-review>span{color:var(--blue)}.command-review.danger>span{color:var(--red)}.command-review>div{flex-direction:column;flex:1;min-width:0;display:flex}.command-review strong{font-size:12px}.command-review small{color:var(--muted);margin-top:2px;font-size:10px}.safety-note{color:var(--muted);align-items:flex-start;gap:6px;margin:10px 0 0;font-size:10px;line-height:1.45;display:flex}.safety-note svg{color:var(--green);flex:none}.command-history>div,.task-list>div{margin-top:10px}.command-history article,.task-list article{border-bottom:1px solid #edf1f6;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 1px;display:grid}.command-history article>div,.task-list article>div{flex-direction:column;min-width:0;display:flex}.command-history strong,.task-list strong{font-size:11px}.command-history small,.task-list small{color:var(--muted);margin-top:2px;font-size:10px}.command-history em,.task-list em{color:var(--soft);margin-top:3px;font-size:9px;font-style:normal}.task-icon{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.task-icon.completed,.task-icon.ready{background:var(--green-soft);color:var(--green)}.task-icon.failed{background:var(--red-soft);color:var(--red)}.task-icon.queued,.task-icon.running,.task-icon.scheduled{background:var(--amber-soft);color:var(--amber)}.task-status.completed,.task-status.ready{background:var(--green-soft);color:var(--green)}.task-status.failed{background:var(--red-soft);color:var(--red)}.task-status.queued,.task-status.running,.task-status.scheduled{background:var(--amber-soft);color:var(--amber)}.score.maintenance{width:100px}.score.maintenance i{background:linear-gradient(90deg,var(--green),var(--amber),var(--red))}.maintenance-priority.overdue{background:var(--red-soft);color:var(--red)}.maintenance-priority.due-soon{background:var(--amber-soft);color:var(--amber)}.maintenance-priority.planned{background:var(--blue-soft);color:var(--blue)}.media-layout{gap:13px;display:grid}.media-hero{background:linear-gradient(125deg,#fff,#eef5ff);align-items:center;gap:14px;padding:20px;display:flex}.media-hero>span{background:var(--blue);color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 24px #1769e038}.media-hero>div{flex-direction:column;flex:1;max-width:720px;display:flex}.media-hero small{color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:800}.media-hero h2{margin:3px 0;font-size:20px}.media-hero p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.5}.media-hero>em{color:var(--blue);background:#e7f1ff;border-radius:999px;padding:7px 10px;font-size:11px;font-style:normal;font-weight:750}.media-empty{min-height:310px;padding:20px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:210px;display:flex}.empty-state>span{background:var(--blue-soft);width:58px;height:58px;color:var(--blue);border-radius:16px;place-items:center;display:grid}.empty-state h3{margin:13px 0 5px;font-size:15px}.empty-state p{max-width:500px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.empty-state .btn{margin-top:12px}.camera-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.camera-grid article{padding:12px}.camera-grid article>div{color:#a7b8ce;background:#0f223d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:180px;font-size:11px;display:flex}.camera-grid header{justify-content:space-between;align-items:center;padding:10px 2px;display:flex}.camera-grid footer{gap:5px;display:flex}.capability-list{padding:18px}.capability-list>div{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.capability-list>div>span{border:1px solid var(--line);color:var(--blue);border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.capability-list b{color:var(--ink);flex-direction:column;font-size:11px;display:flex}.capability-list small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:500}.users-layout,.task-layout{gap:13px;display:grid}.role-cards{padding:18px}.role-cards>div{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.role-cards article{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.role-cards article>span{background:var(--blue-soft);width:35px;height:35px;color:var(--blue);border-radius:9px;flex:0 0 35px;place-items:center;font-size:11px;font-weight:850;display:grid}.role-cards b{flex-direction:column;font-size:11px;display:flex}.role-cards small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:500;line-height:1.35}.task-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.task-list{padding:18px}.task-list article{grid-template-columns:36px minmax(0,1fr) auto auto}.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:13px;display:grid}.settings-tabs{flex-direction:column;height:max-content;padding:8px;display:flex}.settings-tabs button{color:#536980;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;height:43px;padding:0 10px;font-size:12px;display:grid}.settings-tabs button:hover{background:#f4f7fb}.settings-tabs button.active{background:var(--blue-soft);color:var(--blue);font-weight:750}.settings-content{min-height:620px;padding:20px}.settings-content>.panel-title{margin-bottom:14px}.settings-form{grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:14px;display:grid}.setting-switch{border-top:1px solid #eaf0f5;justify-content:space-between;align-items:center;gap:15px;padding:13px 2px;display:flex}.setting-switch>div{flex-direction:column;display:flex}.setting-switch strong{font-size:12px}.setting-switch small{color:var(--muted);margin-top:3px;font-size:10px}.notification-test,.security-summary{color:var(--blue);background:#f3f8ff;border:1px solid #cbdcf3;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.notification-test>div,.security-summary>div{color:var(--ink);flex-direction:column;flex:1;display:flex}.notification-test strong,.security-summary strong{font-size:12px}.notification-test small,.security-summary small{color:var(--muted);margin-top:2px;font-size:10px}.integration-card{border:1px solid var(--line);border-radius:11px;align-items:center;gap:11px;margin-bottom:9px;padding:12px;display:flex}.integration-card>span{background:var(--blue-soft);width:40px;height:40px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.integration-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.integration-card strong{font-size:12px}.integration-card small{color:var(--muted);margin-top:3px;font-size:10px}.integration-card>b{background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:5px 7px;font-size:10px}.integration-card>b.online{background:var(--green-soft);color:var(--green)}.endpoint-card{border:1px solid var(--line);background:#f9fbfd;border-radius:10px;grid-template-columns:130px 1fr auto;align-items:center;gap:10px;margin-top:8px;padding:9px;display:grid}.endpoint-card>small{color:var(--muted);font-size:10px}.endpoint-card code{color:#375777;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.endpoint-card .btn{min-height:31px}.install-button{margin-top:13px}.drawer-overlay,.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f20376b;animation:.14s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer-overlay{justify-items:end;display:grid}.detail-drawer{background:#fff;width:min(450px,100%);height:100%;padding:21px;animation:.18s ease-out drawer-in;overflow-y:auto;box-shadow:-20px 0 60px #0f20372e}@keyframes drawer-in{0%{transform:translate(100%)}}.detail-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.detail-drawer h2{margin:3px 0 0;font-size:21px}.detail-drawer header p{color:var(--muted);margin:4px 0 0;font-size:11px}.drawer-vehicle{background:linear-gradient(135deg,#eaf3ff,#f6faff);border-radius:13px;align-items:center;gap:12px;margin:16px 0;padding:15px;display:flex}.drawer-vehicle>span{background:var(--blue);color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.drawer-vehicle>div{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.drawer-vehicle strong{margin-top:7px;font-size:20px}.drawer-vehicle small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.detail-drawer section{margin-top:15px}.detail-drawer section h3{margin:0 0 8px;font-size:13px}.detail-drawer dl{grid-template-columns:repeat(2,1fr);gap:7px;margin:0;display:grid}.detail-drawer dl div{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;padding:9px}.detail-drawer dt{color:var(--muted);font-size:10px}.detail-drawer dd{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;font-weight:700;overflow:hidden}.capability-tags{flex-wrap:wrap;gap:5px;display:flex}.detail-drawer>footer{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:17px;display:grid}.detail-drawer>footer .primary{grid-column:1/-1}.modal-overlay{place-items:center;padding:20px;display:grid}.form-modal,.report-modal,.confirm-modal{background:#fff;border-radius:18px;width:min(650px,100%);max-height:92vh;padding:21px;animation:.16s ease-out modal-in;overflow-y:auto;box-shadow:0 24px 70px #0f203738}@keyframes modal-in{0%{opacity:0;transform:translateY(7px)scale(.98)}}.form-modal>header,.report-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.form-modal h2,.report-modal h2{margin:3px 0 0;font-size:20px}.form-modal header p,.report-modal header p{color:var(--muted);margin:4px 0 0;font-size:11px}.form-modal form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:15px;display:grid}.form-modal label{gap:6px;display:grid}.form-modal .wide{grid-column:1/-1}.form-note{color:#496a92;background:#f2f7ff;border:1px solid #caddf7;border-radius:9px;align-items:flex-start;gap:7px;padding:10px;font-size:11px;display:flex!important}.form-modal footer,.report-modal footer,.confirm-modal footer{justify-content:flex-end;gap:7px;display:flex}.check-label{color:var(--text);grid-template-columns:auto 1fr;font-size:12px;justify-content:flex-start!important;align-items:center!important;display:flex!important}.check-label input{width:16px;height:16px}.confirm-modal{text-align:center;width:min(520px,100%)}.confirm-modal>span{background:var(--red-soft);width:56px;height:56px;color:var(--red);border-radius:16px;place-items:center;margin:auto;display:grid}.confirm-modal>small{color:var(--red);text-transform:uppercase;margin-top:12px;font-size:11px;font-weight:850;display:block}.confirm-modal h2{margin:4px 0 7px;font-size:21px}.confirm-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.confirm-modal label{color:#6e4750;text-align:left;background:#fff7f7;border:1px solid #efc5c9;border-radius:9px;align-items:flex-start;gap:8px;margin:14px 0;padding:10px;font-size:11px;display:flex}.confirm-modal input{margin-top:1px}.report-modal{width:min(720px,100%)}.report-modal header{grid-template-columns:42px 1fr auto;display:grid}.report-modal header>span{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.report-modal>.filter-row{margin:17px 0}.toast-message{z-index:140;color:#08774c;background:#f0fbf6;border:1px solid #b9dfcd;border-radius:11px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:750;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 40px #0d3f2b24}.toast-check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:13px;display:grid}.top-progress{z-index:160;top:0;right:0;left:var(--side);background:linear-gradient(90deg,transparent,var(--blue),transparent);height:3px;animation:1.1s linear infinite loading-line;position:fixed}@keyframes loading-line{0%{transform:translate(-60%)}to{transform:translate(60%)}}.mobile-navigation{display:none}.share-page{background:var(--canvas);min-height:100vh;padding-bottom:24px}.share-page>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.share-brand{align-items:center;gap:10px;display:flex}.share-brand>div{flex-direction:column;display:flex}.share-brand strong{font-size:16px}.share-brand small{color:var(--muted);margin-top:3px;font-size:11px}.share-security{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:750;display:flex}.share-summary{border:1px solid var(--line);max-width:1050px;box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:20px auto 12px;padding:16px 19px;display:flex}.share-summary>div{align-items:center;gap:11px;display:flex}.share-summary>div>span{background:var(--blue);color:#fff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.share-summary>div>div{flex-direction:column;display:flex}.share-summary small{color:var(--muted);font-size:10px}.share-summary h1{margin:2px 0 0;font-size:20px}.share-summary p{color:var(--muted);margin:2px 0 0;font-size:11px}.share-summary dl{gap:24px;margin:0;display:flex}.share-summary dl div{flex-direction:column;display:flex}.share-summary dt{color:var(--muted);font-size:10px}.share-summary dd{text-transform:capitalize;margin:3px 0 0;font-size:12px;font-weight:750}.share-summary dd.moving{color:var(--green)}.share-summary dd.idle{color:var(--amber)}.share-summary dd.offline{color:var(--slate)}.share-map{border:1px solid var(--line);max-width:1050px;height:650px;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:auto}.share-map .map-wrap,.share-map .map-canvas{min-height:650px}.share-location{z-index:20;border:1px solid var(--line);color:var(--blue);background:#fffffff5;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 30px #0d274b24}.share-location>span{min-width:0;color:var(--ink);flex-direction:column;flex:1;display:flex}.share-location strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.share-location small{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.share-error{text-align:center;min-height:70vh;color:var(--blue);flex-direction:column;justify-content:center;align-items:center;display:flex}.share-error h1{color:var(--ink);margin:12px 0 4px;font-size:22px}.share-error p{color:var(--muted);margin:0;font-size:13px}@media (max-width:1320px){:root{--side:220px}.live-layout{grid-template-columns:245px minmax(400px,1fr) 280px}.account-button>b{display:none}.protocol-catalog>div,.command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){:root{--side:80px}.brand-lockup{justify-content:center;padding:0 10px}.brand-lockup>div,.main-sidebar nav section>small,.main-sidebar nav button span,.main-sidebar nav button b,.sidebar-status b{display:none}.main-sidebar nav button{justify-content:center}.main-sidebar nav button.active:before{left:-12px}.sidebar-status{flex-direction:column}.main-topbar{left:var(--side)}.global-search{width:min(390px,42vw)}.live-layout{grid-template-columns:230px minmax(0,1fr)}.telemetry-card{grid-column:1/-1;grid-template-columns:250px 1fr 220px;gap:14px;display:grid}.telemetry-card .vehicle-heading{align-self:start}.speed-display{margin:0}.telemetry-grid{grid-template-columns:repeat(2,1fr)}.telemetry-grid>div:nth-child(odd){border-right:1px solid #e9eef4;padding-right:10px}.sensor-strip,.telemetry-actions{align-self:center}.overview-layout{grid-template-columns:1.4fr .8fr}.report-library>div,.role-cards>div{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-layout,.overview-bottom,.geofence-layout,.command-layout,.playback-layout,.task-layout{grid-template-columns:1fr}.playback-controls,.playback-map,.stop-list{grid-column:auto}.live-layout{grid-template-columns:220px minmax(0,1fr)}.telemetry-card{grid-column:1/-1;display:block}.telemetry-grid{grid-template-columns:1fr}.telemetry-grid>div:nth-child(odd){border-right:0;padding-right:0}.protocol-catalog>div,.report-library>div{grid-template-columns:repeat(2,1fr)}.command-grid{grid-template-columns:repeat(4,1fr)}.role-cards>div,.capability-list>div{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:190px 1fr}.notification-popover{right:115px}}@media (max-width:720px){:root{--side:0px;--top:64px}.main-sidebar{width:268px;transition:all .18s;transform:translate(-102%)}.main-sidebar.open{transform:translate(0)}.brand-lockup{justify-content:flex-start;padding:0 15px}.brand-lockup>div,.main-sidebar nav section>small,.main-sidebar nav button span,.main-sidebar nav button b,.sidebar-status b{display:flex}.brand-lockup>button{display:block}.main-sidebar nav button{justify-content:flex-start}.sidebar-status{flex-direction:row}.sidebar-backdrop{z-index:45;background:#0f203761;border:0;display:block;position:fixed;inset:0}.main-topbar{gap:9px;padding:0 12px;left:0;right:0}.menu-button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.mobile-logo{align-items:center;gap:7px;display:flex}.mobile-logo>span{border-radius:9px;flex-basis:31px;width:31px;height:31px;font-size:12px}.mobile-logo>b{font-size:14px}.page-identity,.account-button,.add-button,.global-search{display:none}.topbar-actions{margin-left:auto}.top-icon:first-child{display:none}.notification-popover{width:auto;position:fixed;top:57px;left:10px;right:10px}.profile-popover{display:none}.main-workspace{padding:calc(var(--top) + 15px) 10px 88px;margin-left:0}.workspace-heading{align-items:center;margin-bottom:12px}.workspace-heading p{display:none}.workspace-heading h1{font-size:20px}.workspace-heading aside>.btn{display:none}.source-banner{flex-wrap:wrap;align-items:flex-start}.source-banner .btn{width:100%}.metric-grid{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.metric-card{min-width:156px;padding:12px}.metric-card>span{flex-basis:39px;width:39px;height:39px}.metric-card strong{font-size:20px}.overview-layout,.overview-bottom{grid-template-columns:1fr}.map-overview{min-height:400px}.map-overview .map-wrap,.map-overview .map-canvas{min-height:330px}.priority-feed{min-height:auto}.activity-chart{min-height:260px}.live-layout{flex-direction:column;min-height:0;display:flex}.vehicle-rail{max-height:260px}.rail-filter{grid-template-columns:repeat(4,1fr)}.rail-filter button{flex-direction:column;justify-content:center;gap:2px}.live-map-panel,.live-map-panel .map-wrap,.live-map-panel .map-canvas{min-height:480px}.telemetry-card{padding:14px}.map-controls label{display:none}.filter-row,.settings-form{grid-template-columns:1fr}.trip-metrics{grid-template-columns:repeat(2,1fr)}.trip-metrics span:nth-child(2){border-right:0}.trip-metrics span:nth-child(-n+2){border-bottom:1px solid var(--line)}.playback-map,.playback-map .map-wrap,.playback-map .map-canvas{min-height:480px}.playback-bar{gap:7px;padding:8px;bottom:8px;left:8px;right:8px}.timeline span{display:none}.data-panel{padding:13px}.panel-title{flex-direction:column;align-items:flex-start}.data-panel>.panel-title .btn{width:100%}.protocol-catalog>div,.report-library>div,.command-grid,.camera-grid,.role-cards>div,.capability-list>div,.protocol-catalog>aside{grid-template-columns:1fr}.filter-pills{width:100%}.alert-table article{grid-template-columns:38px minmax(0,1fr) auto}.alert-table .row-actions{grid-column:2/-1}.report-hero{flex-direction:column;align-items:flex-start}.report-hero .btn{width:100%}.command-layout{display:block}.command-history{margin-top:12px}.command-grid{grid-template-columns:repeat(2,1fr)}.media-hero{flex-wrap:wrap;align-items:flex-start}.media-hero>em{margin-left:72px}.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;display:flex;overflow-x:auto}.settings-tabs button{min-width:130px}.settings-content{min-height:0;padding:15px}.endpoint-card{grid-template-columns:1fr}.endpoint-card .btn{justify-self:start}.role-cards{display:none}.task-list+.task-list{margin-top:12px}.mobile-navigation{z-index:60;border-top:1px solid var(--line);height:72px;padding:6px 4px max(6px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-navigation button{color:#748399;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.mobile-navigation button.active{background:var(--blue-soft);color:var(--blue)}.modal-overlay{align-items:end;padding:0}.form-modal,.report-modal,.confirm-modal{width:100%;max-height:92vh;padding:17px 14px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.form-modal form{grid-template-columns:1fr}.form-modal .wide{grid-column:auto}.detail-drawer{padding-bottom:85px}.toast-message{justify-content:center;bottom:82px;left:10px;right:10px}.top-progress{left:0}.share-page>header{padding:0 12px}.share-summary{flex-direction:column;align-items:flex-start;margin:12px 10px}.share-summary dl{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.share-map{height:calc(100vh - 290px);min-height:430px;margin:0 10px}.share-map .map-wrap,.share-map .map-canvas{height:100%;min-height:430px}}@media (max-width:430px){.command-grid,.detail-drawer dl{grid-template-columns:1fr}.sensor-strip{grid-template-columns:repeat(3,1fr)}.telemetry-actions{grid-template-columns:1fr}.telemetry-actions .primary{grid-column:auto}.mobile-logo>b{display:none}.share-security{font-size:0}.share-security svg{width:16px}.trip-metrics{grid-template-columns:1fr}.trip-metrics span{border-right:0;border-bottom:1px solid var(--line)!important}.trip-metrics span:last-child{border-bottom:0!important}}:root{--side:76px;--top:58px;--shadow:0 1px 3px #18375e12}.tracks-shell{background:#eef2f7}.main-sidebar{top:var(--top);width:var(--side);box-shadow:none}.brand-lockup{z-index:70;width:var(--side);height:var(--top);background:#fff;border:0;justify-content:center;padding:0;position:fixed;top:0;left:0}.brand-lockup>span{width:42px;height:42px;box-shadow:none;border-radius:11px;flex-basis:42px}.main-sidebar nav{padding:7px 7px 10px}.main-sidebar nav section+section{border-top:1px solid #edf1f6;margin-top:4px;padding-top:4px}.main-sidebar nav section>small{display:none}.main-sidebar nav button{border-radius:7px;flex-direction:column;justify-content:center;gap:3px;height:50px;padding:4px 2px}.main-sidebar nav button svg{width:18px;height:18px}.main-sidebar nav button span{text-align:center;white-space:nowrap;flex:0;font-size:9px;font-weight:700}.main-sidebar nav button.active:before{height:30px;left:-7px}.main-sidebar nav button b{border:1px solid #fff;min-width:16px;height:16px;font-size:8px;position:absolute;top:2px;right:2px}.sidebar-status{flex-direction:column;justify-content:center;gap:5px;padding:8px 4px}.sidebar-status>span{flex:0}.sidebar-status b{display:none}.sidebar-status>button{border-radius:6px;width:29px;height:29px}.main-topbar{left:var(--side);height:var(--top);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:#3478f6;border:0;gap:4px;padding:0 10px}.page-identity{display:none}.compact-top-navigation{align-items:stretch;gap:1px;height:100%;display:flex}.compact-top-navigation button{color:#ffffffeb;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;min-width:78px;padding:0 11px;font-size:11px;font-weight:650;display:flex}.compact-top-navigation button:hover,.compact-top-navigation button.active{color:#fff;background:#0a46be4d}.global-search{color:#fff;background:#ffffff24;border-color:#ffffff40;border-radius:6px;width:min(280px,22vw);height:34px;margin-left:auto;padding:0 9px}.global-search:focus-within{color:#52667f;box-shadow:none;background:#fff;border-color:#ffffffbf}.global-search input{color:inherit;font-size:11px}.global-search input::placeholder{color:#ffffffbf}.global-search:focus-within input::placeholder{color:#8a99ab}.topbar-actions{gap:4px}.top-icon{color:#fff;background:#ffffff1f;border-color:#ffffff38;border-radius:6px;flex-basis:32px;width:32px;height:32px}.top-icon:hover{color:#fff;background:#ffffff38;border-color:#ffffff8c}.account-button{color:#fff;max-width:165px;padding:2px 4px}.account-button>span{color:#fff;background:#fff3;width:31px;height:31px;font-size:10px}.account-button>b{white-space:nowrap;text-overflow:ellipsis;max-width:105px;font-size:10px;overflow:hidden}.account-button small{color:#ffffffb8;font-size:9px}.main-topbar .add-button{color:#2362ca;min-height:32px;box-shadow:none;background:#fff;border-color:#fff;border-radius:6px;padding:0 9px;font-size:10px}.top-popover{color:var(--ink);top:51px}.main-workspace.live-workspace{height:100vh;padding:var(--top) 0 0;overflow:hidden}.workspace-heading{margin-bottom:10px}.workspace-heading h1{font-size:19px}.workspace-heading p{font-size:10px}.source-banner{border-radius:7px;margin-bottom:9px;padding:8px 10px}.source-banner>span{border-radius:6px;width:31px;height:31px}.source-banner strong{font-size:11px}.source-banner small{font-size:9px}.panel{box-shadow:none;border-radius:7px}.panel-title h2{font-size:14px}.notification-popover header small,.panel-title small,.form-modal header small,.report-modal header small,.detail-drawer header small{font-size:9px}.btn{border-radius:6px;min-height:32px;padding:0 10px;font-size:11px}.icon-button{border-radius:6px;flex-basis:32px;width:32px;height:32px}.metric-grid{gap:7px}.metric-card{box-shadow:none;border-radius:7px;gap:9px;padding:10px 11px}.metric-card:hover{box-shadow:none;transform:none}.metric-card>span{border-radius:7px;flex-basis:36px;width:36px;height:36px}.metric-card strong{font-size:19px}.metric-card small{font-size:10px}.module-stack,.overview-layout,.overview-bottom{gap:8px}.live-layout{height:calc(100vh - var(--top));background:#dce4ef;grid-template-columns:290px minmax(360px,1fr) 260px;gap:1px;min-height:0}.live-layout>.panel{border-top:0;border-bottom:0;border-radius:0}.vehicle-rail,.telemetry-card{height:100%;min-height:0}.rail-filter button{border-radius:5px;padding:5px 6px;font-size:9px}.vehicle-scroll>button{border-radius:5px;grid-template-columns:32px minmax(0,1fr);gap:6px;padding:6px}.vehicle-scroll small,.vehicle-scroll em{font-size:8px}.status-pill{padding:3px 5px;font-size:8px}.live-map-panel,.live-map-panel .map-wrap,.live-map-panel .map-canvas{border-radius:0;height:100%;min-height:0}.map-controls button,.map-controls label{border-radius:5px;height:30px;font-size:9px}.map-legend{border-radius:5px;padding:6px 8px;font-size:8px;bottom:8px;right:8px}.telemetry-card{padding:11px;overflow-y:auto}.vehicle-heading>span{border-radius:7px;width:36px;height:36px}.vehicle-heading strong{font-size:12px}.vehicle-heading small{font-size:9px}.speed-display{margin:12px 0}.speed-display>strong{font-size:42px}.telemetry-grid{gap:0}.telemetry-grid>div{padding:8px 0}.telemetry-grid dt{font-size:9px}.telemetry-grid dd{font-size:10px}.sensor-strip{gap:4px}.sensor-strip span{border-radius:6px;padding:7px 3px}.telemetry-actions{gap:4px}.playback-layout{gap:7px}.playback-controls,.stop-list{padding:12px}.playback-map{min-height:calc(100vh - 245px)}.playback-map .map-wrap,.playback-map .map-canvas{min-height:inherit}.data-panel,.role-cards,.settings-content,.report-library,.alert-panel,.maintenance-panel{padding:12px}.table-wrap table{font-size:10px}.table-wrap th{font-size:8px}.table-wrap td,.table-wrap th{padding:8px}.user-device-access{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:180px;padding:9px;display:grid;overflow:auto}.user-device-access legend{color:var(--muted);padding:0 5px;font-size:10px;font-weight:750}.user-device-access>label{border:1px solid #e5ebf2;border-radius:6px;align-items:center;gap:7px;padding:7px;grid-template-columns:none!important;display:flex!important}.user-device-access>label input{width:auto;height:auto}.user-device-access>label>span{flex-direction:column;display:flex}.user-device-access b{font-size:10px}.user-device-access small{color:var(--muted);font-size:8px}.login-shell{background:#fff;grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:linear-gradient(145deg,#155bd2,#3f85ff);flex-direction:column;justify-content:space-between;padding:38px 48px;display:flex;position:relative;overflow:hidden}.login-showcase:after{content:"";border:100px solid #ffffff14;border-radius:50%;width:650px;height:650px;position:absolute;bottom:-250px;right:-180px}.login-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.login-brand>img{object-fit:contain;background:#fff;border:2px solid #ffffffb3;border-radius:12px;width:70px;height:70px}.login-brand>div{flex-direction:column;display:flex}.login-brand strong{font-size:15px}.login-brand small{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:9px}.login-copy{z-index:1;max-width:600px;position:relative}.login-copy em{background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-style:normal;display:inline-flex}.login-copy p{color:#ffffffc7;max-width:520px;margin:0;font-size:13px;line-height:1.6}.login-features{z-index:1;gap:9px;display:flex;position:relative}.login-features>span{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9px;align-items:center;gap:9px;min-width:190px;padding:10px;display:flex}.login-features b{flex-direction:column;font-size:11px;display:flex}.login-features small{color:#ffffffad;margin-top:2px;font-size:8px;font-weight:500}.login-panel{place-items:center;padding:30px;display:grid}.login-panel form{width:min(390px,100%)}.login-panel-logo{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:14px;width:92px;height:92px;box-shadow:0 8px 24px #1769e01a}.login-panel header>small{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-top:17px;font-size:9px;font-weight:850;display:block}.login-panel h2{letter-spacing:-.035em;margin:5px 0 7px;font-size:24px}.login-panel header p{color:var(--muted);margin:0 0 22px;font-size:11px}.login-panel form>label>div{border:1px solid var(--line-strong);height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.login-panel form>label>div:focus-within{border-color:#7fa8e5;box-shadow:0 0 0 3px #1769e014}.login-panel input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.login-panel label button{color:var(--muted);cursor:pointer;background:0 0;border:0;display:grid}.login-submit{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;margin-top:18px;font-size:11px;font-weight:800;display:flex}.login-submit:hover{background:var(--blue-2)}.login-error{background:var(--red-soft);color:var(--red);border:1px solid #f1bdc2;border-radius:7px;padding:9px 10px;font-size:10px}.login-panel footer{color:var(--soft);text-align:center;margin-top:15px;font-size:9px}.brand-emblem{box-shadow:none!important;background:#fff!important;border:1px solid #d7e1ef!important;overflow:hidden!important}.brand-emblem img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.16)}.share-brand>img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:9px;width:52px;height:52px}@media (max-width:1280px){.compact-top-navigation button{min-width:62px;padding:0 7px;font-size:9px}.global-search{width:190px}.live-layout{grid-template-columns:245px minmax(320px,1fr) 235px}}@media (max-width:900px){:root{--side:0px;--top:58px}.main-sidebar{width:268px;top:0;transform:translate(-102%)}.main-sidebar.open{transform:translate(0)}.brand-lockup{justify-content:flex-start;width:auto;padding:0 13px;position:static}.brand-lockup>div{display:flex}.main-sidebar nav section>small{display:block}.main-sidebar nav button{flex-direction:row;justify-content:flex-start;gap:10px;height:42px;padding:0 10px}.main-sidebar nav button span{text-align:left;font-size:12px}.sidebar-status{flex-direction:row;justify-content:flex-start}.sidebar-status>span{flex:1}.sidebar-status b{display:flex}.main-topbar{padding:0 9px;left:0}.menu-button,.mobile-logo{display:flex}.compact-top-navigation,.page-identity,.global-search,.account-button,.add-button{display:none}.topbar-actions{margin-left:auto}.main-workspace{padding:calc(var(--top) + 10px) 9px 76px;margin-left:0}.main-workspace.live-workspace{height:auto;min-height:100vh;padding:var(--top) 0 68px;overflow:visible}.live-layout{flex-direction:column;height:auto;display:flex}.vehicle-rail{max-height:245px}.live-map-panel,.live-map-panel .map-wrap,.live-map-panel .map-canvas{height:auto;min-height:480px}.telemetry-card{height:auto}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--side:84px;--top:64px;--blue:#0867ec;--blue-2:#0755c8;--canvas:#eef3f8}.main-topbar{z-index:60;height:var(--top);background:linear-gradient(100deg,#0757d4 0%,#0875f7 65%,#0759d4 100%);gap:2px;padding:0 14px 0 0;left:0}.desktop-brand{color:#0c2b58;background:#fff;flex:0 0 318px;align-items:center;gap:12px;width:318px;height:100%;padding:0 19px;display:flex}.desktop-brand .brand-emblem{flex:0 0 53px;width:53px;height:53px;border:0!important;border-radius:8px!important}.desktop-brand strong{letter-spacing:-.025em;white-space:nowrap;font-size:20px}.main-sidebar{top:var(--top);z-index:70;width:var(--side);box-shadow:none;background:#fff;border-color:#d8e1ec;transition:width .18s,transform .18s}.brand-lockup{border-bottom:1px solid var(--line);justify-content:flex-start;width:auto;height:64px;padding:0 13px;display:none;position:static}.brand-lockup>div{display:flex}.brand-lockup>button{display:block}.main-sidebar .utility-navigation{flex-direction:column;flex:1;padding:82px 5px 8px;display:flex;overflow:hidden}.main-sidebar .utility-navigation button{color:#53667e;border-radius:7px;flex-direction:column;flex:0 0 82px;justify-content:center;gap:7px;height:82px;padding:5px 2px}.main-sidebar .utility-navigation button svg{width:21px;height:21px}.main-sidebar .utility-navigation button span{text-align:center;flex:0;font-size:11px;font-weight:650}.main-sidebar .utility-navigation button.active{color:#0867ec;background:#eaf3ff}.main-sidebar .utility-navigation button.active:before{width:3px;height:46px;left:-5px}.main-sidebar .utility-navigation button b{min-width:18px;height:18px;font-size:9px;position:absolute;top:9px;right:12px}.main-sidebar .full-navigation{display:none}.rail-more{color:#61748c;cursor:pointer;background:#fff;border:0;border-top:1px solid #e7edf4;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:58px;font-size:9px;font-weight:700;display:flex}.sidebar-status{display:none}.main-sidebar.open{width:276px;box-shadow:16px 0 50px #07234c2e}.main-sidebar.open .brand-lockup{display:flex}.main-sidebar.open .utility-navigation,.main-sidebar.open .rail-more{display:none}.main-sidebar.open .full-navigation{flex:1;padding:10px;display:block;overflow-y:auto}.main-sidebar.open .full-navigation section+section{margin-top:11px;padding-top:8px}.main-sidebar.open .full-navigation section>small{padding:0 10px 6px;font-size:9px;display:block}.main-sidebar.open .full-navigation button{flex-direction:row;justify-content:flex-start;gap:10px;height:39px;padding:0 10px}.main-sidebar.open .full-navigation button span{text-align:left;flex:1;font-size:12px}.main-sidebar.open .full-navigation button.active:before{left:-10px}.sidebar-backdrop{inset:var(--top) 0 0;z-index:65;background:#0b1e3952;border:0;display:block;position:fixed}.compact-top-navigation{flex:0 auto}.compact-top-navigation button{gap:7px;min-width:104px;padding:0 14px;font-size:12px}.compact-top-navigation button.active{color:#0960d8;background:#fff;border-radius:8px;height:46px;margin:auto 4px}.global-search{width:min(235px,17vw);margin-left:auto}.topbar-actions{flex:none}.main-topbar .add-button{display:none}.main-workspace{margin-left:var(--side);padding:calc(var(--top) + 12px) 14px 24px}.main-workspace.live-workspace,.main-workspace.playback-workspace{height:100vh;padding:var(--top) 0 0;overflow:hidden}.live-layout{height:calc(100vh - var(--top));background:#d8e1ec;grid-template-columns:360px minmax(420px,1fr);gap:0;min-height:0;display:grid}.live-directory{background:#fff;border-right:1px solid #d8e1ec;grid-template-rows:minmax(235px,42%) minmax(0,58%);min-width:0;height:100%;display:grid}.live-directory>section{background:#fff;min-height:0}.account-tree-pane{border-bottom:1px solid #dce4ee;padding:0 14px 10px;overflow:auto}.account-tree-pane>header,.object-list-pane>header{justify-content:space-between;align-items:center;height:48px;display:flex}.account-tree-pane>header strong,.object-list-pane>header strong{font-size:13px}.account-tree-pane>header button,.object-search-row>button{color:#607289;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.account-tree-pane>header button:hover,.object-search-row>button:hover{color:var(--blue);background:#eef4fc}.directory-search{color:#8190a3;background:#fff;border:1px solid #ccd7e4;border-radius:5px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.directory-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.directory-search input::placeholder{color:#8795a8}.account-tree>button,.account-company{color:#465a73;text-align:left;background:0 0;border:0;border-radius:4px;grid-template-columns:15px 16px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;height:31px;padding:0 5px;display:grid}.account-tree>button{cursor:pointer}.account-tree>button:hover,.account-tree>button.active{color:#095fda;background:#e9f2ff}.account-tree>button span{font-size:11px;font-weight:750}.account-tree b{color:#57708e;background:#edf2f8;border-radius:4px;place-items:center;min-width:25px;height:20px;font-size:9px;display:grid}.account-company{font-size:10px}.account-company strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-group{padding-left:22px!important}.account-group>span{background:#aeb9c6;width:7px;height:1px}.account-group em{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.object-list-pane{flex-direction:column;min-height:0;padding:0 10px;display:flex;overflow:hidden}.object-list-pane>header span{color:#6d7f94;background:#eef3f8;border-radius:99px;padding:4px 7px;font-size:9px}.object-search-row{grid-template-columns:minmax(0,1fr) 34px;gap:5px;display:grid}.object-search-row>button{background:#fff;border:1px solid #ccd7e4}.rail-filter{border-bottom:1px solid #dce4ee;gap:0;padding:7px 0 0;display:flex}.rail-filter button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-content:center;gap:4px;height:32px;padding:0 9px;font-size:9px}.rail-filter button.active{border-color:var(--blue);color:var(--blue);background:0 0}.rail-filter b{font-size:8px}.vehicle-scroll{flex:1;min-height:0;padding:1px 0 8px;overflow-y:auto}.vehicle-scroll>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;border-radius:0;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:center;gap:7px;width:100%;padding:8px 4px;display:grid}.vehicle-scroll>button:hover,.vehicle-scroll>button.active{background:#edf5ff}.vehicle-avatar{color:#697b90;background:#eef2f6;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.vehicle-avatar.moving{color:#11905c;background:#e8f8f0}.vehicle-avatar.idle{color:#d3860d;background:#fff4df}.vehicle-avatar.offline{color:#8390a1;background:#eef1f5}.category-glyph{place-items:center;width:24px;height:24px;display:grid}.category-glyph svg{width:23px;height:23px}.vehicle-scroll>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.vehicle-scroll strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.vehicle-scroll small{color:#6f8197;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.vehicle-scroll em{color:#118b59;margin-top:3px;font-size:8px;font-style:normal}.vehicle-scroll em.offline{color:#8793a2}.object-speed{color:#667990;white-space:nowrap;font-size:9px;font-weight:600}.vehicle-scroll>button>svg{color:#98a5b5}.live-map-panel{background:#dfe8ef;min-width:0;height:100%;position:relative;overflow:hidden}.live-map-panel .map-wrap,.live-map-panel .map-canvas{height:100%;min-height:0}.map-controls{top:12px;left:12px;right:12px}.map-controls button,.map-controls label{background:#fffffff7;border-radius:6px;min-height:36px;font-size:10px}.map-legend{bottom:114px;right:12px}.selected-map-card{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ccd8e6;border-radius:8px;width:285px;position:absolute;top:58px;right:12px;box-shadow:0 9px 30px #152f5026}.selected-map-heading{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e4eaf1;grid-template-columns:34px minmax(0,1fr) auto 13px;align-items:center;gap:7px;width:100%;padding:9px;display:grid}.selected-map-heading>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.selected-map-heading strong{font-size:11px}.selected-map-heading small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.selected-map-card dl{grid-template-columns:repeat(4,1fr);margin:0;padding:8px;display:grid}.selected-map-card dl div{text-align:center;border-right:1px solid #e7edf4;flex-direction:column;align-items:center;min-width:0;display:flex}.selected-map-card dl div:last-child{border:0}.selected-map-card dt{color:#7a899b;font-size:8px}.selected-map-card dd{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:3px 0 0;font-size:9px;font-weight:750;overflow:hidden}.selected-map-card footer{border-top:1px solid #e4eaf1;grid-template-columns:repeat(3,1fr);display:grid}.selected-map-card footer button{color:#2864b2;cursor:pointer;background:0 0;border:0;border-right:1px solid #e4eaf1;justify-content:center;align-items:center;gap:4px;height:32px;font-size:8px;font-weight:750;display:flex}.selected-map-card footer button:last-child{border:0}.selected-map-card footer button:hover{background:#eef5ff}.fleet-summary-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #cbd7e4;border-radius:8px;grid-template-columns:repeat(5,1fr);width:min(720px,100% - 60px);padding:8px 0;display:grid;position:absolute;bottom:14px;right:50%;transform:translate(50%);box-shadow:0 8px 28px #122e5229}.fleet-summary-bar>span{border-right:1px solid #dce4ed;grid-template-columns:1fr auto;gap:2px 7px;padding:0 16px;display:grid}.fleet-summary-bar>span:last-child{border:0}.fleet-summary-bar small{color:#51647b;font-size:8px}.fleet-summary-bar strong{grid-row:2;font-size:22px;line-height:1}.fleet-summary-bar em{color:#8794a4;align-self:end;font-size:8px;font-style:normal}.fleet-summary-bar .online strong,.fleet-summary-bar .moving strong{color:#14a05f}.fleet-summary-bar .idle strong{color:#e29409}.fleet-summary-bar .offline strong{color:#7d8896}.main-workspace.playback-workspace{background:#e2e9f1}.playback-layout{height:calc(100vh - var(--top));background:#d6e0eb;grid-template-rows:minmax(0,1fr) 112px;grid-template-columns:280px minmax(420px,1fr) 300px;gap:1px;min-height:0;display:grid}.playback-layout>.panel{border-radius:0}.playback-controls{grid-area:1/1;min-height:0;padding:18px 14px;overflow-y:auto}.playback-controls .panel-title{border-bottom:1px solid #e3e9f0;padding-bottom:9px}.playback-filter-list{gap:10px;margin-top:14px;display:grid}.playback-filter-list label{gap:5px;display:grid}.playback-filter-list label>span{color:#52667e;font-size:9px;font-weight:750}.playback-filter-list select,.playback-filter-list input{color:#223853;background:#fff;border:1px solid #ccd7e4;border-radius:5px;outline:0;width:100%;height:39px;padding:0 9px;font-size:10px}.playback-filter-list select:focus,.playback-filter-list input:focus{border-color:#72a6ed;box-shadow:0 0 0 3px #0867ec14}.playback-load{width:100%;height:42px;margin-top:2px}.playback-side-metrics{border-top:1px solid #dfe6ee;margin:18px -14px 0;display:grid}.playback-side-metrics>span{color:#176ce8;border-bottom:1px solid #e5eaf0;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:4px;height:48px;padding:0 14px;display:grid}.playback-side-metrics small{color:#596d84;font-size:9px}.playback-side-metrics strong{color:#243850;font-size:10px}.playback-map{background:#dfe7ed;border:0;grid-area:1/2;min-width:0;min-height:0;position:relative;overflow:hidden}.playback-map .map-wrap,.playback-map .map-canvas{height:100%;min-height:0}.playback-map-tabs{z-index:20;background:#fff;border:1px solid #ccd7e4;border-radius:6px;display:flex;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 5px 16px #122e521a}.playback-map-tabs button{color:#566a82;cursor:pointer;background:#fff;border:0;border-right:1px solid #e2e7ee;height:34px;padding:0 15px;font-size:10px}.playback-map-tabs button:last-child{border:0}.playback-map-tabs button.active{color:var(--blue);background:#eaf3ff;font-weight:800}.route-event-wrap{background:0 0!important;border:0!important}.route-event-marker{color:#fff;background:#0867ec;border:3px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:850;display:grid;box-shadow:0 4px 10px #10376647}.route-event-marker.start{background:#15a660}.route-event-marker.finish{background:#e7464f}.stop-list{grid-area:1/3;min-height:0;padding:0;overflow:hidden}.event-tabs{border-bottom:1px solid #dce4ed;grid-template-columns:1fr 1fr;align-items:end;height:48px;padding:0 10px;display:grid}.event-tabs>*{color:#64758a;justify-content:center;align-items:center;height:48px;font-size:10px;display:flex}.event-tabs strong{border-bottom:2px solid var(--blue);color:var(--blue)}.stop-list>div{height:calc(100% - 48px);margin:0;padding:8px 12px;overflow-y:auto}.stop-list article{grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:8px;padding:11px 0}.stop-list i{background:var(--blue);width:22px;height:22px;box-shadow:none;color:#fff;border:0;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.stop-list i.start{background:#16a660}.stop-list i.finish{background:#e7464f}.stop-list article>span{min-width:0}.stop-list strong{font-size:10px}.stop-list small{font-size:8px}.stop-list article em{color:#8290a1;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;font-style:normal;overflow:hidden}.stop-list article>b{color:#176ce8;padding-top:4px;font-size:8px}.stop-list .empty-state{padding:40px 20px}.playback-timeline{grid-area:2/1/auto/-1;grid-template-columns:300px minmax(250px,1fr) 520px;align-items:center;gap:18px;padding:14px 18px;display:grid}.playback-transport{align-items:center;gap:10px;display:flex}.play-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.playback-transport>span{flex-direction:column;min-width:74px;display:flex}.playback-transport b{font-size:11px}.playback-transport small{color:#7a899b;margin-top:2px;font-size:8px}.speed-buttons{border:1px solid #cbd6e3;border-radius:5px;display:flex;overflow:hidden}.speed-buttons button{color:#607189;cursor:pointer;background:#fff;border:0;border-right:1px solid #d8e0e9;height:31px;padding:0 10px;font-size:9px}.speed-buttons button:last-child{border:0}.speed-buttons button.active{color:var(--blue);background:#eaf3ff;font-weight:800}.timeline{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.timeline input{width:100%;accent-color:var(--blue)}.timeline>span{flex-direction:column;min-width:48px;display:flex}.timeline b{font-size:9px}.timeline small{color:#8290a1;font-size:8px}.playback-total-metrics{grid-template-columns:repeat(4,1fr);display:grid}.playback-total-metrics>span{color:#176ce8;border-left:1px solid #dfe5ed;grid-template-columns:20px minmax(0,1fr);align-items:center;padding:0 11px;display:grid}.playback-total-metrics b{color:#253a52;flex-direction:column;font-size:10px;display:flex}.playback-total-metrics small{color:#7d8a9a;margin-top:2px;font-size:7px;font-weight:500}@media (max-width:1450px){.desktop-brand{flex-basis:260px;width:260px}.desktop-brand strong{font-size:17px}.compact-top-navigation button{min-width:86px;padding:0 9px}.global-search{display:none}.live-layout{grid-template-columns:330px minmax(380px,1fr)}.playback-layout{grid-template-columns:255px minmax(360px,1fr) 270px}.playback-timeline{grid-template-columns:280px minmax(230px,1fr) 450px}}@media (max-width:1120px){.desktop-brand{flex-basis:84px;justify-content:center;width:84px;padding:0}.desktop-brand strong{display:none}.compact-top-navigation button{min-width:74px;font-size:10px}.account-button>b{display:none}.account-button{max-width:none}.live-layout{grid-template-columns:300px minmax(340px,1fr)}.selected-map-card{display:none}.fleet-summary-bar{width:calc(100% - 30px)}.playback-layout{grid-template-columns:230px minmax(330px,1fr) 240px}.playback-timeline{grid-template-columns:250px minmax(200px,1fr) 380px;gap:10px}.playback-total-metrics>span{padding:0 7px}}@media (max-width:900px){:root{--side:0px;--top:58px}.desktop-brand{display:none}.main-topbar{padding:0 9px}.main-sidebar{width:276px;top:0;transform:translate(-102%)}.main-sidebar.open{width:276px;transform:translate(0)}.main-sidebar .utility-navigation,.main-sidebar .rail-more{display:none}.main-sidebar .full-navigation{flex:1;padding:9px;display:block;overflow-y:auto}.main-sidebar .brand-lockup{display:flex}.main-sidebar .full-navigation section>small{display:block}.main-sidebar .full-navigation button{flex-direction:row;justify-content:flex-start;gap:9px;height:39px;padding:0 10px}.main-sidebar .full-navigation button span{text-align:left;flex:1;font-size:12px}.sidebar-backdrop{inset:0}.compact-top-navigation{display:none}.mobile-logo{display:flex}.menu-button{display:grid}.topbar-actions{margin-left:auto}.main-workspace{margin-left:0}.main-workspace.live-workspace,.main-workspace.playback-workspace{height:auto;min-height:100vh;padding:var(--top) 0 72px;overflow:visible}.live-layout{flex-direction:column;height:auto;display:flex}.live-directory{border-bottom:1px solid #d8e1ec;border-right:0;grid-template-rows:220px 250px;height:470px}.live-map-panel,.live-map-panel .map-wrap,.live-map-panel .map-canvas{height:570px;min-height:570px}.selected-map-card{display:none}.fleet-summary-bar{grid-template-columns:repeat(5,minmax(84px,1fr));width:auto;bottom:10px;left:10px;right:10px;overflow-x:auto;transform:none}.fleet-summary-bar>span{min-width:84px;padding:0 10px}.map-legend{bottom:105px}.playback-layout{flex-direction:column;height:auto;display:flex}.playback-controls{order:1;max-height:none}.playback-map{order:2;height:560px;min-height:560px}.stop-list{order:3;max-height:420px}.stop-list>div{height:350px}.playback-timeline{flex-direction:column;order:4;align-items:stretch;gap:12px;display:flex}.playback-total-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.playback-total-metrics>span{border:1px solid #e0e6ee;border-radius:6px;min-height:38px}.mobile-navigation{display:grid}}@media (max-width:520px){.live-directory{grid-template-rows:190px 240px;height:430px}.account-tree-pane{padding-left:9px;padding-right:9px}.live-map-panel,.live-map-panel .map-wrap,.live-map-panel .map-canvas{height:500px;min-height:500px}.map-controls>div button:last-child{display:none}.fleet-summary-bar{grid-template-columns:repeat(5,92px)}.fleet-summary-bar strong{font-size:18px}.playback-map{height:500px;min-height:500px}.playback-map-tabs button{padding:0 10px}.playback-transport{flex-wrap:wrap}}:root{--motion-out:cubic-bezier(.22,1,.36,1);--motion-soft:cubic-bezier(.2,.75,.25,1)}html{scroll-behavior:smooth}.brand-emblem,.login-logo-mark{overflow:hidden;background:#fff url(/mgc-tracking-logo.svg) top/150% no-repeat!important}.brand-emblem img,.login-logo-mark img{opacity:0;width:100%;height:100%}.desktop-brand{flex-basis:272px;gap:11px;width:272px;padding:0 17px}.desktop-brand>div{flex-direction:column;line-height:1;display:flex}.desktop-brand strong{letter-spacing:-.025em;font-size:17px}.desktop-brand small{color:#0871ec;letter-spacing:.19em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:900}.brand-lockup>span,.mobile-logo>span{background:#fff url(/mgc-tracking-logo.svg) top/150% no-repeat!important}.brand-lockup>span img,.mobile-logo>span img{opacity:0}.btn,.icon-button,.top-icon,.account-button,.compact-top-navigation button,.main-sidebar nav button,.vehicle-scroll>button,.map-controls button,.playback-map-tabs button,.speed-buttons button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .2s ease,transform .2s var(--motion-out)}.btn:not(:disabled):active,.icon-button:not(:disabled):active,.top-icon:not(:disabled):active,.map-controls button:not(:disabled):active{transform:scale(.96)}.btn.primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 22px #0867ec3b}.top-popover,.selected-map-card,.fleet-summary-bar{animation:surface-enter .28s var(--motion-out)}.main-workspace:not(.live-workspace):not(.playback-workspace)>*{animation:workspace-enter .36s var(--motion-out) both}.live-directory,.live-map-panel,.playback-controls,.playback-map,.stop-list,.playback-timeline{animation:workspace-enter .3s var(--motion-out) both}.live-map-panel,.playback-map{animation-delay:35ms}@keyframes workspace-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes surface-enter{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}.leaflet-container{cursor:grab;-webkit-font-smoothing:antialiased;outline:none}.leaflet-container:active{cursor:grabbing}.leaflet-map-pane,.leaflet-tile-pane,.leaflet-marker-pane{backface-visibility:hidden;transform:translateZ(0)}.leaflet-tile{backface-visibility:hidden;will-change:opacity,transform;transition:opacity .16s linear!important}.vehicle-marker-leaflet{background:0 0!important;border:0!important;overflow:visible!important}.map-canvas.map-is-moving .vehicle-marker-leaflet{transition:none!important}.vehicle-marker-shell{pointer-events:none;width:204px;height:92px;position:relative;transform:translateZ(0)}.vehicle-marker-label{z-index:2;color:#fff;pointer-events:auto;white-space:nowrap;background:#65758a;border:1px solid #ffffffeb;border-radius:5px;align-items:center;gap:4px;max-width:194px;height:30px;padding:0 10px;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 14px #122a4a3b}.vehicle-marker-label:after{background:inherit;content:"";width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.vehicle-marker-label strong,.vehicle-marker-label span{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.vehicle-marker-label strong{flex:0 auto;font-size:10px;font-weight:850}.vehicle-marker-label span{color:#ffffffe0;min-width:0;font-size:9px}.vehicle-marker-shell.moving .vehicle-marker-label{background:#16a367}.vehicle-marker-shell.idle .vehicle-marker-label{background:#e59113}.vehicle-marker-shell.offline .vehicle-marker-label{opacity:.86;background:#68788c}.vehicle-marker-shell.selected .vehicle-marker-label{background:#fa3158;box-shadow:0 7px 20px #fa31584d}.vehicle-marker-vehicle{color:#f2a321;filter:drop-shadow(0 4px 4px #1a2a3c57);pointer-events:auto;width:40px;height:56px;transition:transform .22s var(--motion-out),filter .22s ease;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:34px;left:50%;transform:translate(-50%)}.vehicle-marker-vehicle:hover{filter:drop-shadow(0 7px 7px #1a2a3c59);transform:translate(-50%)scale(1.12)}.vehicle-marker-shell.selected .vehicle-marker-vehicle{transform:translate(-50%)scale(1.13)}.vehicle-marker-vehicle>i{background:#7b8796;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:2px;right:-1px;box-shadow:0 2px 4px #182e4840}.vehicle-marker-shell.moving .vehicle-marker-vehicle>i{background:#17b36c}.vehicle-marker-shell.idle .vehicle-marker-vehicle>i{background:#f2a10e}.vehicle-marker-shell.offline .vehicle-marker-vehicle>i{background:#7d8998}.vehicle-direction{transform-origin:50%;width:36px;height:54px;transition:transform .55s var(--motion-soft);place-items:center;display:grid}.vehicle-topview-svg{width:36px;height:54px;display:block;overflow:visible}.vehicle-marker-vehicle.motorcycle{color:#1687ee}.vehicle-marker-vehicle.rickshaw{color:#7f59d9}.vehicle-marker-vehicle.loader{color:#e28c17}.vehicle-marker-vehicle.pickup{color:#159b82}.vehicle-marker-vehicle.van{color:#2c70d8}.vehicle-marker-vehicle.truck{color:#315479}.vehicle-marker-vehicle.bus{color:#17a27d}.vehicle-marker-vehicle.tractor{color:#d97706}.vehicle-marker-vehicle.asset{color:#64748b}.vehicle-marker-vehicle.person{color:#7c55cf}.login-shell{background:#f6f9ff;grid-template-columns:minmax(640px,1.18fr) minmax(430px,.82fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-showcase{color:#fff;background:radial-gradient(circle at 18% 20%,#2d85ff59,#0000 34%),linear-gradient(145deg,#061b3c 0%,#082f69 46%,#075ed4 100%);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);padding:38px 50px 34px;display:grid;position:relative;overflow:hidden}.login-showcase:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.login-showcase:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:740px;height:740px;position:absolute;bottom:-36%;right:-18%;box-shadow:0 0 0 82px #ffffff06,0 0 0 164px #ffffff05}.login-ambient i{filter:blur(2px);opacity:.35;background:#2f8cff;border-radius:50%;animation:9s ease-in-out infinite ambient-float;position:absolute}.login-ambient i:first-child{width:9px;height:9px;top:18%;right:13%}.login-ambient i:nth-child(2){width:6px;height:6px;animation-delay:-3s;bottom:24%;right:37%}.login-ambient i:nth-child(3){width:5px;height:5px;animation-delay:-6s;top:42%;left:8%}@keyframes ambient-float{50%{opacity:.7;transform:translateY(-18px)scale(1.35)}}.login-brand{z-index:3;grid-column:1/-1;align-items:center;gap:11px;display:flex;position:relative}.login-logo-mark{border:1px solid #ffffffa6;border-radius:15px;flex:0 0 54px;width:54px;height:54px;display:block;box-shadow:0 12px 28px #00153942}.login-brand>div,.login-form-brand>div{flex-direction:column;line-height:1;display:flex}.login-brand strong{letter-spacing:-.025em;font-size:18px}.login-brand small,.login-form-brand small{color:#6fb3ff;letter-spacing:.22em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:900}.login-brand>em{color:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:10px;font-style:normal;display:flex}.login-brand>em i{background:#39d98a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #39d98a21}.login-copy{z-index:2;align-self:center;max-width:610px;padding:55px 20px 45px 0;position:relative}.login-copy>em{color:#dbeaff;background:#ffffff17;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-style:normal;font-weight:750;display:inline-flex}.login-copy h1{letter-spacing:-.065em;margin:22px 0 18px;font-size:clamp(50px,5.1vw,76px);line-height:.94}.login-copy h1 span{color:#70b5ff}.login-copy>p{color:#ebf4ffbd;max-width:570px;margin:0;font-size:14px;line-height:1.7}.login-proof{gap:28px;margin-top:34px;display:flex}.login-proof>span{flex-direction:column;display:flex}.login-proof strong{font-size:17px}.login-proof small{color:#e0eeff8f;margin-top:4px;font-size:9px}.login-route-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff21,#ffffff0e);border:1px solid #ffffff29;border-radius:25px;align-self:center;width:100%;height:258px;position:relative;transform:rotate(1.5deg);box-shadow:0 28px 70px #0014373d}.login-route-card:before{content:"";background-image:radial-gradient(circle,#ffffff38 1px,#0000 1px);background-size:18px 18px;border-radius:16px;position:absolute;inset:18px}.route-origin,.route-destination{z-index:2;border:4px solid #ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 6px 18px #00163c47}.route-origin{background:#45d68e;width:21px;height:21px;top:46px;left:42px}.route-origin i{background:#fff;border-radius:50%;width:5px;height:5px}.route-destination{color:#fff;background:#fa3158;width:35px;height:35px;bottom:70px;right:38px}.route-path{border-bottom:3px dashed #72b9ffe6;border-right:3px dashed #72b9ffe6;border-radius:0 0 32px;position:absolute;inset:58px 52px 83px;transform:skew(-22deg)}.login-route-card>div{z-index:3;background:#041c40b8;border:1px solid #ffffff26;border-radius:13px;align-items:center;gap:9px;padding:11px 13px;display:flex;position:absolute;bottom:17px;left:18px;right:18px;box-shadow:0 8px 28px #00133238}.login-route-card>div>svg{color:#63adff}.login-route-card b{flex-direction:column;flex:1;font-size:10px;display:flex}.login-route-card b small{color:#e1efff8c;margin-top:2px;font-size:8px}.login-route-card>div>strong{align-items:flex-end;gap:3px;font-size:19px;display:flex}.login-route-card>div>strong small{color:#7fbaff;padding-bottom:2px;font-size:8px}.login-features{z-index:2;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid;position:relative}.login-features>span{color:#75b7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff1;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.login-features b{color:#fff;flex-direction:column;min-width:0;font-size:10px;display:flex}.login-features small{color:#e0eeff91;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;font-weight:500;overflow:hidden}.login-panel{background:linear-gradient(145deg,#f9fbff,#eff5ff);place-items:center;min-width:0;padding:34px;display:grid;position:relative;overflow:hidden}.login-panel:before{filter:blur(2px);content:"";background:#2981ff1a;border-radius:50%;width:480px;height:480px;position:absolute;top:-250px;right:-210px}.login-panel-glow{filter:blur(3px);background:#4d9bff1a;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-180px;left:-160px}.login-panel form{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(430px,100%);animation:login-card-in .55s var(--motion-out) both;background:#ffffffeb;border:1px solid #bfcfe6c2;border-radius:25px;padding:36px;position:relative;box-shadow:0 30px 75px #173b6c21,0 2px 7px #173b6c0d}@keyframes login-card-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.login-form-brand{align-items:center;gap:10px;margin-bottom:30px;display:flex}.login-form-brand .login-logo-mark{border-color:#d6e2f2;border-radius:13px;flex-basis:49px;width:49px;height:49px;box-shadow:0 8px 22px #144c961f}.login-form-brand strong{letter-spacing:-.02em;font-size:15px}.login-form-brand small{color:#0871ec;font-size:8px}.login-form-header>small{color:#0871ec;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.login-panel h2{color:#0a2347;letter-spacing:-.045em;margin:7px 0 9px;font-size:29px}.login-panel header>p{color:#697b91;margin:0 0 25px;font-size:11px;line-height:1.55}.login-panel form>label{gap:7px;margin-top:15px;display:grid}.login-panel form>label>span{color:#40556f;font-size:10px;font-weight:800}.login-panel form>label>div{color:#8090a4;background:#fbfdff;border:1px solid #cfdae8;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.login-panel form>label>div:focus-within{background:#fff;border-color:#5b9af0;box-shadow:0 0 0 4px #0867ec17}.login-panel input{color:#172b46;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.login-panel input::placeholder{color:#9aa7b7}.login-panel label button{color:#78899f;cursor:pointer;background:0 0;border:0;padding:5px;display:grid}.login-submit{color:#fff;cursor:pointer;width:100%;height:52px;transition:transform .2s var(--motion-out),box-shadow .2s ease,filter .2s;background:linear-gradient(100deg,#0867ec,#2788ff);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:21px;font-size:12px;font-weight:850;display:flex;box-shadow:0 13px 28px #0867ec3d}.login-submit span{min-width:105px}.login-submit:not(:disabled):hover{filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 17px 34px #0867ec4d}.login-submit:not(:disabled):active{transform:translateY(0)scale(.985)}.login-error{color:#c9243d;background:#fff2f4;border:1px solid #f0bdc4;border-radius:10px;margin-bottom:6px;padding:11px 12px;font-size:10px}.login-security{color:#12905a;background:#f3fbf6;border:1px solid #d9e9df;border-radius:11px;align-items:center;gap:9px;margin-top:18px;padding:10px;display:flex}.login-security>span{flex-direction:column;display:flex}.login-security strong{color:#264a3a;font-size:9px}.login-security small{color:#709080;margin-top:2px;font-size:8px}.login-panel form>footer{color:#9aa7b7;text-align:center;margin-top:17px;font-size:8px}@media (max-width:1320px){.login-shell{grid-template-columns:minmax(540px,1.08fr) minmax(410px,.92fr)}.login-showcase{grid-template-columns:1fr 220px;padding-left:38px;padding-right:38px}.login-copy h1{font-size:57px}.login-route-card{height:230px}.login-proof{gap:18px}}@media (max-width:1120px){.desktop-brand>div{display:none}.login-showcase{grid-template-columns:1fr}.login-route-card{display:none}.login-copy{max-width:680px}.login-shell{grid-template-columns:minmax(500px,1fr) minmax(400px,.82fr)}}@media (max-width:900px){.login-shell{background:linear-gradient(155deg,#ecf4ff,#f9fbff);display:block}.login-showcase{display:none}.login-panel{min-height:100vh;padding:22px}.login-panel form{padding:30px}.login-form-brand{margin-bottom:25px}}@media (max-width:480px){.login-panel{padding:14px}.login-panel form{border-radius:20px;padding:25px 20px}.login-panel h2{font-size:25px}.login-form-brand{margin-bottom:22px}.vehicle-marker-label{max-width:155px}.vehicle-marker-label span{display:none}}.live-directory{background:#eef4fb;border-right:1px solid #cbd9ea}.live-directory>section{background:linear-gradient(#fbfdff,#f5f9fe)}.account-tree-pane{border-bottom-color:#cfdaea;padding:10px 12px 12px}.directory-company-heading{color:#fff;background:linear-gradient(125deg,#0757d5,#1686fa);border:1px solid #fff3;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 32px;gap:9px;margin-bottom:9px;padding:0 10px;box-shadow:0 10px 24px #075ed630;height:68px!important;display:grid!important}.directory-company-heading>span{background:#ffffff1f;border:1px solid #ffffff3d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.directory-company-heading>div{flex-direction:column;min-width:0;display:flex}.directory-company-heading small{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.directory-company-heading strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px!important}.directory-company-heading>button{color:#fff!important;background:#ffffff1f!important}.directory-company-heading>button:hover{background:#ffffff38!important}.account-tree-pane>.directory-search,.object-search-row .directory-search{border-color:#c8d6e8;border-radius:9px;height:38px;box-shadow:0 3px 10px #2548730a}.account-tree{margin-top:9px}.account-tree>button,.account-company{border-radius:8px;height:35px;padding-left:7px;padding-right:7px}.account-tree>button:hover{background:#e5f1ff;transform:translate(2px)}.account-tree>button.active{color:#075ccf;background:linear-gradient(90deg,#dcecff,#edf6ff);box-shadow:inset 3px 0 #0872ee}.account-tree b{color:#41617f;background:#e5edf7;border-radius:999px}.account-tree>button.active b{color:#0764dc;background:#fff}.account-company{color:#274765;background:#e1ebf79e;margin:4px 0}.account-group{margin:2px 0}.object-list-pane{padding:0 10px 10px;background:linear-gradient(#fff,#f7faff)!important}.object-pane-heading{height:54px!important}.object-pane-heading>div{flex-direction:column;display:flex}.object-pane-heading small{color:#0870e9;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:850}.object-pane-heading strong{margin-top:2px;font-size:14px!important}.object-pane-heading>span{font-weight:750;color:#2567b8!important;background:#edf5ff!important;border:1px solid #d4e2f2!important}.object-search-row>button{border-radius:9px;width:38px;height:38px}.rail-filter{gap:4px;padding:8px 0 6px}.rail-filter button{text-transform:capitalize;border:1px solid #0000;border-radius:8px;flex:1;height:29px;padding:0 5px}.rail-filter button:hover{background:#edf5ff}.rail-filter button.active{color:#0867ec;background:#e8f3ff;border-color:#c7ddf8;box-shadow:0 3px 10px #0867ec14}.rail-filter b{background:#ffffffc7;border-radius:999px;place-items:center;min-width:17px;height:17px;display:inline-grid}.vehicle-scroll{padding:4px 1px 10px}.vehicle-scroll>button{transition:transform .2s var(--motion-out),box-shadow .2s ease,border-color .18s ease,background .18s ease;background:#ffffffdb;border:1px solid #e1e9f3;border-radius:11px;margin:4px 0;padding:8px;position:relative;box-shadow:0 3px 10px #1d3c6209}.vehicle-scroll>button:before{content:"";background:0 0;border-radius:0 4px 4px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.vehicle-scroll>button:hover{background:#fff;border-color:#bdd5f2;transform:translateY(-1px);box-shadow:0 8px 18px #18498417}.vehicle-scroll>button.active{background:linear-gradient(90deg,#eaf4ff,#f8fbff);border-color:#afd0f6;box-shadow:0 8px 20px #0867ec1c}.vehicle-scroll>button.active:before{background:#0873f2}.vehicle-scroll>button.active{box-shadow:0 8px 20px #0867ec1c!important}.vehicle-avatar{border-radius:9px;width:35px;height:35px}.vehicle-scroll strong{font-size:11px}.vehicle-scroll em{align-items:center;gap:4px;font-weight:700;display:flex}.vehicle-scroll em:before{content:"";background:#16ad68;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #16ad681a}.vehicle-scroll em.idle:before{background:#e89b13}.vehicle-scroll em.offline:before{background:#8b99aa;box-shadow:0 0 0 3px #8b99aa1a}.reports-dashboard{gap:12px}.report-filter-bar{align-items:end;gap:12px;padding:13px 15px;display:flex}.report-filter-bar>div{flex-direction:column;flex:1;min-width:180px;display:flex}.report-filter-bar>div strong{font-size:12px}.report-filter-bar>div small{color:var(--muted);margin-top:3px;font-size:9px}.report-filter-bar>label{gap:5px;min-width:190px;display:grid}.report-filter-bar label span{color:#516981;font-size:9px;font-weight:800}.report-filter-bar select{color:#253b54;background:#fff;border:1px solid #cbd8e8;border-radius:9px;outline:0;height:38px;padding:0 10px;font-size:10px}.report-filter-bar select:focus{border-color:#78aaf0;box-shadow:0 0 0 3px #0867ec14}.report-chart-grid{grid-template-columns:1.35fr .65fr;gap:12px;display:grid}.report-chart-card{min-height:270px;padding:16px}.report-chart-card>header{justify-content:space-between;align-items:flex-start;display:flex}.report-chart-card>header>div{flex-direction:column;display:flex}.report-chart-card>header small{color:#0870e9;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.report-chart-card h3{color:#17324f;margin:4px 0 0;font-size:14px}.report-chart-card>header>strong{color:#0c3769;align-items:flex-end;gap:5px;font-size:19px;display:flex}.report-chart-card>header>strong small{color:#7a8ca1;letter-spacing:0;text-transform:none;padding-bottom:2px;font-size:8px;font-weight:650}.distance-chart{min-height:310px}.line-chart{background:linear-gradient(#f3f8ff,#fff);border-radius:12px;height:170px;margin-top:14px;padding:10px 7px}.line-chart svg{width:100%;height:100%;display:block;overflow:visible}.chart-labels{grid-template-columns:repeat(8,minmax(60px,1fr));gap:5px;margin-top:7px;display:grid;overflow:hidden}.chart-labels span{color:#75869a;text-align:center;flex-direction:column;min-width:0;font-size:8px;display:flex}.chart-labels span b{color:#31516f;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.donut-layout{justify-content:center;align-items:center;gap:24px;min-height:205px;display:flex}.donut-chart{background:conic-gradient(#1674ed 0 var(--chart-value),#f2a51a var(--chart-value) 360deg);border-radius:50%;flex:0 0 132px;place-items:center;width:132px;height:132px;display:grid;box-shadow:inset 0 0 0 1px #00000008}.donut-chart:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:88px;height:88px;box-shadow:0 2px 13px #1f3e6314}.donut-chart>span{z-index:1;text-align:center;flex-direction:column;grid-area:1/1;display:flex}.donut-chart strong{font-size:22px}.donut-chart small{margin-top:2px;color:#7c8b9d!important;letter-spacing:0!important;text-transform:none!important;font-size:8px!important}.chart-legend{gap:12px;display:grid}.chart-legend>span{align-items:center;gap:8px;display:flex}.chart-legend i{background:#1674ed;border-radius:3px;width:9px;height:9px}.chart-legend i.idle{background:#f2a51a}.chart-legend b{flex-direction:column;font-size:10px;display:flex}.chart-legend b small{margin-top:2px;color:#8794a4!important;letter-spacing:0!important;text-transform:none!important;font-size:8px!important}.horizontal-chart,.alert-bars{gap:15px;margin-top:25px;display:grid}.horizontal-chart>div,.alert-bars>div{gap:6px;display:grid}.horizontal-chart span,.alert-bars span{justify-content:space-between;align-items:center;display:flex}.horizontal-chart span b,.alert-bars span b{color:#425b75;text-transform:capitalize;font-size:9px}.horizontal-chart em,.alert-bars em{color:#657b92;font-size:9px;font-style:normal;font-weight:800}.horizontal-chart>div>i,.alert-bars>div>i{background:#eaf0f6;border-radius:999px;height:8px;display:block;overflow:hidden}.horizontal-chart>div>i>b,.alert-bars>div>i>b{border-radius:inherit;height:100%;transition:width .55s var(--motion-out);background:#1674ed;display:block}.horizontal-chart>div>i>b.moving{background:#17ad68}.horizontal-chart>div>i>b.idle{background:#f2a51a}.horizontal-chart>div>i>b.offline{background:#8896a8}.alert-bars>div>i>b{background:linear-gradient(90deg,#0867ec,#52a0ff)}.report-chart-card>.empty-state{min-height:205px;padding:25px 10px}.command-centre{grid-template-columns:minmax(0,1fr) 390px}.command-composer{padding:19px}.command-connection{color:#687b91;background:#f6f9fd;border:1px solid #d6e2ef;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.command-connection i{background:#8896a6;border-radius:50%;width:7px;height:7px}.command-connection.online{color:#168257;background:#f0fbf6;border-color:#c9eadb}.command-connection.online i{background:#18b16a;box-shadow:0 0 0 3px #18b16a1f}.command-device{background:linear-gradient(100deg,#f6faff,#fff);border-radius:13px;box-shadow:0 5px 16px #173d6b0a}.command-group-tabs{gap:5px;margin-top:13px;padding-bottom:2px;display:flex;overflow-x:auto}.command-group-tabs button{color:#5e7188;cursor:pointer;background:#fff;border:1px solid #d5e0ec;border-radius:999px;flex:none;height:31px;padding:0 11px;font-size:9px;font-weight:750}.command-group-tabs button:hover{color:#0867ec;border-color:#acd0f6}.command-group-tabs button.active{color:#fff;background:#0867ec;border-color:#0867ec;box-shadow:0 5px 13px #0867ec2e}.command-centre .command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.command-centre .command-grid>button{border-radius:12px;min-height:124px;padding:12px}.command-grid>button.unsupported{opacity:.58}.command-grid>button.unsupported:hover{transform:none}.command-grid>button>footer{align-items:center;gap:4px;width:100%;margin-top:auto;padding-top:8px;display:flex}.command-grid>button>footer em{background:#eef3f8;border-radius:999px;margin:0;padding:4px 6px}.command-grid>button>footer b{color:#8b98a7;margin-left:auto;font-size:8px}.command-review{border-radius:14px;margin-top:13px;padding:13px;display:block}.command-review.blocked{background:#f7f9fc;border-color:#d9e1ea}.command-review>header{align-items:center;gap:10px;display:flex}.command-review>header>span{color:#0867ec}.command-review.danger>header>span{color:#db3147}.command-review>header>div{flex-direction:column;flex:1;min-width:0;display:flex}.command-review>header strong{font-size:12px}.command-review>header small{color:#64778d;margin-top:3px;font-size:9px}.command-values{background:#fffc;border:1px solid #94b3da8c;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0 2px;padding:12px;display:grid}.command-values label{align-content:start;gap:5px;display:grid}.command-values label>span{color:#425c77;font-size:9px;font-weight:800}.command-values input,.command-values select{color:#233c57;background:#fff;border:1px solid #cbd9e8;border-radius:8px;outline:0;width:100%;height:38px;padding:0 9px;font-size:10px}.command-values input:focus,.command-values select:focus{border-color:#72a7ed;box-shadow:0 0 0 3px #0867ec14}.command-values label>small{color:#718298;font-size:8px;line-height:1.4}.command-review>footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.command-review>footer p{color:#65788e;max-width:520px;margin:0 auto 0 0;font-size:8px;line-height:1.45}.command-review>footer .btn{flex:none}.command-history{padding:18px}.command-history .empty-state{margin-top:35px}.task-icon.sending{color:#d98b09;background:#fff4de;animation:1.15s ease-in-out infinite command-pulse}.task-icon.accepted{color:#15925b;background:#e7f8ef}.task-status.sending{color:#b77308;background:#fff4de}.task-status.accepted{color:#117a4b;background:#e7f8ef}@keyframes command-pulse{50%{opacity:.65;transform:scale(.92)}}.login-shell{background:radial-gradient(circle at 50% -15%,#fff 0,#eef5ff 48%,#e7f0fc 100%);grid-template-columns:minmax(560px,1.08fr) minmax(430px,.92fr);gap:22px;min-height:100vh;padding:22px;overflow:auto}.login-showcase,.login-panel form{border-radius:30px;min-height:calc(100vh - 44px);box-shadow:0 28px 70px #183d6c26}.login-showcase{border:1px solid #ffffff29;padding:30px 42px}.login-panel{background:0 0;padding:0;overflow:visible}.login-panel:before,.login-panel-glow{display:none}.login-panel form{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffffff0;border-color:#b4c8e2d1;flex-direction:column;justify-content:center;width:100%;max-width:none;padding:clamp(34px,5vw,66px);display:flex}.login-brand{text-align:center;justify-content:center;min-height:94px;display:flex}.login-card-logo{justify-content:center;align-items:center;gap:10px;display:flex}.login-brand .login-card-logo,.login-form-brand.login-card-logo{flex-direction:column}.login-card-logo>div{align-items:center}.login-brand .login-logo-mark{flex-basis:62px;width:62px;height:62px}.login-brand>em{margin:0;position:absolute;top:8px;right:0}.login-form-brand{text-align:center;justify-content:center;gap:11px;margin:0 0 29px}.login-form-brand .login-logo-mark{border-radius:18px;flex-basis:70px;width:70px;height:70px}.login-form-brand strong{font-size:18px}.login-form-brand small{font-size:9px}.login-form-header{text-align:left}.login-form-header>small,.login-form-header>h2,.login-form-header>p{text-align:center}.login-copy{padding-top:35px;padding-bottom:35px}@media (max-width:1250px){.report-chart-grid{grid-template-columns:1fr 1fr}.distance-chart{grid-column:1/-1}.command-centre{grid-template-columns:1fr 340px}.command-centre .command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:minmax(500px,1fr) minmax(400px,.82fr);gap:16px;padding:16px}.login-showcase,.login-panel form{min-height:calc(100vh - 32px)}.login-showcase{padding:28px 34px}}@media (max-width:900px){.report-filter-bar{flex-direction:column;align-items:stretch}.report-filter-bar>label{min-width:0}.report-chart-grid{grid-template-columns:1fr}.distance-chart{grid-column:auto}.command-centre{display:block}.command-history{margin-top:12px}.login-shell{padding:16px;display:block}.login-showcase{display:none}.login-panel{min-height:calc(100vh - 32px)}.login-panel form{min-height:calc(100vh - 32px);padding:32px}.login-form-brand{margin-bottom:25px}}@media (max-width:560px){.command-centre .command-grid,.command-values{grid-template-columns:1fr}.command-review>footer{flex-direction:column;align-items:stretch}.command-review>footer .btn{width:100%}.report-chart-grid{display:block}.report-chart-card{margin-top:10px}.chart-labels{grid-template-columns:repeat(4,1fr)}.donut-layout{gap:14px}.login-shell{padding:10px}.login-panel,.login-panel form{min-height:calc(100vh - 20px)}.login-panel form{border-radius:22px;padding:26px 20px}}.connection-badge.traccar{background:var(--green-soft);color:var(--green);border-color:#bce4d2}.connection-badge.traccar i{background:var(--green);box-shadow:0 0 0 3px #16ad681f}.vehicle-pin.idling{background:var(--amber)}.vehicle-pin.idling>i{background:#e4a11b}.vehicle-pin.stopped,.vehicle-pin.stopped>i{background:#4b82d0}.vehicle-avatar.idling{background:var(--amber-soft);color:var(--amber)}.vehicle-avatar.stopped{color:#3977c9;background:#eaf2ff}.status-pill.idling{background:var(--amber-soft);color:var(--amber);border-color:#eed2a4}.status-pill.stopped{color:#3977c9;background:#edf5ff;border-color:#c9dcf7}.map-legend i.idling{background:var(--amber)}.map-legend i.stopped{background:#4b82d0}.share-summary dd.idling{color:var(--amber)}.share-summary dd.stopped{color:#3977c9}.fleet-summary-bar{grid-template-columns:repeat(6,1fr);width:min(840px,100% - 60px)}.fleet-summary-bar .idling strong{color:#e29409}.fleet-summary-bar .stopped strong{color:#3977c9}.map-canvas:not(.map-is-moving) .vehicle-marker-leaflet{transition:transform 1.4s var(--motion-soft)}.vehicle-marker-shell.idling .vehicle-marker-label{background:#e59113}.vehicle-marker-shell.stopped .vehicle-marker-label{background:#3977c9}.vehicle-marker-shell.idling .vehicle-marker-vehicle>i{background:#f2a10e}.vehicle-marker-shell.stopped .vehicle-marker-vehicle>i{background:#4b82d0}.vehicle-scroll em.idling:before{background:#e89b13;box-shadow:0 0 0 3px #e89b131a}.vehicle-scroll em.stopped:before{background:#4b82d0;box-shadow:0 0 0 3px #4b82d01a}.horizontal-chart>div>i>b.idling{background:#f2a51a}.horizontal-chart>div>i>b.stopped{background:#4b82d0}@media (max-width:1024px){.fleet-summary-bar{grid-template-columns:repeat(6,minmax(84px,1fr));width:auto;left:10px;right:10px;overflow-x:auto;transform:none}.fleet-summary-bar>span{min-width:84px}}@media (max-width:640px){.fleet-summary-bar{grid-template-columns:repeat(6,92px)}}.brand-emblem,.login-logo-mark{background:#fff!important;border:1px solid #cfe0f5!important;overflow:hidden!important;box-shadow:0 7px 20px #0647a024!important}.brand-emblem img,.login-logo-mark img{display:block;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;transform:none!important}.desktop-brand .brand-emblem{flex-basis:44px;width:44px;height:44px;border-radius:13px!important}.mobile-logo .brand-emblem{flex-basis:34px;width:34px;height:34px;border-radius:10px!important}.directory-company-heading{background:linear-gradient(125deg,#063c91,#0872ec 58%,#23a0ff)!important;border:0!important;border-radius:16px!important;height:64px!important;box-shadow:0 12px 25px #0753b738!important}.directory-company-heading:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:64px;height:64px;position:absolute;right:48px}.directory-company-heading{position:relative;overflow:hidden}.account-tree-pane{background:linear-gradient(#f7fbff,#eef5fd)!important}.account-tree{gap:4px;display:grid}.account-tree>button,.account-company{background:#ffffffb8;border:1px solid #cfdef0b3;border-radius:11px;height:auto;min-height:38px;padding-top:6px;padding-bottom:6px}.account-company{background:#e9f2fc}.account-group{background:#ffffff8c!important;width:calc(100% - 16px)!important;margin-left:16px!important}.account-tree>button:hover,.account-tree>button.active{box-shadow:0 7px 16px #1e518f14;transform:none!important}.login-shell{background:radial-gradient(circle at 20% 0,#fff 0,#edf5ff 55%,#e7f0fb 100%);grid-template-columns:minmax(440px,1.04fr) minmax(390px,.96fr);align-items:center;gap:18px;min-height:100svh;padding:clamp(12px,2vw,24px);display:grid;overflow:auto}.login-showcase,.login-panel form{border-radius:26px;width:100%;height:min(760px,100svh - 48px);max-height:760px;box-shadow:0 25px 65px #0e336324;min-height:0!important}.login-showcase{padding:clamp(24px,3vw,38px);animation:.65s cubic-bezier(.2,.8,.2,1) both login-card-in}.login-panel{min-height:0;padding:0}.login-panel form{max-width:none;padding:clamp(28px,5vw,58px);animation:.65s cubic-bezier(.2,.8,.2,1) 80ms both login-card-in}.login-logo-mark{animation:5s ease-in-out infinite logo-float;border-radius:17px!important;flex-basis:58px!important;width:58px!important;height:58px!important}.login-form-brand{margin-bottom:20px}.login-form-brand .login-logo-mark{flex-basis:62px!important;width:62px!important;height:62px!important}.login-copy{padding:15px 0}.login-copy h1{font-size:clamp(39px,4vw,60px)}.login-copy p{max-width:510px}.login-route-card{animation:5.5s ease-in-out infinite route-float}.route-destination{animation:1.8s ease-in-out infinite pin-pulse}.login-panel form>label>div{border-radius:12px;height:48px;transition:border-color .18s,box-shadow .18s,transform .18s}.login-panel form>label>div:focus-within{transform:translateY(-1px)}.login-submit{background:linear-gradient(90deg,#0867ec,#2e91ff);border-radius:12px;height:48px;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 22px #0867ec33}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0867ec45}@keyframes logo-float{50%{transform:translateY(-4px);box-shadow:0 14px 28px #0647a02e}}@keyframes route-float{50%{transform:translateY(-7px)rotate(.4deg)}}@keyframes pin-pulse{50%{filter:drop-shadow(0 0 10px #ffffff73);transform:scale(1.08)}}.main-workspace,.panel,.btn,.top-popover,.detail-drawer,.form-modal,.confirm-modal{transition:box-shadow .2s,transform .2s,border-color .2s,opacity .2s}.panel:hover{border-color:#c9d9eb}.btn:not(:disabled):active{transform:scale(.97)}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-wrap table{min-width:760px}.form-modal,.confirm-modal,.report-modal{max-width:min(720px,100vw - 24px);max-height:calc(100svh - 24px);overflow:auto}@media (max-width:1180px){.login-shell{grid-template-columns:minmax(410px,1fr) minmax(370px,.9fr)}.login-showcase,.login-panel form{height:min(700px,100svh - 32px)}.login-features>span{flex:1;min-width:0}.desktop-brand{flex-basis:248px;width:248px}.compact-top-navigation button{min-width:78px;padding:0 9px}.global-search{display:none}}@media (max-width:900px){html,body{max-width:100%;overflow-x:hidden}:root{--top:60px}.tracks-shell{min-width:0}.main-topbar{padding-right:max(9px,env(safe-area-inset-right));padding-left:max(9px,env(safe-area-inset-left))}.main-sidebar{width:min(86vw,310px);padding-bottom:env(safe-area-inset-bottom)}.main-sidebar.open{width:min(86vw,310px)}.main-sidebar.open .full-navigation button{min-height:44px}.sidebar-backdrop{inset:0}.main-workspace{width:100%;padding:calc(var(--top) + 12px) 10px calc(84px + env(safe-area-inset-bottom))}.main-workspace.live-workspace,.main-workspace.playback-workspace{height:auto;min-height:100svh;padding:var(--top) 0 calc(76px + env(safe-area-inset-bottom));overflow:visible}.workspace-heading{gap:8px}.workspace-heading aside{min-width:0}.connection-badge{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;overflow:hidden}.live-layout{background:#eef4fb;flex-direction:column;height:auto;min-height:0;display:flex}.live-map-panel{order:1;height:58svh!important;min-height:420px!important}.live-map-panel .map-wrap,.live-map-panel .map-canvas{height:100%!important;min-height:420px!important}.live-directory{border:0;border-top:1px solid #cedbea;order:2;grid-template-rows:auto minmax(280px,1fr);min-height:520px;height:auto!important}.account-tree-pane{max-height:260px;overflow:auto}.object-list-pane{min-height:300px}.vehicle-scroll{max-height:330px}.map-controls{align-items:stretch;top:10px;left:10px;right:10px}.map-controls>div{display:flex}.map-controls button{flex:1}.map-controls label{max-width:52%}.map-legend{display:none}.fleet-summary-bar{width:auto;bottom:10px;left:8px;right:8px}.selected-map-card{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-chart-grid{grid-template-columns:1fr}.report-chart-card{min-height:240px}.command-centre .command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-device{grid-template-columns:40px minmax(0,1fr)}.command-device>.status-pill{grid-column:2}.mobile-navigation{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:max(6px,env(safe-area-inset-bottom))}.detail-drawer{width:min(92vw,420px);padding-bottom:env(safe-area-inset-bottom)}.login-shell{grid-template-columns:1fr;min-height:100svh;padding:12px;display:grid}.login-showcase{display:none}.login-panel{min-height:calc(100svh - 24px)}.login-panel form{border-radius:24px;height:auto;max-height:none;padding:clamp(24px,7vw,42px);min-height:calc(100svh - 24px)!important}}@media (max-width:600px){.mobile-logo b{font-size:13px;display:block}.topbar-actions .top-icon:first-child{display:none}.workspace-heading h1{font-size:18px}.connection-badge{font-size:9px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-width:0;padding:12px}.metric-card strong{font-size:18px}.live-map-panel{height:54svh!important;min-height:360px!important}.live-map-panel .map-wrap,.live-map-panel .map-canvas{min-height:360px!important}.map-controls{flex-direction:column}.map-controls label{max-width:none}.map-controls select{width:100%}.fleet-summary-bar{grid-template-columns:repeat(6,88px)}.directory-company-heading{height:58px!important}.account-tree-pane{padding:8px}.object-list-pane{padding:0 8px 10px}.report-filter-bar,.report-chart-card,.data-panel,.command-composer,.command-history{padding:12px}.report-chart-card{margin-top:8px}.donut-layout{flex-wrap:wrap}.command-centre .command-grid,.command-values{grid-template-columns:1fr}.command-grid>button{min-height:108px}.command-review>footer{flex-direction:column;align-items:stretch}.command-review>footer .btn{width:100%}.filter-row,.telemetry-grid,.form-grid,.modal-grid{grid-template-columns:1fr!important}.form-modal,.confirm-modal,.report-modal{border-radius:18px;width:calc(100vw - 16px);max-width:none;max-height:calc(100svh - 16px)}.login-shell{padding:8px}.login-panel{min-height:calc(100svh - 16px)}.login-panel form{border-radius:20px;padding:24px 18px;min-height:calc(100svh - 16px)!important}.login-form-brand{margin-bottom:16px}.login-form-header h2{font-size:22px}.login-panel form>label>div,.login-submit{height:46px}}@media (max-width:380px){.mobile-logo b{display:none}.metric-grid{grid-template-columns:1fr}.mobile-navigation button{font-size:8px}.mobile-navigation button svg{width:17px}.login-panel form{padding:20px 14px}.login-security{padding:10px}.login-form-brand .login-logo-mark{flex-basis:54px!important;width:54px!important;height:54px!important}}@media (orientation:landscape) and (max-height:520px) and (max-width:900px){.login-panel form{padding:18px 10vw;min-height:0!important}.login-form-brand{margin-bottom:8px;flex-direction:row!important}.login-form-header>p,.login-security,.login-panel form>footer{display:none}.live-map-panel{height:calc(100svh - var(--top))!important}.live-directory{min-height:430px}}@media (prefers-reduced-motion:reduce){.login-showcase,.login-panel form,.login-logo-mark,.login-route-card,.route-destination{animation:none!important}}.management-stack,.trip-module{animation:.35s both moduleIn}.management-hero{color:#fff;background:linear-gradient(120deg,#072d68,#1478ee);justify-content:space-between;align-items:center;padding:24px;display:flex}.management-hero small,.management-hero p{color:#d9ebff}.management-hero h2{margin:4px 0 6px}.management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.management-grid>.panel{padding:18px}.management-list{gap:9px;display:grid}.management-list>div{background:#f8fbff;border:1px solid #dbe6f5;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.management-list>div>span{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.management-list b{display:grid}.management-list small{color:#718199;font-weight:500}.management-list em{color:#59708f;font-style:normal}.permission-matrix{gap:7px;max-height:45vh;display:grid;overflow:auto}.permission-matrix>div{text-transform:capitalize;border-bottom:1px solid #e4ebf4;grid-template-columns:minmax(120px,1fr) repeat(4,minmax(65px,.5fr));align-items:center;gap:8px;padding:9px;display:grid}.permission-matrix label{align-items:center;gap:5px;display:flex}.management-modal{max-width:850px}.trip-status{text-transform:capitalize;color:#55667d;background:#edf2f8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.trip-status.active,.trip-status.approved{color:#087846;background:#dbf8e9}.trip-status.planned,.trip-status.pending{color:#075dbf;background:#e4f0ff}.trip-status.completed{color:#086988;background:#e8f7ff}.trip-status.cancelled,.trip-status.rejected{color:#b42330;background:#ffe5e5}.expense-panel{padding:18px}.expense-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.expense-summary span{background:#f7fbff;border:1px solid #dce7f4;border-radius:12px;padding:14px;display:grid}.expense-summary small{color:#718199}.expense-summary b{color:#0b2e5c;font-size:18px}.trip-module textarea,.management-modal textarea{resize:vertical;min-height:86px}.brand-emblem img,.login-logo-mark img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.login-card-logo .login-logo-mark{border-radius:18px;width:82px;height:82px}.login-form-brand .login-logo-mark{width:72px;height:72px}@keyframes moduleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:900px){.management-grid{grid-template-columns:1fr}.management-hero{align-items:flex-start;gap:14px}.permission-matrix>div{grid-template-columns:1fr 1fr 1fr}.permission-matrix>div>b{grid-column:1/-1}.expense-summary{grid-template-columns:1fr}.trip-module .panel-title{align-items:flex-start;gap:10px}.trip-module .panel-title>.row-actions{flex-wrap:wrap;width:100%}.management-modal{width:min(96vw,760px)}}@media (max-width:560px){.management-hero{flex-direction:column;padding:18px}.management-hero .btn{width:100%}.management-grid>.panel,.expense-panel{padding:12px}.management-list>div{flex-wrap:wrap}.management-list>div>span{flex-basis:70%}.permission-matrix>div{grid-template-columns:1fr 1fr}.permission-matrix>div>b{grid-column:1/-1}.login-card-logo .login-logo-mark,.login-form-brand .login-logo-mark{width:64px;height:64px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.brand-emblem,.login-logo-mark{background:#fff!important}.brand-emblem img,.login-logo-mark img{visibility:visible!important;opacity:1!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important;transform:none!important}.management-modal-overlay{z-index:10000!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#091b33ad!important;place-items:center!important;width:100vw!important;height:100dvh!important;min-height:100vh!important;padding:20px!important;position:fixed!important;inset:0!important;overflow:auto!important}.management-modal-overlay .management-modal{max-height:calc(100dvh - 40px);overflow:auto;margin:auto!important}@media (max-width:560px){.management-modal-overlay{align-items:end!important;padding:12px!important}.management-modal-overlay .management-modal{max-height:calc(100dvh - 24px);border-radius:18px!important;width:100%!important}}.legal-page{color:#12233b;background:#eff5fc;min-height:100svh;padding:clamp(18px,4vw,52px)}.legal-page article{background:#fff;border:1px solid #d9e5f3;border-radius:22px;max-width:860px;margin:auto;padding:clamp(22px,5vw,54px);box-shadow:0 20px 55px #1130561a}.legal-page header{border-bottom:1px solid #dee8f3;margin-bottom:24px;padding-bottom:22px}.legal-page h1{margin:18px 0 5px;font-size:clamp(28px,5vw,44px)}.legal-page h2{margin:26px 0 8px;font-size:19px}.legal-page p{color:#52657e;line-height:1.75}.legal-page a{color:#0867ec;font-weight:700}.legal-page footer{border-top:1px solid #dee8f3;margin-top:28px;padding-top:20px}