@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@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}}}@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;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{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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-950:#020916;--navy-900:#061126;--line:#94b0de2e;--muted:#93a4be;--text:#f7faff;--blue:#1674ff;--cyan:#12c8e8;--green:#43db8b;--red:#ff6474}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--navy-950);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.login-shell{isolation:isolate;background:radial-gradient(circle at 50% 42%,#1167ff2e,#0000 29%),linear-gradient(#061327 0%,#020916 100%);min-height:100svh;position:relative;overflow:hidden}.network-canvas,.map-grid,.map-vignette{width:100%;height:100%;position:absolute;inset:0}.network-canvas{z-index:-3}.map-grid{z-index:-2;opacity:.32;background-image:linear-gradient(#2a6dbc17 1px,#0000 1px),linear-gradient(90deg,#2a6dbc14 1px,#0000 1px);background-size:54px 54px;transform:scale(1.1);-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 78%);mask-image:radial-gradient(circle,#000 12%,#0000 78%)}.map-vignette{z-index:-1;pointer-events:none;background:linear-gradient(#0107111f,#0000 28%,#0107119e),radial-gradient(circle,#0000 36%,#0106109e 100%)}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:27px 34px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:12px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;position:relative;transform:rotate(-10deg)}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";border-radius:2px;height:8px;display:block;position:absolute;transform:skew(-25deg)}.brand-mark:before{background:var(--blue);width:26px;top:7px;left:4px}.brand-mark:after{background:var(--cyan);width:27px;top:18px;left:9px}.brand-mark i{background:#246bff;width:24px;top:29px;left:2px}.system-status{border:1px solid var(--line);color:#dce8f8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040f21b8;border-radius:12px;align-items:center;gap:10px;padding:11px 15px;font-size:12px;display:inline-flex}.status-dot,.eyebrow i{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #43db8bd9}.status-checking .status-dot{background:#f4b740;animation:1s infinite pulse}.status-offline .status-dot{background:var(--red);box-shadow:0 0 14px #ff647477}.login-panel{z-index:4;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#051126f0;border:1px solid #82b1f452;border-radius:18px;width:min(420px,100vw - 32px);padding:29px;position:absolute;top:50%;left:55%;transform:translate(-50%,-48%);box-shadow:0 30px 90px #0000008c}.panel-heading{text-align:center;margin-bottom:24px}.eyebrow{color:#afc7e9;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow i{width:6px;height:6px}.panel-heading h1{letter-spacing:-.035em;margin:9px 0 8px;font-size:25px;line-height:1.2}.panel-heading p{color:var(--muted);margin:0;font-size:13px}.field{color:#dbe7f7;margin-top:15px;font-size:12px;font-weight:600;display:block}.input-wrap{border:1px solid var(--line);background:#030c1cb3;border-radius:9px;align-items:center;height:48px;margin-top:8px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1674ff26}.input-icon{color:#7f94b2;margin-left:14px;font-size:16px}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 13px;font-size:13px}.password-toggle{color:#8da1bd;cursor:pointer;background:0 0;border:0;width:44px;height:100%}.form-options{color:#b5c4d9;justify-content:space-between;align-items:center;margin:19px 0;font-size:11px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.check input{opacity:0;position:absolute}.check span{border:1px solid #48617f;border-radius:4px;width:16px;height:16px;position:relative}.check input:checked+span{border-color:var(--blue);background:var(--blue)}.check input:checked+span:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.text-action{color:#56a0ff;cursor:pointer;background:0 0;border:0;padding:0}.primary-button,.sso-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;transition:transform .2s,filter .2s;display:flex}.primary-button{background:linear-gradient(100deg,#0866f5,#2286ff);border:0;font-weight:700;box-shadow:0 12px 24px #0459e042}.primary-button:hover,.sso-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.7;cursor:wait}.divider{color:#71839d;align-items:center;gap:12px;margin:15px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.sso-button{border:1px solid var(--line);color:#dbe6f4;background:#030c1c80;font-size:13px;font-weight:600}.security-note{color:#8799b3;text-align:center;margin:17px 0 0;font-size:10px}.login-result{color:#bdfbd8;text-align:center;background:#22c55e1a;border-radius:8px;margin:13px 0 0;padding:10px 12px;font-size:10px;line-height:1.5}.live-stat{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040f21b8;border-radius:13px;align-items:center;gap:12px;min-width:155px;padding:14px 16px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 18px 40px #0000003d}.stat-icon{color:#3e97ff;border:1px solid #2584ff59;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.live-stat strong,.live-stat small{display:block}.live-stat strong{font-size:19px}.live-stat small{color:var(--muted);margin-top:3px;font-size:9px}.stat-vehicles{top:22%;left:15%}.stat-shipments{animation-delay:-2s;top:16%;right:20%}.stat-performance{animation-delay:-4s;bottom:20%;right:12%}.vehicle-tag{z-index:2;border:1px solid var(--line);color:#cfddf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040f21d1;border-radius:999px;padding:9px 12px;font-size:9px;position:absolute}.vehicle-tag i{background:var(--green);border-radius:50%;width:5px;height:5px;margin:0 5px;display:inline-block}.tag-one{top:30%;right:28%}.tag-two{bottom:19%;left:18%}.page-footer{color:#546782;letter-spacing:.04em;justify-content:space-between;font-size:9px;display:flex;position:fixed;bottom:19px;left:32px;right:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:900px){.login-panel{left:50%}.live-stat,.vehicle-tag{opacity:.42}.stat-shipments{right:3%}.stat-vehicles{left:3%}}@media (max-width:620px){.topbar{padding:20px}.brand{font-size:18px}.brand-mark{width:32px;height:32px}.system-status{padding:9px 11px;font-size:10px}.login-panel{width:calc(100vw - 28px);padding:23px 20px;top:53%;left:50%;transform:translate(-50%,-50%)}.panel-heading h1{font-size:22px}.live-stat,.vehicle-tag,.page-footer{display:none}}.app-shell{color:#111b31;background:#f4f7fb;min-height:100svh}.sidebar{z-index:40;color:#fff;background:linear-gradient(#071a38,#05142c);flex-direction:column;width:218px;padding:20px 12px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{letter-spacing:-.03em;align-items:center;gap:10px;height:50px;padding:0 8px 15px;font-size:19px;font-weight:800;display:flex}.sidebar-brand .brand-mark{flex:0 0 34px;width:34px;height:34px}.sidebar-close{display:none}.side-nav{flex-direction:column;flex:1;gap:4px;margin-top:15px;display:flex}.nav-item{color:#d3deef;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:30px 1fr auto;align-items:center;width:100%;height:45px;padding:0 12px;font-size:12px;transition:background .2s,color .2s,transform .2s;display:grid}.nav-item:hover{background:#ffffff12;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(100deg,#0e63ee,#247efa);box-shadow:0 9px 22px #0c58e047}.nav-item small{color:#8094b2;text-transform:uppercase;background:#ffffff14;border-radius:5px;padding:3px 5px;font-size:7px}.support-card{background:#081d3ea6;border:1px solid #94b0de29;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.support-card>span{background:#257ef529;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.support-card div{flex:1}.support-card strong,.support-card small{display:block}.support-card small{color:#8496b2;margin-top:3px;font-size:8px}.support-card b{font-size:19px;font-weight:400}.workspace{min-height:100svh;margin-left:218px}.workspace-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #e3e9f2;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.global-search{color:#64728a;background:#fbfcfe;border:1px solid #dde5f0;border-radius:8px;align-items:center;width:min(520px,45vw);height:40px;padding:0 12px;display:flex}.global-search>span{font-size:20px}.global-search input{color:#26344b;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-size:10px}.global-search kbd{color:#738197;background:#f4f6f9;border:1px solid #e1e7f0;border-radius:5px;padding:4px 7px;font-size:8px}.topbar-actions{align-items:center;gap:12px;display:flex}.notification{color:#1b2941;background:0 0;border:0;width:36px;height:36px;font-size:20px;position:relative}.notification i{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;font-style:normal;display:grid;position:absolute;top:0;right:0}.date-control,.profile-control{color:#344158;background:#fff;border:1px solid #e0e7f0;border-radius:8px;align-items:center;gap:9px;height:43px;padding:0 12px;font-size:10px;display:flex}.profile-control{text-align:left;min-width:175px}.profile-control>span:nth-child(2){flex:1}.profile-control strong,.profile-control small{display:block}.profile-control strong{color:#16223a;font-size:10px}.profile-control small{color:#8190a6;margin-top:2px;font-size:8px}.avatar,.courier-dot{color:#0d315b;background:linear-gradient(135deg,#d5e5fb,#799bc9);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.page-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:0;font-size:22px}.page-heading p{color:#748198;margin:5px 0 0;font-size:10px}.mobile-brand{display:none}.live-pill{color:#16834b;background:#f1fbf5;border:1px solid #cfeedd;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:flex}.live-pill i{background:#16a45b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #16a45b1c}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi-card{background:#fff;border:1px solid #e1e7ef;border-radius:10px;grid-template-columns:48px 1fr 70px;align-items:center;min-height:94px;padding:15px;display:grid;box-shadow:0 4px 15px #24365508}.kpi-icon{border:1px solid;border-radius:9px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.kpi-icon.blue{color:#176cf3;background:#eff5ff}.kpi-icon.cyan{color:#00a8ce;background:#ebfaff}.kpi-icon.green{color:#149452;background:#effaf3}.kpi-icon.red{color:#e9404d;background:#fff1f2}.kpi-card small,.kpi-card strong,.kpi-card em{display:block}.kpi-card small{color:#68768c;font-size:9px}.kpi-card strong{letter-spacing:-.04em;margin:4px 0;font-size:23px}.kpi-card em{color:#16a05a;font-size:8px;font-style:normal;font-weight:700}.kpi-card em.negative{color:#e8414c}.kpi-card em b{color:#8c97a8;font-weight:400}.sparkline{fill:none;stroke-width:2px;width:100%}.sparkline.blue{stroke:#176cf3}.sparkline.cyan{stroke:#00a8ce}.sparkline.green{stroke:#149452}.sparkline.red{stroke:#e9404d}.operations-grid{grid-template-columns:minmax(0,1.85fr) minmax(310px,.9fr);gap:14px;margin-bottom:14px;display:grid}.panel{background:#fff;border:1px solid #e1e7ef;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #24365506}.panel-toolbar,.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-toolbar{z-index:3;position:absolute;top:12px;left:12px;right:12px}.panel-toolbar button{color:#344258;background:#fffffff0;border:1px solid #e0e6ee;border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 11px;font-size:9px;display:flex}.panel-toolbar button i{background:#18aa62;border-radius:50%;width:7px;height:7px}.panel-toolbar>span{color:#8591a4;background:#fffd;border-radius:6px;padding:6px 8px;font-size:7px}.live-map-panel{min-height:370px;position:relative}.map-surface{background:linear-gradient(25deg,#0000 48%,#e7ecf2 49% 51%,#0000 52%) 0 0/95px 70px,linear-gradient(-35deg,#0000 48%,#edf1f5 49% 51%,#0000 52%) 10px 10px/110px 85px,#f7f9fb;position:absolute;inset:0;overflow:hidden}.road{z-index:0;opacity:.75;background:#f1d993;border:2px solid #fff;height:8px;position:absolute}.road-a{width:120%;top:36%;left:-6%;transform:rotate(11deg)}.road-b{width:125%;top:68%;left:-9%;transform:rotate(-8deg)}.road-c{width:80%;height:5px;top:48%;left:16%;transform:rotate(-32deg)}.road-d{width:72%;height:5px;top:18%;left:35%;transform:rotate(42deg)}.river{z-index:0;opacity:.8;background:#d9f0fb;border-radius:50%;width:90px;height:120%;position:absolute;top:-10%;left:50%;transform:rotate(15deg)}.route-overlay{z-index:1;width:100%;height:100%;position:absolute;inset:0}.route{fill:none;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 2px 2px #fff)}.route-blue{stroke:#146bf3}.route-cyan{stroke:#00afcb}.route-green{stroke:#17a65b}.route-red{stroke:#ed4b59}.map-label{z-index:1;color:#66758b;letter-spacing:.04em;font-size:8px;font-weight:700;position:absolute}.label-a{top:30%;left:10%}.label-b{top:44%;left:29%}.label-c{top:28%;right:18%}.label-d{bottom:22%;right:26%}.map-marker{z-index:2;color:#fff;background:#156cf3;border:3px solid #fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;display:grid;position:absolute;box-shadow:0 5px 10px #0b4fb53d}.map-marker.hub{border-radius:50%}.map-marker.cyan{background:#04abc7}.map-marker.green{background:#18a65c}.map-marker.red{background:#e94a58}.marker-a{top:32%;left:34%}.marker-b{top:22%;left:15%}.marker-c{top:30%;right:13%}.marker-d{bottom:21%;left:20%}.marker-e{bottom:17%;right:8%}.map-zoom{z-index:2;background:#fff;border:1px solid #dde4ec;border-radius:7px;flex-direction:column;display:flex;position:absolute;bottom:11px;right:11px;overflow:hidden}.map-zoom button{color:#2e3d54;background:#fff;border:0;border-bottom:1px solid #edf0f4;width:30px;height:28px}.map-legend{z-index:2;color:#637086;background:#ffffffeb;border:1px solid #e1e6ed;border-radius:7px;gap:6px;padding:9px 10px;font-size:7px;display:grid;position:absolute;top:56px;right:11px;box-shadow:0 8px 16px #1b2b4514}.map-legend strong{color:#25324a;font-size:8px}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i,.chart-legend i{border-radius:50%;width:6px;height:6px;display:inline-block}.legend-blue,.blue-dot{background:#176cf3}.legend-green,.green-dot{background:#17a65b}.legend-red,.red-dot{background:#e94a58}.panel-title h2{margin:0;font-size:12px}.panel-title button{color:#176cf3;cursor:pointer;background:0 0;border:0;font-size:8px}.fleet-kpis{grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 16px;display:grid}.mini-fleet{background:#f8fbff;border:1px solid #dbe5f2;border-radius:7px;align-items:center;gap:9px;min-height:55px;padding:9px;display:flex}.mini-fleet small,.mini-fleet strong{display:block}.mini-fleet small{color:#68768c;font-size:8px}.mini-fleet strong{color:#172238;margin-top:3px;font-size:17px}.mini-fleet.green{color:#169654;background:#f2fbf5;border-color:#d5efdf}.mini-fleet.blue{color:#176cf3}.mini-fleet.orange{color:#e99417;background:#fff9ef;border-color:#f4e3c6}.mini-fleet.red{color:#e94a58;background:#fff3f4;border-color:#f3d7da}.fleet-panel h3{margin:0 0 7px;font-size:9px}.vehicle-list{border:1px solid #e5eaf0;border-radius:7px}.vehicle-row{border-bottom:1px solid #edf0f4;grid-template-columns:25px minmax(70px,1fr) auto minmax(60px,.9fr);align-items:center;gap:6px;min-height:39px;padding:5px 7px;display:grid}.vehicle-row:last-child{border-bottom:0}.vehicle-icon{color:#176cf3;font-size:15px}.vehicle-row strong,.vehicle-row small{display:block}.vehicle-row small{color:#7c889b;margin-top:2px;font-size:6px}.vehicle-location{text-align:right}.status-badge{color:#1563df;white-space:nowrap;background:#eaf2ff;border-radius:4px;width:fit-content;padding:3px 5px;font-size:6px;display:inline-block}.status-badge.loading{color:#b56f00;background:#fff2d9}.status-badge.available,.status-badge.delivered{color:#16864d;background:#eaf8ef}.status-badge.maintenance,.status-badge.delayed{color:#cf3542;background:#feecef}.status-badge.in-transit{color:#0088a6;background:#e6f9fd}.bottom-grid{grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);gap:14px;display:grid}.period-button{border-radius:6px;color:#526077!important;background:#fff!important;border:1px solid #e1e6ed!important;padding:6px 8px!important}.chart-legend{color:#6b788c;justify-content:flex-end;gap:12px;margin:8px 0;font-size:7px;display:flex}.chart-legend span{align-items:center;gap:4px;display:flex}.line-chart{height:180px;padding:0 5px 20px 24px;position:relative}.line-chart svg{width:100%;height:150px;overflow:visible}.chart-grid{fill:none;stroke:#e8edf3;stroke-width:1px}.area-path{fill:url(#greenArea)}.green-line,.blue-line,.red-line{fill:none;stroke-width:2px}.green-line{stroke:#16a45a}.blue-line{stroke:#176cf3}.red-line{stroke:#e94a58}.axis{color:#8d98a8;font-size:7px;position:absolute;left:0}.y1{top:5px}.y2{top:74px}.y3{bottom:24px}.x-axis{color:#8d98a8;justify-content:space-between;font-size:6px;display:flex}.shipment-table-wrap{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#748198;text-align:left;border-bottom:1px solid #e5eaf0;padding:7px 8px;font-size:7px;font-weight:600}td{color:#526077;border-bottom:1px solid #edf0f4;padding:8px;font-size:7px}td a{color:#176cf3;font-weight:600;text-decoration:none}.courier-dot{vertical-align:middle;width:20px;height:20px;margin-right:5px;font-size:6px}.stage-toast{z-index:100;color:#dceaff;background:#0b1e3e;border-radius:8px;padding:12px 16px;font-size:11px;animation:.2s ease-out toast-in;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 35px #0610203d}.sidebar-backdrop{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1180px){.kpi-card{grid-template-columns:45px 1fr}.sparkline{display:none}.profile-control{min-width:0}.profile-control>span:nth-child(2),.profile-control>:last-child,.vehicle-location{display:none}.vehicle-row{grid-template-columns:25px 1fr auto}}@media (max-width:960px){.kpi-grid{grid-template-columns:1fr 1fr}.operations-grid,.bottom-grid{grid-template-columns:1fr}.live-map-panel{min-height:420px}}@media (max-width:760px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close{color:#fff;background:0 0;border:0;margin-left:auto;font-size:24px;display:block}.sidebar-backdrop{z-index:35;background:#03102280;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.workspace-topbar{gap:10px;height:62px;padding:0 14px}.mobile-menu{color:#183251;background:#fff;border:1px solid #dde5ef;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.global-search{flex:1;width:auto}.global-search kbd,.date-control,.notification{display:none}.profile-control{border:0;padding:0}.dashboard-content{padding:17px 14px 25px}.mobile-brand{color:#176cf3;letter-spacing:.12em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}}@media (max-width:560px){.page-heading h1{font-size:19px}.page-heading p{font-size:9px}.live-pill{display:none}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:82px}.live-map-panel{min-height:350px}.fleet-kpis{grid-template-columns:1fr 1fr}.shipment-panel{padding:12px}.stage-toast{text-align:center;bottom:14px;left:14px;right:14px}}.sidebar{width:244px;padding:22px 14px}.workspace{margin-left:244px}.sidebar-brand{height:58px;font-size:22px}.side-nav{gap:7px}.nav-item{grid-template-columns:38px 1fr auto;height:50px;padding:0 14px;font-size:14px;font-weight:600}.nav-item small{padding:4px 6px;font-size:8px}.support-card{min-height:68px}.support-card>span{width:40px;height:40px;font-size:18px}.sidebar{height:100dvh;max-height:100dvh;overflow:hidden}.sidebar-brand{flex:none}.side-nav{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-right:4px;overflow:hidden auto}.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-track{background:0 0}.side-nav::-webkit-scrollbar-thumb{background:#97b1d747;border-radius:10px}.side-nav::-webkit-scrollbar-thumb:hover{background:#97b1d775}.side-nav{scrollbar-width:thin;scrollbar-color:#97b1d747 transparent}.support-card{flex:none;margin-bottom:0}@media (max-height:760px) and (min-width:761px){.sidebar{padding-top:14px;padding-bottom:14px}.sidebar-brand{height:50px}.side-nav{gap:4px;margin-top:8px}.nav-item{height:46px;min-height:46px}.support-card{min-height:60px;padding:9px}}.workspace-topbar{height:78px;padding:0 28px}.global-search{width:min(610px,46vw);height:46px;padding:0 15px}.notification{width:40px;height:40px;font-size:23px}.date-control,.profile-control{height:48px;padding:0 14px;font-size:12px}.profile-control{min-width:200px}.profile-control strong{font-size:12px}.avatar{width:34px;height:34px;font-size:11px}.dashboard-content{padding:26px 28px 38px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:28px}.page-heading p{margin-top:7px;font-size:13px}.live-pill{padding:9px 13px;font-size:11px}.kpi-grid{gap:16px;margin-bottom:18px}.kpi-card{border-radius:12px;grid-template-columns:58px 1fr 84px;min-height:112px;padding:18px}.kpi-icon{border-radius:11px;width:50px;height:50px;font-size:23px}.kpi-card em{font-size:10px}.operations-grid{grid-template-columns:minmax(0,1.75fr) minmax(370px,.9fr);gap:18px;margin-bottom:18px}.panel{border-radius:12px}.live-map-panel{min-height:500px}.panel-toolbar{pointer-events:none;top:16px;left:16px;right:16px}.panel-toolbar button{pointer-events:auto;border-radius:9px;height:39px;padding:0 14px;font-size:11px}.panel-toolbar>span{padding:8px 10px;font-size:10px}.real-map-wrap{background:#e8edf2;position:absolute;inset:0;overflow:hidden}.real-map{z-index:1;width:100%;height:100%}.real-map .leaflet-control-zoom{border:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #152b4b2e}.real-map .leaflet-control-zoom a{color:#1d2c43;border-bottom-color:#e5eaf0;place-items:center;width:38px;height:38px;font-size:22px;line-height:1;display:grid}.real-map .leaflet-control-attribution{font-size:9px}.leaflet-hub-wrapper,.leaflet-vehicle-wrapper{background:0 0;border:0}.leaflet-hub-marker,.leaflet-vehicle-marker{color:#fff;background:#146cf4;border:4px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid;box-shadow:0 7px 20px #0c49a461}.leaflet-hub-marker{background:#0d57ce;position:relative;box-shadow:0 0 0 8px #146cf42e,0 8px 22px #0c49a466}.leaflet-vehicle-marker{background:var(--marker);border-radius:12px;width:42px;height:42px;font-size:19px}.vehicle-map-label{color:#18263b;white-space:nowrap;background:#fffffff5;border:1px solid #dbe4ee;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;position:absolute;top:7px;left:49px;box-shadow:0 5px 13px #172b4724}.vehicle-popup{color:#172238;gap:4px;min-width:130px;font-family:Arial,sans-serif;display:grid}.vehicle-popup strong{font-size:14px}.vehicle-popup span{color:#6b788c;font-size:11px}.vehicle-popup b{color:#176cf3;font-size:11px}.real-map .leaflet-tooltip{color:#1e2c43;border:0;border-radius:7px;padding:8px 10px;font-size:11px;box-shadow:0 5px 16px #172b472e}.map-routing-status{z-index:500;color:#4f5d72;background:#fffffff0;border:1px solid #dce4ed;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 7px 18px #1b2b4524}.map-routing-status i{background:#16a05a;border-radius:50%;width:8px;height:8px}.map-routing-status i.loading{background:#e99a17;animation:1s infinite pulse}.map-routing-status i.fallback{background:#e84957}.real-map-legend{z-index:500;color:#536176;background:#fffffff2;border:1px solid #dce4ed;border-radius:9px;gap:9px;padding:12px 14px;font-size:10px;display:grid;position:absolute;top:66px;right:16px;box-shadow:0 8px 22px #1b2b4526}.real-map-legend strong{color:#1e2c42;font-size:11px}.real-map-legend span{align-items:center;gap:7px;display:flex}.real-map-legend i{border-radius:50%;width:9px;height:9px}.fleet-panel{min-height:500px;padding:18px}.panel-title h2{font-size:16px}.panel-title button{font-size:11px}.fleet-kpis{gap:11px;margin:17px 0 20px}.mini-fleet{min-height:70px;padding:12px}.mini-fleet>span{font-size:25px}.mini-fleet small{font-size:10px}.fleet-panel h3{margin-bottom:10px;font-size:12px}.vehicle-row small{font-size:8px}.status-badge{padding:5px 7px;font-size:8px}.bottom-grid{gap:18px}.line-chart{height:220px}.axis{font-size:9px}.x-axis{font-size:8px}th{padding:10px;font-size:9px}td{padding:11px 10px;font-size:9px}.courier-dot{width:24px;height:24px;font-size:8px}@media (max-width:1300px){.sidebar{width:224px}.workspace{margin-left:224px}.operations-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr)}.kpi-card{grid-template-columns:54px 1fr}.sparkline{display:none}}@media (max-width:960px){.operations-grid,.bottom-grid{grid-template-columns:1fr}.live-map-panel{min-height:480px}}@media (max-width:760px){.sidebar{width:244px}.workspace{margin-left:0}}.fleet-panel h3{color:#172238;margin-bottom:14px;font-size:16px;font-weight:700}.vehicle-row{grid-template-columns:38px minmax(126px,1.25fr) auto minmax(100px,.85fr);gap:12px;min-height:68px;padding:11px 14px}.vehicle-icon{font-size:23px}.vehicle-row strong{font-size:13px;line-height:1.35}.vehicle-row small{margin-top:4px;font-size:11px;line-height:1.35}.vehicle-location{font-weight:500;color:#617087!important;font-size:11px!important}.vehicle-row .status-badge{padding:7px 9px;font-size:10px;font-weight:600}.performance-panel,.shipment-panel{min-height:360px;padding:22px}.performance-panel .panel-title h2,.shipment-panel .panel-title h2{font-size:19px}.performance-panel .period-button,.shipment-panel .panel-title button{font-size:12px!important}.chart-legend{gap:20px;margin:16px 0 12px;font-size:12px}.chart-legend i{width:10px;height:10px}.line-chart{height:245px;padding-bottom:28px;padding-left:34px}.line-chart svg{height:205px}.axis{font-size:12px;font-weight:500}.x-axis{font-size:11px;font-weight:500}.shipment-table-wrap{margin-top:19px}.shipment-panel th{padding:12px;font-size:11px;font-weight:700}.shipment-panel td{height:54px;padding:12px;font-size:11px}.shipment-panel td a{font-size:11px;font-weight:700}.shipment-panel .status-badge{padding:7px 9px;font-size:10px;font-weight:600}.shipment-panel .courier-dot{width:30px;height:30px;margin-right:8px;font-size:9px}@media (max-width:1300px){.vehicle-row{grid-template-columns:34px minmax(112px,1fr) auto minmax(88px,.75fr);gap:9px;padding-inline:11px}.bottom-grid{grid-template-columns:minmax(360px,.8fr) minmax(620px,1.2fr);overflow-x:auto}}@media (max-width:960px){.bottom-grid{grid-template-columns:1fr;overflow-x:visible}.shipment-table-wrap{overflow-x:auto}.shipment-panel table{min-width:760px}}.live-map-page{max-width:none}.map-summary-strip{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.map-summary{color:#176cf3;background:#fff;border:1px solid #dfe6ef;border-radius:12px;align-items:center;gap:13px;min-height:76px;padding:15px 18px;display:flex}.map-summary>span{background:#edf4ff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.map-summary div{gap:3px;display:grid}.map-summary strong{color:#172238;font-size:23px;line-height:1}.map-summary small{color:#66758b;font-size:12px}.map-summary.cyan{color:#00a7c7}.map-summary.cyan>span{background:#eafaff}.map-summary.green{color:#159a56}.map-summary.green>span{background:#ecf9f1}.map-summary.red{color:#e54857}.map-summary.red>span{background:#fff0f2}.map-filter-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.map-filters{flex-wrap:wrap;gap:8px;display:flex}.map-filters button{color:#536176;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:9px;min-height:40px;padding:0 16px;font-size:12px;font-weight:600}.map-filters button.active{color:#fff;background:#176cf3;border-color:#176cf3;box-shadow:0 5px 14px #176cf338}.map-refresh{color:#168a50;font-size:12px;font-weight:600}.live-map-layout{grid-template-columns:minmax(0,1.7fr) minmax(330px,.65fr);gap:16px;min-height:650px;display:grid}.live-map-main{min-height:650px;padding:0;overflow:hidden}.expanded-map,.expanded-map .real-map{height:100%;min-height:650px}.live-fleet-rail{grid-template-rows:auto minmax(0,1fr);gap:16px;min-width:0;display:grid}.tracked-vehicle-card{padding:20px}.detail-heading{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;display:grid}.detail-truck{color:#176cf3;background:#edf4ff;border-radius:11px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.detail-heading small{color:#78869a;font-size:11px}.detail-heading h2{color:#152139;margin:3px 0;font-size:17px}.detail-heading p{color:#637187;margin:0;font-size:12px}.vehicle-detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.vehicle-detail-grid div{background:#f8fafc;border:1px solid #e3e9f0;border-radius:9px;gap:5px;padding:12px;display:grid}.vehicle-detail-grid small{color:#77859a;font-size:11px}.vehicle-detail-grid strong{color:#1b2940;font-size:13px}.primary-map-action{color:#fff;cursor:pointer;background:#176cf3;border:0;border-radius:9px;width:100%;min-height:43px;font-size:12px;font-weight:700}.map-vehicle-list{min-height:0;padding:18px 12px 12px}.map-vehicle-list .panel-title{padding:0 7px 11px}.map-vehicle-list .panel-title span{color:#176cf3;background:#edf4ff;border-radius:8px;place-items:center;min-width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.map-vehicle-scroll{gap:7px;max-height:330px;padding:2px 5px;display:grid;overflow-y:auto}.map-vehicle-item{color:#243147;text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 10px;display:grid}.map-vehicle-item:hover,.map-vehicle-item.selected{background:#f3f7ff;border-color:#cfe0fb}.vehicle-status-dot{border-radius:50%;width:10px;height:10px}.map-vehicle-item span{gap:4px;display:grid}.map-vehicle-item span:last-child{text-align:right}.map-vehicle-item b{color:#506079;font-size:10px}.map-vehicle-item small{color:#7e8a9d;font-size:10px}.empty-vehicles{color:#748198;text-align:center;padding:34px 12px;font-size:12px}@media (max-width:1180px){.live-map-layout{grid-template-columns:1fr}.live-fleet-rail{grid-template-rows:auto;grid-template-columns:minmax(310px,.65fr) 1fr}}@media (max-width:760px){.map-summary-strip{grid-template-columns:1fr 1fr}.map-filter-bar{flex-direction:column;align-items:flex-start}.live-fleet-rail{grid-template-columns:1fr}.live-map-main,.expanded-map,.expanded-map .real-map{min-height:520px}}.create-shipment-button{color:#fff;cursor:pointer;background:#176cf3;border:0;border-radius:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;box-shadow:0 7px 18px #176cf338}.shipment-summary-grid{grid-template-columns:repeat(4,minmax(175px,1fr));gap:14px;margin-bottom:17px;display:grid}.shipment-summary{color:#176cf3;background:#fff;border:1px solid #dfe6ef;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:13px;min-height:104px;padding:17px;display:grid}.shipment-summary>span{background:#edf4ff;border-radius:11px;place-items:center;width:48px;height:48px;font-size:23px;font-weight:700;display:grid}.shipment-summary div{gap:3px;display:grid}.shipment-summary small{color:#637188;font-size:12px}.shipment-summary strong{color:#172238;font-size:25px;line-height:1.15}.shipment-summary p{color:#7b8799;margin:0;font-size:10px}.shipment-summary.cyan{color:#00a6c6}.shipment-summary.cyan>span{background:#e9faff}.shipment-summary.green{color:#159a56}.shipment-summary.green>span{background:#ecf9f1}.shipment-summary.red{color:#e54857}.shipment-summary.red>span{background:#fff0f2}.shipment-workspace{grid-template-columns:minmax(690px,1.55fr) minmax(350px,.7fr);align-items:start;gap:16px;display:grid}.shipment-master-panel{min-width:0;overflow:hidden}.shipment-toolbar{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.shipment-tabs{gap:4px;display:flex;overflow-x:auto}.shipment-tabs button{color:#647289;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 12px;font-size:11px;font-weight:600}.shipment-tabs button.active{color:#176cf3;background:#edf4ff}.shipment-toolbar-actions{gap:7px;display:flex}.shipment-toolbar-actions button{color:#536176;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:8px;min-height:36px;padding:0 11px;font-size:11px;font-weight:600}.shipment-table-scroll{overflow-x:auto}.shipment-management-table{min-width:940px}.shipment-management-table th{color:#6b798e;letter-spacing:.02em;background:#f8fafc;padding:13px 12px;font-size:10px;font-weight:700}.shipment-management-table td{cursor:pointer;height:72px;padding:11px 12px;font-size:11px}.shipment-management-table tr{transition:background .18s}.shipment-management-table tbody tr:hover,.shipment-management-table tbody tr.selected{background:#f4f8ff}.shipment-management-table tbody tr.selected{box-shadow:inset 3px 0 #176cf3}.shipment-management-table td>strong,.shipment-management-table td>small{display:block}.shipment-management-table td>strong{color:#223149;font-size:11px}.shipment-management-table td>small{color:#78869a;margin-top:5px;font-size:10px}.priority-badge{color:#5e6d83;background:#f1f4f8;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-block}.priority-badge.express{color:#ae6c00;background:#fff4df}.priority-badge.critical{color:#cf3542;background:#feecef}.progress-cell{grid-template-columns:72px auto;align-items:center;gap:7px;display:grid}.progress-cell>span{background:#e8edf3;border-radius:6px;height:6px;overflow:hidden}.progress-cell i{border-radius:inherit;background:#176cf3;height:100%;display:block}.progress-cell b{color:#58677c;font-size:9px}.row-action{color:#65748a;cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;height:30px}.row-action:hover{color:#176cf3;background:#eaf2ff}.shipment-empty{color:#77859a;text-align:center;padding:70px 20px;font-size:12px}.shipment-detail-panel{padding:20px;position:sticky;top:92px}.shipment-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shipment-detail-head small{color:#7a879a;font-size:10px}.shipment-detail-head h2{color:#172238;margin:5px 0 3px;font-size:18px}.shipment-detail-head p{color:#6b798e;margin:0;font-size:11px}.shipment-route-card{background:#f9fbfd;border:1px solid #e1e7ef;border-radius:10px;margin:19px 0;padding:15px}.shipment-route-card>div{grid-template-columns:13px 1fr;align-items:start;gap:10px;display:grid}.shipment-route-card i{background:#fff;border:3px solid #176cf3;border-radius:50%;width:11px;height:11px;margin-top:4px}.shipment-route-card .route-destination{border-color:#16a05a}.shipment-route-card span{gap:3px;display:grid}.shipment-route-card small{color:#7a879a;font-size:10px}.shipment-route-card strong{color:#233149;font-size:12px}.shipment-route-card p{color:#6e7c90;margin:0;font-size:10px}.route-connector{border-left:1px dashed #a9b8ca;width:1px;height:25px;margin:4px 0 4px 5px;display:block!important}.shipment-driver-card{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:38px 1fr 34px;align-items:center;gap:10px;padding:13px;display:grid}.shipment-driver-card .courier-dot{width:38px;height:38px;margin:0;font-size:11px}.shipment-driver-card div{gap:3px;display:grid}.shipment-driver-card small{color:#7a879a;font-size:10px}.shipment-driver-card strong{color:#233149;font-size:12px}.shipment-driver-card p{color:#6b798e;margin:0;font-size:10px}.shipment-driver-card button{color:#176cf3;cursor:pointer;background:#edf4ff;border:0;border-radius:8px;width:34px;height:34px}.shipment-detail-panel>h3{color:#223149;margin:20px 0 13px;font-size:13px}.shipment-timeline{display:grid}.timeline-step{grid-template-columns:24px 1fr;gap:10px;min-height:56px;display:grid;position:relative}.timeline-step:not(:last-child):after{content:"";border-left:1px solid #dce3eb;height:calc(100% - 17px);position:absolute;top:23px;left:10px}.timeline-step>i{z-index:1;color:#fff;background:#fff;border:2px solid #d7dfe9;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;display:grid;position:relative}.timeline-step.complete>i{background:#16a05a;border-color:#16a05a}.timeline-step.active>i{color:#176cf3;border-color:#176cf3;box-shadow:0 0 0 4px #eaf2ff}.timeline-step span{align-content:start;gap:4px;display:grid}.timeline-step strong{color:#2a3850;font-size:11px}.timeline-step small{color:#7a879a;font-size:10px}.shipment-detail-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.shipment-detail-actions button{color:#536176;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:8px;min-height:41px;font-size:10px;font-weight:700}.shipment-detail-actions button.primary{color:#fff;background:#176cf3;border-color:#176cf3}@media (max-width:1250px){.shipment-workspace{grid-template-columns:1fr}.shipment-detail-panel{position:static}}@media (max-width:900px){.shipment-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.shipment-summary-grid{grid-template-columns:1fr}.shipment-toolbar{flex-direction:column;align-items:stretch}.shipment-toolbar-actions button{flex:1}.create-shipment-button{width:100%}}.dispatch-summary{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:17px;display:grid}.dispatch-metric{color:#176cf3;background:#fff;border:1px solid #dfe6ef;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:13px;min-height:102px;padding:17px;display:grid}.dispatch-metric>span{background:#edf4ff;border-radius:11px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.dispatch-metric div{gap:3px;display:grid}.dispatch-metric small{color:#68768c;font-size:12px}.dispatch-metric strong{color:#172238;font-size:25px;line-height:1.1}.dispatch-metric p{color:#7c889a;margin:0;font-size:10px}.dispatch-metric.green{color:#159a56}.dispatch-metric.green>span{background:#ecf9f1}.dispatch-metric.cyan{color:#00a6c6}.dispatch-metric.cyan>span{background:#e9faff}.dispatch-metric.red{color:#e54857}.dispatch-metric.red>span{background:#fff0f2}.dispatch-grid{grid-template-columns:minmax(410px,.85fr) minmax(580px,1.15fr);align-items:start;gap:16px;display:grid}.dispatch-queue,.assignment-panel,.dispatch-schedule{padding:18px}.dispatch-section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.dispatch-section-head h2{color:#172238;margin:0;font-size:17px}.dispatch-section-head p{color:#728096;margin:5px 0 0;font-size:11px}.dispatch-section-head>button{color:#536176;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:8px;min-height:35px;padding:0 11px;font-size:10px;font-weight:700}.dispatch-job-list{gap:8px;display:grid}.dispatch-job{color:#536176;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:34px 1fr 1.15fr auto 16px;align-items:center;gap:10px;min-height:76px;padding:11px;display:grid}.dispatch-job:hover,.dispatch-job.selected{background:#f4f8ff;border-color:#bcd4fa}.dispatch-job.selected{box-shadow:inset 3px 0 #176cf3}.dispatch-job>span:not(.priority-badge){gap:5px;display:grid}.dispatch-job strong{color:#243149;font-size:11px}.dispatch-job small{color:#7b889a;font-size:9px}.dispatch-job>b{color:#8b98aa;font-size:17px}.dispatch-priority{color:#176cf3;background:#edf4ff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid!important}.dispatch-priority.critical{color:#d33d4a;background:#feecef}.dispatch-priority.express{color:#b16b00;background:#fff3dc}.assignment-route{background:#f8fafc;border:1px solid #e1e7ef;border-radius:10px;grid-template-columns:1fr 35px 1fr;align-items:center;gap:10px;margin-bottom:14px;padding:14px;display:grid}.assignment-route div{gap:4px;display:grid}.assignment-route div:last-child{text-align:right}.assignment-route>span{color:#176cf3;text-align:center;font-size:19px}.assignment-route small{color:#7b889a;font-size:10px}.assignment-route strong{color:#223149;font-size:12px}.assignment-route p{color:#68768c;margin:0;font-size:10px}.dispatch-field{color:#59687d;gap:6px;width:calc(50% - 5px);margin:0 6px 16px 0;font-size:10px;font-weight:700;display:inline-grid}.dispatch-field:nth-of-type(2){margin-right:0}.dispatch-field input,.dispatch-field select{color:#26344b;background:#fff;border:1px solid #dae2eb;border-radius:8px;outline:none;width:100%;height:40px;padding:0 10px;font-size:11px}.assignment-panel>h3{color:#223149;margin:2px 0 10px;font-size:12px}.vehicle-choice-list{gap:7px;display:grid}.vehicle-choice{color:#536176;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:9px;grid-template-columns:37px 1fr 1fr 25px;align-items:center;gap:9px;min-height:61px;padding:9px 10px;display:grid}.vehicle-choice:hover,.vehicle-choice.selected{background:#f3f7ff;border-color:#a9c9fb}.choice-truck{color:#176cf3;background:#edf4ff;border-radius:8px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.vehicle-choice span:not(.choice-truck){gap:4px;display:grid}.vehicle-choice span:nth-child(3){text-align:right}.vehicle-choice strong{color:#26344b;font-size:10px}.vehicle-choice small{color:#7a879a;font-size:9px}.vehicle-choice>i{color:#fff;border:2px solid #d7dfe9;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.vehicle-choice.selected>i{background:#176cf3;border-color:#176cf3}.readiness-checks{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.readiness-checks span{color:#8793a5;align-items:center;gap:5px;font-size:9px;display:inline-flex}.readiness-checks i{border:1px solid #d5dde7;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid}.readiness-checks span.ready{color:#188a51}.readiness-checks span.ready i{color:#fff;background:#16a05a;border-color:#16a05a}.confirm-dispatch{color:#fff;cursor:pointer;background:#176cf3;border:0;border-radius:9px;width:100%;min-height:44px;font-size:12px;font-weight:700}.dispatch-schedule{margin-top:16px}.schedule-track{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.schedule-item{border:1px solid #e1e7ef;border-radius:10px;grid-template-columns:44px 13px 1fr;gap:8px;min-height:122px;padding:14px;display:grid;position:relative}.schedule-item>strong{color:#223149;font-size:12px}.schedule-item>i{background:#176cf3;border-radius:50%;width:10px;height:10px;margin-top:2px}.schedule-item>i.departed{background:#16a05a}.schedule-item>i.loading{background:#e99a17}.schedule-item>span{align-content:start;gap:4px;display:grid}.schedule-item>span:nth-of-type(2){grid-column:3;margin-top:4px}.schedule-item b{color:#2a3850;font-size:10px}.schedule-item small{color:#7b889a;font-size:9px}.schedule-item em{color:#176cf3;background:#edf4ff;border-radius:5px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:700;position:absolute;bottom:10px;right:11px}.schedule-item em.departed{color:#16864d;background:#eaf8ef}.schedule-item em.loading{color:#b56f00;background:#fff2d9}@media (max-width:1250px){.dispatch-grid{grid-template-columns:1fr}.schedule-track{grid-template-columns:1fr 1fr}}@media (max-width:900px){.dispatch-summary{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dispatch-summary,.schedule-track{grid-template-columns:1fr}.dispatch-job{grid-template-columns:32px 1fr auto}.dispatch-job>span:nth-child(3),.dispatch-job>b{display:none}.dispatch-field{width:100%;margin-right:0}.vehicle-choice{grid-template-columns:37px 1fr 25px}.vehicle-choice span:nth-child(3){display:none}}.app-shell{--type-page-title:30px;--type-section-title:20px;--type-card-title:16px;--type-body:14px;--type-secondary:13px;--type-caption:12px;--type-badge:11px;--type-menu:15px;font-size:var(--type-body)}.app-shell button,.app-shell input,.app-shell select{font-family:inherit}.sidebar-brand{font-size:21px}.nav-item{min-height:52px;font-size:var(--type-menu);font-weight:600}.nav-icon{font-size:21px}.nav-item small{font-size:var(--type-badge)}.support-card strong{font-size:var(--type-secondary)}.support-card small{font-size:var(--type-caption)}.workspace-topbar{min-height:78px}.global-search input{font-size:var(--type-body)}.global-search kbd{font-size:var(--type-caption)}.date-control,.profile-control strong{font-size:var(--type-secondary)}.profile-control small{font-size:var(--type-caption)}.page-heading h1{font-size:var(--type-page-title);line-height:1.2}.page-heading p{font-size:var(--type-body);line-height:1.55}.live-pill{font-size:var(--type-caption);padding:10px 13px}.panel-title h2,.dispatch-section-head h2,.shipment-detail-head h2{font-size:var(--type-section-title);line-height:1.3}.panel-title button,.dispatch-section-head>button{font-size:var(--type-caption)}.panel h3,.fleet-panel h3,.shipment-detail-panel>h3,.assignment-panel>h3{font-size:var(--type-card-title);line-height:1.35}.status-badge,.priority-badge{font-size:var(--type-badge);padding:7px 10px;line-height:1.2}.kpi-card small{font-size:var(--type-secondary)}.kpi-card strong{font-size:29px}.kpi-card em,.kpi-card em b,.panel-toolbar button,.panel-toolbar span,.mini-fleet small{font-size:var(--type-caption)}.mini-fleet strong{font-size:24px}.vehicle-row{min-height:74px}.vehicle-row strong{font-size:var(--type-body)}.vehicle-row small,.vehicle-location{font-size:var(--type-caption)!important}.vehicle-row .status-badge{font-size:var(--type-badge)}.chart-legend,.axis,.x-axis,.shipment-panel th{font-size:var(--type-caption)}.shipment-panel td,.shipment-panel td a{font-size:var(--type-secondary)}.shipment-panel td{height:61px}.map-summary small{font-size:var(--type-secondary)}.map-summary strong{font-size:26px}.map-filters button,.map-refresh{font-size:var(--type-secondary)}.detail-heading small,.vehicle-detail-grid small{font-size:var(--type-caption)}.detail-heading h2{font-size:var(--type-section-title)}.detail-heading p,.vehicle-detail-grid strong,.primary-map-action{font-size:var(--type-secondary)}.map-vehicle-item{min-height:70px}.map-vehicle-item strong{font-size:var(--type-body)}.map-vehicle-item b,.map-vehicle-item small,.real-map-legend,.real-map-legend strong,.map-routing-status,.vehicle-map-label{font-size:var(--type-caption)}.create-shipment-button{font-size:var(--type-body)}.shipment-summary{min-height:116px}.shipment-summary small{font-size:var(--type-secondary)}.shipment-summary strong{font-size:28px}.shipment-summary p,.shipment-tabs button,.shipment-toolbar-actions button{font-size:var(--type-caption)}.shipment-management-table th{font-size:var(--type-caption);padding:15px 13px}.shipment-management-table td{height:84px;font-size:var(--type-secondary)}.shipment-management-table td>strong{font-size:var(--type-secondary)}.shipment-management-table td>small{font-size:var(--type-caption);margin-top:7px}.progress-cell b{font-size:var(--type-badge)}.shipment-detail-head small,.shipment-route-card small,.shipment-driver-card small,.timeline-step small,.shipment-detail-head p,.shipment-route-card p,.shipment-driver-card p{font-size:var(--type-caption)}.shipment-route-card strong,.shipment-driver-card strong,.timeline-step strong{font-size:var(--type-secondary)}.shipment-driver-card{min-height:76px}.timeline-step{min-height:68px}.shipment-detail-actions button{font-size:var(--type-caption)}.dispatch-metric{min-height:114px}.dispatch-metric small{font-size:var(--type-secondary)}.dispatch-metric strong{font-size:28px}.dispatch-metric p{font-size:var(--type-caption)}.dispatch-section-head p{font-size:var(--type-secondary)}.dispatch-job{min-height:88px;padding:14px}.dispatch-job strong{font-size:var(--type-secondary)}.dispatch-job small{font-size:var(--type-caption)}.assignment-route{min-height:100px}.assignment-route small,.dispatch-field,.vehicle-choice small,.readiness-checks span,.schedule-item small{font-size:var(--type-caption)}.assignment-route strong,.assignment-route p,.vehicle-choice strong,.schedule-item>strong,.schedule-item b{font-size:var(--type-secondary)}.dispatch-field input,.dispatch-field select{height:46px;font-size:var(--type-secondary)}.vehicle-choice{min-height:74px;padding:12px}.confirm-dispatch{min-height:48px;font-size:var(--type-body)}.schedule-item{min-height:145px}.schedule-item em{font-size:var(--type-badge)}@media (max-width:760px){.app-shell{--type-page-title:27px;--type-section-title:19px;--type-card-title:16px;--type-body:14px;--type-secondary:13px;--type-caption:12px;--type-badge:11px}}.route-summary{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:17px;display:grid}.route-metric{color:#176cf3;background:#fff;border:1px solid #dfe6ef;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:13px;min-height:116px;padding:17px;display:grid}.route-metric>span{background:#edf4ff;border-radius:11px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.route-metric div{gap:3px;display:grid}.route-metric small{color:#68768c;font-size:var(--type-secondary)}.route-metric strong{color:#172238;font-size:28px}.route-metric p{color:#7c889a;font-size:var(--type-caption);margin:0}.route-metric.cyan{color:#00a6c6}.route-metric.cyan>span{background:#e9faff}.route-metric.green{color:#159a56}.route-metric.green>span{background:#ecf9f1}.route-metric.red{color:#e54857}.route-metric.red>span{background:#fff0f2}.route-workspace{grid-template-columns:minmax(300px,.55fr) minmax(480px,1.15fr) minmax(350px,.7fr);align-items:start;gap:16px;display:grid}.route-list-panel,.optimization-panel{padding:18px}.route-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.route-panel-head h2{color:#172238;font-size:var(--type-section-title);margin:0}.route-panel-head p{color:#728096;font-size:var(--type-secondary);margin:5px 0 0}.route-panel-head button{color:#536176;min-height:36px;font-size:var(--type-caption);background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:0 11px;font-weight:700}.route-plan-list{gap:8px;display:grid}.route-plan{color:#536176;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:10px;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:82px;padding:12px;display:grid}.route-plan:hover,.route-plan.selected{background:#f4f8ff;border-color:#b5cff9}.route-plan.selected{box-shadow:inset 3px 0 #176cf3}.route-plan>i{border-radius:8px;width:9px;height:38px}.route-plan span{gap:5px;display:grid}.route-plan span:last-child{text-align:right}.route-plan strong,.route-plan b{color:#26344b;font-size:var(--type-secondary)}.route-plan small{color:#7a879a;font-size:var(--type-caption)}.route-map-panel{min-height:660px;padding:0;position:relative;overflow:hidden}.route-map-panel .expanded-map,.route-map-panel .real-map{min-height:660px}.route-map-overlay{z-index:600;background:#fffffff2;border:1px solid #dce4ed;border-radius:10px;gap:5px;padding:13px 15px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 8px 22px #1b2b4526}.route-map-overlay strong{color:#1f2d44;font-size:var(--type-body)}.route-map-overlay span{color:#68768c;font-size:var(--type-caption)}.optimization-score{color:#16864d;min-width:48px;height:36px;font-size:var(--type-secondary);background:#eaf8ef;border-radius:9px;place-items:center;font-weight:800;display:grid}.route-endpoints{background:#f8fafc;border:1px solid #e1e7ef;border-radius:10px;padding:14px}.route-endpoints>div{grid-template-columns:13px 1fr;gap:9px;display:grid}.route-endpoints i{background:#fff;border:3px solid #176cf3;border-radius:50%;width:11px;height:11px;margin-top:5px}.route-endpoints div:last-child i{border-color:#16a05a}.route-endpoints span{gap:4px;display:grid}.route-endpoints small{font-size:var(--type-caption);color:#7b889a}.route-endpoints strong{font-size:var(--type-secondary);color:#26344b}.route-endpoints>b{border-left:1px dashed #aab8c9;height:24px;margin-left:5px;display:block}.optimization-panel>h3{font-size:var(--type-card-title);color:#223149;margin:18px 0 10px}.alternative-list{gap:8px;display:grid}.alternative{color:#536176;text-align:left;background:#fff;border:1px solid #e1e7ef;border-radius:9px;grid-template-columns:1fr auto 24px;align-items:center;gap:9px;min-height:70px;padding:11px;display:grid}.alternative:hover,.alternative.selected{background:#f3f7ff;border-color:#a9c9fb}.alternative span{gap:4px;display:grid}.alternative span:nth-child(2){text-align:right}.alternative strong,.alternative b{font-size:var(--type-secondary);color:#26344b}.alternative small{font-size:var(--type-caption);color:#7b889a}.alternative>i{border:2px solid #d7dfe9;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.alternative.selected>i{color:#fff;background:#176cf3;border-color:#176cf3}.route-impact{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0;display:grid}.route-impact div{background:#f5f8fc;border-radius:8px;gap:5px;padding:10px;display:grid}.route-impact small{font-size:var(--type-caption);color:#7b889a}.route-impact strong{font-size:var(--type-secondary);color:#233149}.route-alert{background:#fff9ee;border:1px solid #f4dfb7;border-radius:9px;grid-template-columns:30px 1fr;gap:9px;margin-bottom:14px;padding:12px;display:grid}.route-alert>span{color:#b56f00;background:#fff0ce;border-radius:7px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.route-alert strong{font-size:var(--type-secondary);color:#7e530d}.route-alert p{color:#806a45;font-size:var(--type-caption);margin:5px 0 0;line-height:1.5}@media (max-width:1350px){.route-workspace{grid-template-columns:320px 1fr}.optimization-panel{grid-column:1/-1}.route-map-panel,.route-map-panel .expanded-map,.route-map-panel .real-map{min-height:600px}}@media (max-width:900px){.route-summary{grid-template-columns:1fr 1fr}.route-workspace{grid-template-columns:1fr}.optimization-panel{grid-column:auto}}@media (max-width:640px){.route-summary{grid-template-columns:1fr}.route-map-panel,.route-map-panel .expanded-map,.route-map-panel .real-map{min-height:520px}.route-impact{grid-template-columns:1fr}}.module-metrics{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:17px;display:grid}.module-metric{color:#176cf3;background:#fff;border:1px solid #dfe6ef;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:13px;min-height:116px;padding:17px;display:grid}.module-metric>span{background:#edf4ff;border-radius:11px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.module-metric div{gap:3px;display:grid}.module-metric small{color:#68768c;font-size:var(--type-secondary)}.module-metric strong{color:#172238;font-size:28px}.module-metric p{color:#7c889a;font-size:var(--type-caption);margin:0}.module-metric.tone-1{color:#159a56}.module-metric.tone-1>span{background:#ecf9f1}.module-metric.tone-2{color:#00a6c6}.module-metric.tone-2>span{background:#e9faff}.module-metric.tone-3{color:#e54857}.module-metric.tone-3>span{background:#fff0f2}.module-layout{grid-template-columns:minmax(700px,1.5fr) minmax(340px,.6fr);align-items:start;gap:16px;display:grid}.module-table-panel{min-width:0;overflow:hidden}.module-toolbar{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.module-toolbar h2{color:#172238;font-size:var(--type-section-title);margin:0}.module-toolbar p{color:#728096;font-size:var(--type-secondary);margin:5px 0 0}.module-toolbar>span{gap:8px;display:flex}.module-toolbar button{color:#536176;min-height:38px;font-size:var(--type-caption);background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:0 12px;font-weight:700}.module-table-wrap{overflow-x:auto}.module-table{min-width:850px}.module-table th{color:#6b798e;font-size:var(--type-caption);background:#f8fafc;padding:15px 14px;font-weight:700}.module-table td{color:#536176;height:76px;font-size:var(--type-secondary);cursor:pointer;padding:13px 14px}.module-table td strong{color:#223149;font-size:var(--type-body)}.module-table tbody tr:hover,.module-table tbody tr.selected{background:#f4f8ff}.module-table tbody tr.selected{box-shadow:inset 3px 0 #176cf3}.module-detail{padding:20px;position:sticky;top:94px}.module-detail-head{border-bottom:1px solid #e5eaf0;grid-template-columns:52px 1fr;align-items:center;gap:13px;padding-bottom:18px;display:grid}.module-detail-head>span{color:#176cf3;background:#edf4ff;border-radius:12px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.module-detail-head small{color:#7b889a;font-size:var(--type-caption)}.module-detail-head h2{color:#172238;font-size:var(--type-section-title);margin:4px 0}.module-detail-head p{color:#6d7b90;font-size:var(--type-secondary);margin:0}.module-detail>h3{color:#223149;font-size:var(--type-card-title);margin:20px 0 12px}.module-detail-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.module-detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:6px;padding:13px;display:grid}.module-detail-grid small{color:#7b889a;font-size:var(--type-caption)}.module-detail-grid strong{color:#243149;font-size:var(--type-secondary)}.module-health{gap:7px;margin:17px 0;display:grid}.module-health>span{background:#e7edf4;border-radius:8px;height:8px;overflow:hidden}.module-health i{border-radius:inherit;background:#16a05a;height:100%;display:block}.module-health small{color:#65748a;font-size:var(--type-caption)}@media (max-width:1200px){.module-layout{grid-template-columns:1fr}.module-detail{position:static}}@media (max-width:900px){.module-metrics{grid-template-columns:1fr 1fr}}@media (max-width:640px){.module-metrics{grid-template-columns:1fr}.module-toolbar{flex-direction:column}.module-detail-grid{grid-template-columns:1fr}}@media (max-width:560px){.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.kpi-card small{font-size:12px}.kpi-card strong{font-size:28px}.live-map-panel{min-height:430px}.vehicle-map-label{display:none}.real-map-legend{top:70px;right:10px}}@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}