:root{--bg:#e9ecf8;--card:#fff;--ink:#141a33;--ink-2:#4a5272;--ink-3:#8a91ad;--line:#e8ebf4;--line-2:#f1f3f9;--blue:#2f5bea;--blue-2:#e9eefe;--green:#12a150;--green-2:#e3f6eb;--amber:#d97706;--amber-2:#fdf1dc;--red:#dc3545;--red-2:#fde6e8;--grey-2:#f1f3f8;--shadow:0 10px 30px #1f2d621a, 0 2px 6px #1f2d620f;--radius:14px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent:#2f5bea;--on-accent:#fff;--field:#fff;--sunken:#f7f8fc;--track:#e6e9f3;--node:#eef1f8;--tabs:#f3f5fa;--tab-on:#fff;--tab-shadow:0 1px 4px #141e461f;--hover:#f7f8fd;--topbar:#f7f8fdeb;--live-ink:#0f7a3e;--live-ring:#12a1502e;--ring:#2f5bea2e;--dot-grey:#b6bdd2;--chip-dark:#141a33;--pill3d:#2446c8;--pill3d-shadow:#2446c859;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1020;--card:#141b2e;--ink:#e7ebf6;--ink-2:#b3bbd3;--ink-3:#7f8aa9;--line:#273152;--line-2:#1e2742;--blue:#86a0ff;--blue-2:#7a96ff29;--green:#43d28b;--green-2:#43d28b24;--amber:#f6b552;--amber-2:#f6b55226;--red:#ff7584;--red-2:#ff758426;--grey-2:#1f2841;--shadow:0 14px 34px #00000080, 0 2px 8px #00000059;--accent:#4d6ef5;--on-accent:#fff;--field:#1a2238;--sunken:#1a2236;--track:#2b3555;--node:#222b46;--tabs:#1a2237;--tab-on:#2b355a;--tab-shadow:0 1px 4px #00000073;--hover:#1c2541;--topbar:#0c1120e6;--live-ink:#6fe3a8;--live-ring:#43d28b38;--ring:#7a96ff47;--dot-grey:#58627f;--chip-dark:#3a4670;--pill3d:#3a5ae6;--pill3d-shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.topbar,.card,.search,.site-pill,.weather-pill,.speed,.icon-btn,.stat,.ship-card,.chips button{transition:background-color .25s,border-color .25s,color .25s}input{font:inherit}.app{position:fixed;inset:0}.canvas-wrap{position:absolute;inset:64px 0 0}.canvas-wrap canvas{touch-action:none}.topbar{background:var(--topbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:30;align-items:center;gap:14px;height:64px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;min-width:150px;font-size:19px;font-weight:750;display:flex}.search{background:var(--field);border:1px solid var(--line);border-radius:11px;flex:0 380px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex;position:relative}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search kbd{font-family:var(--font);color:var(--ink-3);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:11px}.results{background:var(--card);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:12px;max-height:320px;padding:6px;position:absolute;top:46px;left:0;right:0;overflow:auto}.results button{text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;display:flex}.results button:hover{background:var(--blue-2)}.spacer{flex:1}.site-pill{border:1px solid var(--line);background:var(--field);border-radius:12px;align-items:center;gap:10px;min-width:250px;height:44px;padding:0 8px 0 6px;display:flex;position:relative}.code-chip{white-space:nowrap;background:var(--accent);color:var(--on-accent);letter-spacing:.02em;border-radius:8px;padding:7px;font-size:11px;font-weight:700}.site-pill .name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;line-height:1.15;overflow:hidden}.site-pill .sub{color:var(--ink-3);font-size:11.5px}.menu{background:var(--card);border:1px solid var(--line-2);width:320px;box-shadow:var(--shadow);z-index:40;border-radius:14px;padding:8px;position:absolute;top:52px;right:0}.menu .item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 8px;display:flex}.menu .item:hover,.menu .item.active{background:var(--blue-2)}.menu .head{color:var(--ink-3);padding:6px 8px 8px;font-size:11.5px}.live{white-space:nowrap;background:var(--green-2);height:36px;color:var(--live-ink);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-weight:650;display:flex}.live .dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 3px var(--live-ring);border-radius:50%}.live.paused{background:var(--amber-2);color:var(--amber)}.live.paused .dot{background:var(--amber)}.speed{background:var(--field);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:flex}.speed button{color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600}.speed button.on{background:var(--accent);color:var(--on-accent)}.icon-btn{border:1px solid var(--line);background:var(--field);width:38px;height:38px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid;position:relative}.badge-dot{background:var(--red);border:2px solid var(--field);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.user{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2f5bea,#7aa2ff);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user .who{white-space:nowrap;line-height:1.2}.user .who b{font-weight:650}.user .who span{color:var(--ink-3);font-size:11.5px;display:block}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.kpis{z-index:10;gap:12px;display:flex;position:absolute;top:80px;left:20px}.kpi{align-items:center;gap:12px;min-width:210px;padding:12px 16px 12px 12px;display:flex}.kpi .ic{background:var(--blue-2);border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.kpi .lbl{color:var(--ink-2);font-size:12px}.kpi .val{letter-spacing:-.02em;align-items:baseline;gap:8px;font-size:22px;font-weight:750;display:flex}.kpi .delta{color:var(--green);font-size:12px;font-weight:650}.kpi .delta.down{color:var(--red)}.kpi .sub{color:var(--ink-3);font-size:11.5px}.toolbar{z-index:10;flex-direction:column;gap:2px;padding:6px;transition:right .28s,border-radius .28s,background-color .25s;display:flex;position:absolute;top:80px;right:404px}.toolbar.docked{border-radius:var(--radius) 0 0 var(--radius);border:1px solid var(--line);border-right:0;right:0;box-shadow:-6px 8px 24px #141e461a}.toolbar button{width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.toolbar button:hover{background:var(--grey-2)}.toolbar button.on{background:var(--blue-2);color:var(--blue)}.toolbar .sep{background:var(--line);height:1px;margin:4px}.panel{z-index:10;width:372px;max-height:calc(100% - 370px);padding:16px;position:absolute;top:80px;right:20px;overflow:auto}.panel-head{align-items:flex-start;gap:12px;display:flex}.panel-head .thumb{background:var(--blue-2);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}.title{letter-spacing:-.01em;font-size:17px;font-weight:750}.muted{color:var(--ink-3);font-size:12px}.head-actions{gap:6px;margin-left:auto;display:flex}.head-actions button{border:1px solid var(--line);background:var(--field);width:30px;height:30px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.head-actions button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.status-row{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 12px;display:flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.pill.green{background:var(--green-2);color:var(--green)}.pill.blue{background:var(--blue-2);color:var(--blue)}.pill.amber{background:var(--amber-2);color:var(--amber)}.pill.red{background:var(--red-2);color:var(--red)}.pill.grey{background:var(--grey-2);color:var(--ink-2)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--sunken);border-radius:11px;padding:10px 12px}.stat .lbl{color:var(--ink-2);font-size:11.5px}.stat .v{margin-top:2px;font-size:18px;font-weight:750}.stat .v small{color:var(--ink-3);font-size:12px;font-weight:600}.bar{background:var(--track);border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.bar i{background:var(--blue);border-radius:99px;height:100%;transition:width .4s;display:block}.bar.green i{background:var(--green)}.bar.amber i{background:var(--amber)}.section{margin-top:14px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.section-head b{font-weight:700}.rows .row{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:8px 2px;display:flex}.rows .staff-row{cursor:pointer}.rows .staff-row:hover{background:var(--grey-2)}.staff-name{white-space:nowrap;font-weight:600}.staff-task{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.rows .row:last-child{border-bottom:0}.rows .row .num{margin-left:auto;font-weight:650}.kv{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--ink-2)}.kv span:last-child{text-align:right;font-weight:600}.kv a{color:var(--blue);cursor:pointer;font-weight:650;text-decoration:none}.sku-dot{border-radius:7px;flex:none;width:26px;height:26px}.progress-line{color:var(--ink-3);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.tracking{z-index:10;gap:16px;width:min(760px,100% - 470px);padding:14px 16px;display:flex;position:absolute;bottom:20px;left:20px}.tracking .tl{flex:1;min-width:0}.tracking .tl-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tracking .tl-head b{align-items:center;gap:8px;font-size:15px;display:flex}.steps{align-items:flex-start;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex;position:relative}.step .node{background:var(--node);width:30px;height:30px;color:var(--ink-3);z-index:1;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.step.done .node{background:var(--accent);color:var(--on-accent);box-shadow:none}.step.active .node{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 4px var(--ring)}.step:before{content:"";background:var(--track);width:100%;height:3px;position:absolute;top:14px;left:-50%}.step:first-child:before{display:none}.step.done:before,.step.active:before{background:var(--accent)}.step .lab{white-space:nowrap;margin-top:7px;font-size:12px;font-weight:650}.step .tm{color:var(--ink-3);white-space:nowrap;margin-top:2px;font-size:11px}.ship-card{background:var(--sunken);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;width:270px;padding:12px 14px;display:flex}.ship-card b{font-size:14px}.fleet{z-index:10;width:440px;padding:12px 14px;position:absolute;bottom:20px;right:20px}.tabs{align-items:center;gap:4px;margin-bottom:8px;display:flex}.tabs .fleet-site{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tabs .tabbtn{white-space:nowrap;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:6px 10px;font-weight:650}.tabs .tabbtn.on{background:var(--tab-on);box-shadow:var(--tab-shadow);color:var(--ink)}.tabs .tabbtn small{color:var(--ink-3);margin-left:4px;font-weight:600}.tabs-wrap{background:var(--tabs);border-radius:10px;flex:none;padding:3px;display:flex}.fleet-rows{max-height:180px;overflow:auto}.fleet-row{border-bottom:1px solid var(--line-2);cursor:pointer;border-radius:8px;grid-template-columns:78px 1fr 92px 64px 14px;align-items:center;gap:8px;padding:7px 4px;display:grid}.fleet-row:hover{background:var(--hover)}.fleet-row .id{font-weight:700;line-height:1.1}.fleet-row .id small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;display:block;overflow:hidden}.fleet-row .where{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.dot{background:var(--blue);border-radius:50%;flex:none;width:7px;height:7px}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.grey{background:var(--dot-grey)}.mini{color:var(--ink-3);font-size:11px}.mini .bar{margin-top:3px}.pill3d{white-space:nowrap;background:var(--pill3d);color:#fff;box-shadow:0 6px 14px var(--pill3d-shadow);font-size:12px;font-family:var(--font);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:inline-flex;transform:translateY(-6px)}.pill3d span{opacity:.85;font-size:11px}.loading{z-index:50;background:var(--bg);color:var(--ink-2);place-items:center;gap:10px;font-weight:600;display:grid;position:absolute;inset:0}.toast{z-index:60;padding:10px 14px;position:absolute;top:80px;left:50%;transform:translate(-50%)}@media (max-width:1440px){.user .who{display:none}}@media (max-width:1280px){.kpi{min-width:170px}.search{flex-basis:260px}.search kbd{display:none}.tracking{width:calc(100% - 500px)}.ship-card{display:none}}.weather-pill{border:1px solid var(--line);background:var(--field);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:9px;height:44px;padding:0 12px 0 10px;display:flex;position:relative}.weather-pill .wx-text{flex-direction:column;line-height:1.15;display:flex}.weather-pill .wx-text b{font-variant-numeric:tabular-nums;font-weight:700}.weather-pill .wx-text span{color:var(--ink-3);align-items:center;gap:4px;font-size:11.5px;display:flex}.env-menu{cursor:default;width:372px;max-height:calc(100vh - 90px);padding:12px;right:-60px;overflow:auto}.env-now{align-items:center;gap:12px;padding:4px 4px 10px;display:flex}.env-now b{font-size:15px}.impact{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.impact>div{background:var(--sunken);border-radius:10px;flex-direction:column;gap:2px;padding:7px 9px;display:flex}.impact span{color:var(--ink-3);align-items:center;gap:4px;font-size:11px;display:flex}.impact b{font-size:13px}.impact b.warn{color:var(--amber)}.env-sec{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:10px 2px 6px;font-size:11px;font-weight:700}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips button{border:1px solid var(--line);background:var(--field);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chips button:hover{background:var(--blue-2)}.chips button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.env-note{margin-top:12px;font-size:11.5px;line-height:1.45}.lot-row{cursor:pointer;align-items:center;gap:10px;display:flex}.lot-row .grow{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}@media (max-width:1180px){.kpis .kpi:nth-child(3),.brand span{display:none}.brand{min-width:0}}@media (max-width:1100px){.search{display:none}.site-pill{min-width:0}}@media (max-width:1320px){.weather-pill .wx-text span{display:none}}@media (max-width:900px){.weather-pill .wx-text{display:none}.env-menu{width:min(372px,100vw - 20px);position:fixed;top:70px;left:auto;right:10px}.search,.user .who,.speed{display:none}.kpis{flex-direction:column}.panel{width:300px}.toolbar{right:330px}.toolbar.docked{right:0}.fleet,.tracking{display:none}}@media (max-width:640px){.topbar{gap:8px;padding:0 10px}.kpis,.user,.site-pill .sub{display:none}.site-pill{flex:1}.toolbar,.toolbar.docked{border-radius:var(--radius) 0 0 var(--radius);top:76px;right:0}.panel{width:auto;max-height:46%;inset:auto 10px 10px}}.surge{background:var(--amber-2);color:var(--ink);border-radius:11px;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.surge b{font-weight:700}.surge .muted{font-size:12px}.spark{width:100%;height:46px;margin:8px 0 4px;display:block}.grade{background:var(--green-2);width:26px;height:26px;color:var(--green);border-radius:8px;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.grade.gC,.grade.gD{background:var(--amber-2);color:var(--amber)}.grade.gF{background:var(--red-2);color:var(--red)}.stat .v.pos{color:var(--green)}.stat .v.neg{color:var(--red)}.money-rows{gap:5px;margin:8px 0 4px;display:grid}.money-row{grid-template-columns:112px 1fr 76px;align-items:center;gap:8px;font-size:12px;display:grid}.money-row span{color:var(--ink-2);white-space:nowrap}.money-row i{background:var(--green);opacity:.8;border-radius:99px;height:7px;display:block}.money-row i.neg{background:var(--red)}.money-row b{text-align:right;font-weight:650}.money-row b.pos{color:var(--green)}.money-row b.neg{color:var(--red)}.role-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--line);border-radius:50%;flex:none}.role-dot.r-driver{background:#f4f6fa}.role-dot.r-clerk{background:#2f5bea}.role-dot.r-inspector{background:#f2b84b}.role-dot.r-flex{background:#f08c2e}.role-dot.r-manager{background:#141a33}.role-dot.r-courier{background:#e4572e}.rows.stops .stop-row{padding:6px 2px;font-size:12.5px}.stop-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.stop-row.done .stop-name{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.stop-row.active .stop-name{font-weight:650}.stop-dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.stop-dot.done{background:var(--green)}.stop-dot.active{background:var(--blue);box-shadow:0 0 0 3px var(--blue-2)}.rows .row .num svg{vertical-align:-2px;opacity:.6}a.link{color:var(--blue);cursor:pointer;font-weight:600}a.link:hover{text-decoration:underline}.cashpill{background:var(--field);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.cashpill small{color:var(--ink-3);font-weight:600}.cashpill .up{color:var(--green)}.cashpill .down{color:var(--red)}.moneypop{pointer-events:none;white-space:nowrap;text-shadow:0 1px #ffffffe6,0 0 6px #fffc;font-size:15px;font-weight:800;transform:translate(-50%,-100%)}.moneypop.pos{color:#0f8a43}.moneypop.neg{color:#c82333}