:root{--nav:#0F2A5B;--primary:#1B5FE0;--primaryTint:#EAF0FE;--primaryBorder:#BFD3F6;--success:#15803D;--warning:#B45309;--danger:#B91C1C;--info:#0369A1;--peregon:#0B5C34;--indigo:#4338CA;--gpsBar:#083E5E;--gpsDot:#4FC3F7;--text:#0E1B33;--textSecondary:#5A6B85;--textTertiary:#93A3B8;--surface:#FFFFFF;--bg:#F7F9FC;--border:#E4E9F2;--border2:#D5DDEA;--fillMuted:#E9EDF4;--placeholderImg:#DDE4EE;--mapFill:#E3E9F1;--priceLockBg:#F1F4F9;--dark:#0B1220;--deviceBezel:#101828;--warnBg:#FDF0DC;--warnFg:#7C4A0A;--dangerBg:#FBEBE8;--dangerFg:#7A2718;--infoBg:#EAF2FB;--infoFg:#0B4A7A;--okBg:#E7F6ED;--okFg:#0B5C34;--disabledBg:#E9EDF4;--disabledBorder:#C3CCDA;--disabledFg:#67748A}:root{--r-xs:4px;--r-sm:5px;--r-code:5px;--r-chip:9px;--r-icon:9px;--r-cell:10px;--r-field:12px;--r-radio:12px;--r-note:12px;--r-card:14px;--r-round:14px;--r-frame:16px;--r-empty:22px;--r-device:34px;--r-pill:999px}:root{--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-7:14px;--sp-8:16px;--sp-9:24px;--sp-10:36px;--gap-stack:12px;--gap-card:10px;--gap-row:10px;--gap-chips:8px;--pad-screen:14px 16px 16px;--pad-card:14px;--pad-note:11px 12px;--pad-list-row:13px 14px;--h-action:60px;--h-action-2:52px;--h-field:56px;--h-field-phone:62px;--h-seg-item:42px;--h-code-cell:68px;--h-star:44px;--h-avatar:42px;--h-round-action:56px;--h-statusbar:26px;--h-appbar:54px;--h-gpsbar:28px;--h-offbar:36px;--h-tabbar:64px;--w-device:360px;--h-device:800px;--w-nav:232px;--w-form:720px;--w-page:1440px}:root{--sans:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono","SF Mono",ui-monospace,Menlo,monospace;--fs-h1:23px;--lh-h1:1.2;--ls-h1:-.01em;--fs-h2:17px;--lh-h2:1.25;--fs-action:18px;--lh-action:1.2;--fs-field:16px;--fs-body:16px;--lh-body:1.4;--fs-sub:14px;--lh-sub:1.45;--fs-note:13px;--lh-note:1.45;--fs-kv-v:13.5px;--fs-kv-k:12.5px;--fs-hint:12px;--lh-hint:1.4;--fs-chip:12px;--fs-chip-sm:11.5px;--fs-label:11px;--ls-label:.08em;--fs-mono-sm:11.5px;--fs-price:22px;--lh-price:1.1;--fs-code:26px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}:root{--shadow-thumb:0 1px 3px rgba(14,27,51,.12);--shadow-device:0 18px 50px rgba(14,27,51,.28);--border-hairline:1px solid var(--border);--border-control:1.5px solid var(--border);--border-accent:4px}:root{--anim-gps-pulse:pulse 1.6s infinite;--anim-skeleton:sk 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@font-face{font-family:IBM Plex Sans;font-weight:400;font-display:swap;src:url(/assets/IBMPlexSans-Regular-Bl2SjS7V.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-weight:500;font-display:swap;src:url(/assets/IBMPlexSans-Medium-DV05E5xX.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-weight:600;font-display:swap;src:url(/assets/IBMPlexSans-SemiBold-B9auKknr.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-weight:700;font-display:swap;src:url(/assets/IBMPlexSans-Bold-CsEuyrSQ.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:url(/assets/IBMPlexMono-Regular-C5_jWxVG.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:url(/assets/IBMPlexMono-SemiBold-CCIC0M5z.ttf) format("truetype")}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body)}.shell{display:flex;flex-direction:column;min-height:100vh;max-width:100%}.shell__body{display:flex;flex-direction:column;flex:1;min-width:0}.shell__header{display:flex;flex-wrap:wrap;gap:var(--gap-stack);padding:var(--pad-card);background:var(--surface);border-bottom:var(--border-hairline)}.shell__route{max-width:var(--w-page);padding:var(--pad-screen)}.shell__nav{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--nav);color:var(--surface)}.shell__nav-toggle{align-self:flex-start;min-height:var(--h-star);padding:0 var(--sp-6);border:0;border-radius:var(--r-chip);background:color-mix(in srgb,var(--surface) 12%,transparent);color:var(--surface);font-family:inherit;font-size:var(--fs-sub);font-weight:var(--fw-medium);cursor:pointer}.shell__nav-groups{display:none;flex-direction:column;gap:var(--sp-8)}.shell__nav[data-open=true] .shell__nav-groups{display:flex}.shell__nav-brand{padding:var(--sp-2) var(--sp-5);font-size:var(--fs-h2);font-weight:var(--fw-bold)}.shell__nav-group{display:flex;flex-direction:column;gap:var(--sp-1)}.shell__nav-title{padding:0 var(--sp-5) var(--sp-2);color:var(--primaryBorder);font-family:var(--mono);font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-transform:uppercase}.shell__nav-item{display:flex;align-items:center;min-height:var(--h-star);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-chip);color:var(--surface);font-size:var(--fs-sub);text-decoration:none;overflow-wrap:anywhere}.shell__nav-item:hover,.shell__nav-item[aria-current=page]{background:color-mix(in srgb,var(--surface) 12%,transparent)}.shell__nav-item[aria-current=page]{font-weight:var(--fw-semibold)}.shell__nav-toggle:focus-visible,.shell__nav-item:focus-visible{outline:var(--sp-1) solid var(--surface);outline-offset:var(--sp-1)}@media(min-width:1024px){.shell{flex-direction:row}.shell__nav{flex:0 0 var(--w-nav);width:var(--w-nav);padding:var(--sp-8) var(--sp-6)}.shell__nav-toggle{display:none}.shell__nav-item{min-height:auto}.shell__nav .shell__nav-groups{display:flex}}.switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-chips);min-width:0}.switcher__caption{color:var(--textSecondary);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.switcher__item{min-height:var(--h-seg-item);padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-chip);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--fs-note);line-height:var(--lh-note);cursor:pointer}.switcher__item[aria-current=true]{background:var(--primaryTint);border-color:var(--primaryBorder);color:var(--primary);font-weight:var(--fw-semibold)}.screen{display:flex;flex-direction:column;gap:var(--gap-stack);max-width:100%}.screen h1{margin:0;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}.screen h2{margin:0;font-size:var(--fs-h2);line-height:var(--lh-h2)}.screen p{margin:0;color:var(--textSecondary);font-size:var(--fs-sub);line-height:var(--lh-sub)}.screen ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gap-card)}.screen li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-chips);padding:var(--pad-list-row);background:var(--surface);border:var(--border-hairline);border-radius:var(--r-card);overflow-wrap:anywhere}.company-link{color:var(--primary);overflow-wrap:anywhere}.screen-state{margin:0;padding:var(--pad-note);border-radius:var(--r-note);background:var(--fillMuted);color:var(--textSecondary);font-size:var(--fs-sub);line-height:var(--lh-sub)}.screen-state--error,.screen-state--noAccess{background:var(--dangerBg);color:var(--dangerFg)}.form{display:flex;flex-direction:column;gap:var(--gap-stack);max-width:var(--w-form)}.disclosure{max-width:var(--w-form);border:var(--border-hairline);border-radius:var(--r-card);background:var(--surface)}.disclosure>summary{min-height:var(--h-star);padding:var(--pad-note);color:var(--text);font-size:var(--fs-action);line-height:var(--lh-action);font-weight:var(--fw-medium);cursor:pointer}.disclosure>.form{padding:var(--pad-note)}.channels{display:flex;flex-wrap:wrap;gap:var(--gap-chips)}.channels button{flex:1;min-width:0;min-height:var(--h-seg-item);padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-chip);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--fs-note);line-height:var(--lh-note);cursor:pointer}.channels button[aria-pressed=true]{background:var(--primaryTint);border-color:var(--primaryBorder);color:var(--primary);font-weight:var(--fw-semibold)}.form-field{display:flex;flex-direction:column;gap:var(--gap-row);max-width:100%}.form-field--terms{flex-direction:row;flex-wrap:wrap;align-items:center}.form-field__caption{color:var(--textSecondary);font-size:var(--fs-sub);line-height:var(--lh-sub)}.form-field input,.form-field select{min-height:var(--h-field);max-width:100%;padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-field);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--fs-field)}.form-field__control{display:flex;flex-direction:column}.form-field--terms input{min-height:auto}.form-field--check{flex-direction:row;flex-wrap:wrap;align-items:center}.form-field--check input{min-height:auto}.form-field textarea{min-height:var(--h-field);max-width:100%;padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-field);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--fs-field)}.field-message{color:var(--dangerFg);font-size:var(--fs-note);line-height:var(--lh-note);overflow-wrap:anywhere}.field-message:empty{display:none}.action{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;max-width:100%;min-height:var(--h-action);padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-chip);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--fs-action);line-height:var(--lh-action);font-weight:var(--fw-medium);text-decoration:none;white-space:normal;cursor:pointer}.action--primary{border-color:var(--primary);background:var(--primary);color:var(--surface);font-weight:var(--fw-semibold)}.action--danger{color:var(--danger)}.action--text{min-height:var(--h-star);padding:0;font-size:var(--fs-sub);border-color:transparent;background:transparent;color:var(--primary)}.action:disabled{border-color:var(--disabledBorder);background:var(--disabledBg);color:var(--disabledFg);cursor:not-allowed}.action:focus-visible{outline:var(--sp-1) solid var(--primary);outline-offset:var(--sp-1)}@media(min-width:1024px){.action{min-height:var(--h-seg-item);font-size:var(--fs-sub)}.action--text{min-height:auto}}.notice{padding:var(--pad-note);border-radius:var(--r-note);background:var(--dangerBg);color:var(--dangerFg);font-size:var(--fs-sub);line-height:var(--lh-sub)}.notice:empty{display:none}.cargo-slot-summary{overflow-wrap:anywhere}.cargo-feed-body-types{flex-direction:row;flex-wrap:wrap;gap:var(--gap-chips);min-width:0;margin:0;padding:var(--pad-note);border:var(--border-hairline);border-radius:var(--r-card)}.cargo-feed-cities{display:flex;flex-direction:column;gap:var(--gap-row)}.work-assignment-current{overflow-wrap:anywhere}.tracking{display:flex;flex-direction:column;gap:var(--gap-stack);max-width:calc(var(--w-device) * 1.5);min-height:100vh;margin:0 auto;padding:var(--pad-screen);overflow-wrap:anywhere}.tracking__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-stack)}.tracking__title{margin:0;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}.tracking__form,.tracking__card,.tracking__notice{display:flex;flex-direction:column;gap:var(--gap-stack);max-width:100%;min-width:0}.tracking__hint,.tracking__muted{margin:0;color:var(--textSecondary);font-size:var(--fs-sub);line-height:var(--lh-sub)}.tracking__pin{min-height:var(--h-field);max-width:100%;padding:var(--pad-note);border:var(--border-control);border-radius:var(--r-field);background:var(--surface);color:var(--text);font-family:var(--mono);font-size:var(--fs-field);letter-spacing:var(--ls-label)}.tracking__notice{padding:var(--pad-card);border-radius:var(--r-card);background:var(--surface);border:var(--border-hairline)}.tracking__notice h2{margin:0;font-size:var(--fs-h2);line-height:var(--lh-h2)}.tracking__notice p{margin:0;color:var(--textSecondary);font-size:var(--fs-sub);line-height:var(--lh-sub)}.tracking__block{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--pad-card);border:var(--border-hairline);border-radius:var(--r-card);background:var(--surface);min-width:0}.tracking__caption{margin:0;color:var(--textSecondary);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.tracking__status{color:var(--primary);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold)}.tracking__value,.tracking__age,.tracking__coordinates{font-size:var(--fs-body);line-height:var(--lh-body)}.tracking__coordinates{font-family:var(--mono);font-size:var(--fs-note)}.tracking__frame{display:block;align-self:stretch;max-width:100%;height:calc(var(--h-field) * 4);border:var(--border-hairline);border-radius:var(--r-card);background:var(--mapFill)}.tracking__map{color:var(--primary);font-weight:var(--fw-semibold)}.tracking__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-chips)}.tracking__photo{position:relative;display:block;min-width:0;padding:0;border:0;border-radius:var(--r-cell);background:var(--placeholderImg);overflow:hidden;cursor:pointer}.tracking__photo img{display:block;max-width:100%;aspect-ratio:1;object-fit:cover}.tracking__plate{position:absolute;left:var(--sp-2);bottom:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-xs);background:var(--surface);color:var(--text);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.tracking__milestones{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gap-card)}.tracking__milestones li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-chips);padding:var(--pad-list-row);border:var(--border-hairline);border-radius:var(--r-card);background:var(--surface)}.tracking__milestones time,.tracking__block time{color:var(--textSecondary);font-size:var(--fs-note);line-height:var(--lh-note)}.tracking__viewer{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-stack);padding:var(--pad-screen);background:var(--dark)}.tracking__viewer img{max-width:100%;max-height:calc(100vh - var(--h-action) * 2);object-fit:contain}.vehicle-photos,.vehicle-faults,.service-parts__list,.driver-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gap-card)}.vehicle-photos,.vehicle-fault__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-chips)}.vehicle-photo,.vehicle-fault,.service-part,.driver-row{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;overflow-wrap:anywhere}.vehicle-fault,.driver-row{padding:var(--pad-list-row);border:var(--border-hairline);border-radius:var(--r-card);background:var(--surface)}.vehicle-fault__comment,.vehicle-fault__meta{margin:0}.vehicle-fault__meta{color:var(--textSecondary);font-size:var(--fs-note);line-height:var(--lh-note)}.vehicle-photo__image{display:block;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-cell);background:var(--placeholderImg)}.service-parts{min-width:0;padding:var(--pad-card);border:var(--border-hairline);border-radius:var(--r-card)}.expense-filter,.payout-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-chips);max-width:100%}.accounting-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gap-card)}.expense-row,.payout-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-width:0;padding:var(--pad-list-row);border:var(--border-hairline);border-radius:var(--r-card);background:var(--surface);overflow-wrap:anywhere}.work-card{display:flex;flex-direction:column;gap:var(--gap-stack)}.work-card__section{display:flex;flex-direction:column;gap:var(--gap-card);min-width:0;overflow-wrap:anywhere}.work-card__fact{display:flex;flex-wrap:wrap;gap:var(--gap-chips)}.work-card__caption,.work-card__note{color:var(--textSecondary)}.work-card__map{isolation:isolate;height:calc(var(--gap-stack) * 24)}.work-card__map[hidden]{display:none}.work-card__list,.work-card__messages{display:flex;flex-direction:column;gap:var(--gap-row);min-width:0;padding:0;list-style:none}.work-card__row,.work-card__message{display:flex;flex-wrap:wrap;gap:var(--gap-chips);min-width:0}.work-card__message--mine{background:var(--primaryTint)}.work-card__image{max-width:100%;height:auto}.work-card__photo{margin:0}.work-card__badge{color:var(--primary);font-weight:var(--fw-semibold)}.work-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-stack);padding:var(--pad-card);background:var(--surface);border:var(--border-hairline);border-radius:var(--r-card)}.work-card__columns,.work-card__main,.work-card__side{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--gap-stack);min-width:0}.work-card__main>.work-card__section,.work-card__side>.work-card__section{padding:var(--pad-card);background:var(--surface);border:var(--border-hairline);border-radius:var(--r-card)}.work-card__id{font-family:var(--mono);font-size:var(--fs-note);overflow-wrap:anywhere}@media(min-width:768px){.work-card__head{position:sticky;top:0;z-index:1}}@media(min-width:1200px){.work-card__columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.data-table-box{max-width:100%;overflow-x:auto}.data-table{display:block;font-size:var(--fs-sub)}.data-table thead{display:none}.data-table tbody{display:flex;flex-direction:column;gap:var(--gap-card)}.work-row{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--pad-list-row);background:var(--surface);border:var(--border-hairline);border-radius:var(--r-card)}.data-table td{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap-chips);min-width:0;overflow-wrap:anywhere}.data-table td:before{content:attr(data-label);color:var(--textSecondary);font-family:var(--mono);font-size:var(--fs-note)}.data-table td:empty{display:none}.data-table td.data-table__action:before{content:none}.data-table__mono{font-family:var(--mono)}.status-pill{display:inline-block;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-sm);font-family:var(--mono);background:var(--fillMuted);color:var(--textSecondary);font-size:var(--fs-label);font-weight:var(--fw-semibold)}.status-pill--created,.status-pill--assigned{background:var(--warnBg);color:var(--warnFg)}.status-pill--accepted,.status-pill--at_pickup,.status-pill--at_handover,.status-pill--in_transit{background:var(--infoBg);color:var(--infoFg)}.status-pill--delivered{background:var(--primaryTint);color:var(--indigo)}.status-pill--completed{background:var(--okBg);color:var(--okFg)}@media(min-width:768px){.data-table-box{background:var(--surface);border:var(--border-hairline);border-radius:var(--r-card)}.data-table{display:table;min-width:100%;border-collapse:collapse}.data-table thead{display:table-header-group}.data-table tbody{display:table-row-group}.work-row{display:table-row}.data-table th{padding:var(--sp-5) var(--sp-6);color:var(--textSecondary);font-family:var(--mono);font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:var(--ls-label);text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:var(--border-hairline)}.data-table td,.data-table td:empty{display:table-cell;padding:var(--sp-3) var(--sp-6);border-bottom:var(--border-hairline);overflow-wrap:normal}.data-table td:before{content:none}.data-table td.data-table__mono{white-space:nowrap}.data-table__route a{display:inline-block;min-width:calc(var(--sp-10) * 5)}}
