@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap");:root{--road:#1b4f8c;--road-deep:#0e2f57;--road-soft:#e6eef8;--signal:#f2b100;--signal-soft:#fff4d1;--ink:#142236;--muted:#5a6a7e;--faint:#8d9aab;--ground:#eef1f5;--paper:#ffffff;--line:#d6dde6;--line-soft:#e7ecf1;--go:#16805a;--go-soft:#e2f3eb;--stop:#c0362c;--stop-soft:#fbe9e7;--move:#a35f00;--move-soft:#fff0d6;--plan:#5b3fa8;--plan-soft:#eee9fb;--r-sm:6px;--r-md:10px;--r-lg:16px;--shadow:0 1px 2px rgba(20,34,54,0.06),0 4px 16px rgba(20,34,54,0.05);--font:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);font-size:15px;line-height:1.55;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,h4{margin:0;line-height:1.25;letter-spacing:-.01em}h1{font-size:28px;font-weight:800}h2{font-size:20px}h2,h3{font-weight:700}h3{font-size:16px}p{margin:0}:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:14px;line-height:1;padding:10px 16px;border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--road);background:var(--road);color:#fff;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--road-deep);border-color:var(--road-deep)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--paper);color:var(--road);border-color:var(--line)}.btn.secondary:hover{border-color:var(--road);background:var(--road-soft)}.btn.ghost{background:transparent;color:var(--road);border-color:transparent;padding-left:8px;padding-right:8px}.btn.ghost:hover{background:var(--road-soft)}.btn.danger{background:var(--stop);border-color:var(--stop)}.btn.danger:hover{background:#9c2a22}.btn.go{background:var(--go);border-color:var(--go)}.btn.signal{background:var(--signal);border-color:var(--signal);color:var(--ink)}.btn.sm{padding:7px 11px;font-size:13px}.btn.lg{padding:14px 22px;font-size:16px}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:600;color:var(--muted)}.field small{color:var(--faint);font-size:12px}.input,select.input,textarea.input{font:inherit;font-size:14px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink)}.input:focus{outline:none;border-color:var(--road);box-shadow:0 0 0 3px var(--road-soft)}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.check{display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-size:14px}.check input{width:16px;height:16px;accent-color:var(--road)}.choice{display:grid;grid-gap:10px;gap:10px}.choice label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper)}.choice label:has(input:checked){border-color:var(--road);background:var(--road-soft)}.choice input{margin-top:3px;accent-color:var(--road)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.panel-pad{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.panel-body{padding:20px}.stack{gap:16px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.grow{flex:1 1;min-width:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:700}.nowrap{white-space:nowrap}.right{text-align:right}.divider{height:1px;background:var(--line-soft);margin:4px 0}.price{font-weight:800;color:var(--road)}.strike{text-decoration:line-through;color:var(--faint);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--ground);color:var(--muted)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge.info{background:var(--road-soft);color:var(--road)}.badge.plan{background:var(--plan-soft);color:var(--plan)}.badge.move{background:var(--move-soft);color:var(--move)}.badge.ok{background:var(--go-soft);color:var(--go)}.badge.bad{background:var(--stop-soft);color:var(--stop)}.badge.plain:before{display:none}.role-chip{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--road-soft);color:var(--road);white-space:nowrap}.role-chip.ADMIN{background:#1d2a3a;color:#fff}.role-chip.MANAGER{background:var(--plan-soft);color:var(--plan)}.role-chip.SALES{background:var(--go-soft);color:var(--go)}.role-chip.DRIVER{background:var(--move-soft);color:var(--move)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);background:#f7f9fb;white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fafbfd}.table tr.selected td{background:var(--road-soft)}.table .num{text-align:right;white-space:nowrap}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tabs button{font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:none;border:0;padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--road);border-color:var(--road)}.tabs .count{font-size:12px;color:var(--faint);margin-left:4px;font-weight:500}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.seg button{font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border:0;background:none;cursor:pointer;color:var(--muted)}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--road);color:#fff}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}.kpi .label{font-size:13px;color:var(--muted);font-weight:500}.kpi .value{font-size:26px;font-weight:800;margin-top:4px;letter-spacing:-.02em}.kpi .delta{font-size:12px;margin-top:2px;color:var(--muted)}.kpi .delta.up{color:var(--go)}.kpi.accent{border-color:var(--road);background:var(--road);color:#fff}.kpi.accent .delta,.kpi.accent .label{color:#c9daf0}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:calc(100vw - 40px)}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:var(--r-sm);font-size:14px;box-shadow:var(--shadow);border-left:4px solid var(--go);animation:toast-in .2s ease-out}.toast.bad{border-left-color:var(--stop)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}.overlay{position:fixed;inset:0;background:rgba(14,26,44,.45);z-index:50;display:grid;place-items:center;padding:16px}.modal{background:var(--paper);border-radius:var(--r-lg);width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal.wide{width:min(820px,100%)}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-body{padding:22px}.modal-foot{padding:14px 22px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:10px}.icon-btn{background:none;border:0;cursor:pointer;padding:6px;border-radius:6px;color:var(--muted);font-size:18px;line-height:1}.icon-btn:hover{background:var(--ground);color:var(--ink)}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:6px}.empty .btn{margin-top:14px}.notice{padding:12px 14px;border-radius:var(--r-sm);font-size:14px;background:var(--road-soft);color:var(--road-deep)}.notice.warn{background:var(--signal-soft);color:#6b4d00}.notice.bad{background:var(--stop-soft);color:var(--stop)}.notice.ok{background:var(--go-soft);color:var(--go)}.loading-screen{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.strip{position:relative;padding:30px 0 4px}.strip-road{position:relative;height:44px;border-radius:22px;background:#2b3a4e;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.strip-road:before{content:"";position:absolute;left:22px;right:22px;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 10px,transparent 10px 20px)}.strip-node{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#44556b;color:#c9d4e1;border:2px solid #2b3a4e;flex:none}.strip-node.depot{background:var(--paper);color:var(--road);border-radius:6px}.strip-node.done{background:#3c7d63;color:#d9f2e6}.strip-node.here{background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px rgba(255,255,255,.35)}.strip-node.me{width:auto;min-width:44px;height:34px;padding:0 10px;border-radius:6px;background:var(--signal);color:var(--ink);border-color:var(--signal);font-size:13px;box-shadow:0 0 0 4px rgba(242,177,0,.3)}.strip-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.strip-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.strip-truck{position:absolute;top:-30px;z-index:2;transform:translateX(-50%);font-size:18px;transition:left .4s}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 18px 28px}.timeline li:before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline .dot{position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--paper)}.timeline li.done .dot{background:var(--road);border-color:var(--road)}.timeline li.done:before{background:var(--road)}.timeline li.current .dot{background:var(--signal);border-color:var(--signal);box-shadow:0 0 0 4px var(--signal-soft)}.timeline li.failed .dot{background:var(--stop);border-color:var(--stop)}.timeline .t-title{font-weight:600}.timeline li.todo .t-title{color:var(--faint);font-weight:500}.timeline .t-meta{font-size:12px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--road-soft);color:var(--road);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.forbidden{max-width:520px;margin:60px auto;text-align:center}.forbidden .sign{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;border:9px solid var(--stop);position:relative;background:#fff}.forbidden .sign:after{content:"";position:absolute;left:10px;right:10px;top:50%;height:9px;margin-top:-4.5px;background:var(--stop)}.forbidden p{color:var(--muted);margin-top:8px}.grid{display:grid;grid-gap:16px;gap:16px}.price,.strike{white-space:nowrap}.shop-top{background:var(--road);color:#fff}.shop-top-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;gap:24px}.logo,.shop-top-inner{display:flex;align-items:center}.logo{gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;white-space:nowrap}.logo-mark{width:34px;height:34px;border-radius:7px;background:var(--signal);color:var(--road-deep);display:grid;place-items:center;font-size:14px;font-weight:800}.shop-search{flex:1 1;max-width:460px;position:relative}.shop-search input{width:100%;font:inherit;font-size:14px;padding:10px 14px;border-radius:8px;border:0;background:rgba(255,255,255,.14);color:#fff}.shop-search input::placeholder{color:#bcd0ea}.shop-search input:focus{outline:none;background:#fff;color:var(--ink)}.shop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.shop-nav a,.shop-nav button{font:inherit;font-size:14px;font-weight:600;color:#dbe7f6;padding:8px 10px;border-radius:6px;background:none;border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;position:relative}.shop-nav a:hover,.shop-nav button:hover{background:rgba(255,255,255,.1);color:#fff}.shop-nav .pill{background:var(--signal);color:var(--ink);font-size:11px;font-weight:800;border-radius:99px;padding:1px 6px}.shop-cats{background:var(--road-deep)}.shop-cats-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:2px;overflow-x:auto}.shop-cats a{color:#c4d5ec;font-size:13px;font-weight:600;padding:10px 12px;white-space:nowrap}.shop-cats a.on,.shop-cats a:hover{color:#fff;box-shadow:inset 0 -2px 0 var(--signal)}.shop-main{max-width:1200px;margin:0 auto;padding:28px 20px 64px}.shop-foot{border-top:1px solid var(--line);background:var(--paper)}.shop-foot-inner{max-width:1200px;margin:0 auto;padding:28px 20px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:2fr 1fr 1fr;font-size:14px;color:var(--muted)}.shop-foot h4{color:var(--ink);margin-bottom:8px;font-size:14px}@media (max-width:760px){.shop-nav .label,.shop-search{display:none}.shop-foot-inner{grid-template-columns:1fr}}.user-menu{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);min-width:240px;padding:6px;z-index:30}.menu a,.menu button{display:flex;width:100%;text-align:left;font:inherit;font-size:14px;padding:9px 10px;border-radius:6px;background:none;border:0;cursor:pointer;color:var(--ink);gap:8px}.menu a:hover,.menu button:hover{background:var(--ground)}.menu .menu-head{padding:10px;border-bottom:1px solid var(--line-soft);margin-bottom:4px}.hero{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:28px;gap:28px;align-items:center;padding:8px 0 36px}.hero h1{font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-.03em;max-width:14ch}.hero p.lead{font-size:17px;color:var(--muted);margin-top:14px;max-width:46ch}.hero-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}.hero-card .big{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}@media (max-width:900px){.hero{grid-template-columns:1fr}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 14px}.cat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-gap:10px;gap:10px}.cat-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-weight:600;font-size:14px}.cat-tile:hover{border-color:var(--road)}.cat-tile .art{width:44px;height:44px;color:var(--road)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);display:flex;flex-direction:column;overflow:hidden}.product-card:hover{border-color:#a8bad0}.product-card .art-box{background:linear-gradient(180deg,#f3f6fa,#e9eef4);aspect-ratio:4/3;display:grid;place-items:center;color:var(--road);position:relative}.product-card .art-box svg{width:46%;height:46%}.product-card .sale{position:absolute;top:10px;left:10px;background:var(--stop);color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:4px}.product-card .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1 1}.product-card .name{font-weight:600;font-size:14px;line-height:1.4;min-height:40px}.product-card .meta{font-size:12px;color:var(--muted)}.product-card .foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:6px;flex-wrap:wrap}.shop-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:860px){.shop-layout{grid-template-columns:1fr}}.filter-box{position:-webkit-sticky;position:sticky;top:16px}.two-col{display:grid;grid-template-columns:1fr 380px;grid-gap:24px;gap:24px;align-items:start}@media (max-width:960px){.two-col{grid-template-columns:1fr}}.account-layout{display:grid;grid-template-columns:230px 1fr;grid-gap:24px;gap:24px;align-items:start}.account-nav a{display:flex;justify-content:space-between;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px;color:var(--muted)}.account-nav a:hover{background:var(--paper);color:var(--ink)}.account-nav a.on{background:var(--paper);color:var(--road);box-shadow:inset 3px 0 0 var(--road)}@media (max-width:860px){.account-layout{grid-template-columns:1fr}.account-nav{display:flex;overflow-x:auto}}.steps-bar{display:flex;gap:8px;font-size:13px;font-weight:600;color:var(--faint);margin-bottom:18px;flex-wrap:wrap}.steps-bar span.on{color:var(--road)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--road);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-side h2{font-size:30px;line-height:1.15;max-width:16ch}.auth-side p{color:#c6d7ee;max-width:42ch}.auth-main{display:grid;place-items:center;padding:32px 20px}.auth-box{width:min(440px,100%)}.demo-accounts{display:grid;grid-gap:8px;gap:8px}.demo-accounts button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px 12px;font:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer}.demo-accounts button:hover{border-color:var(--road);background:var(--road-soft)}@media (max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-side{padding:28px 20px}}.admin{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--road-deep);color:#c3d3e8;padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .logo{color:#fff;padding:4px 8px 18px}.sidebar .group{font-size:12px;font-weight:600;color:#7f98b8;padding:14px 10px 6px}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;font-size:14px;font-weight:500}.sidebar a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar a.on{background:rgba(255,255,255,.12);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--signal)}.sidebar a .count{margin-left:auto;background:var(--signal);color:var(--ink);font-size:11px;font-weight:800;padding:1px 7px;border-radius:99px}.sidebar .me{margin-top:auto;padding:12px 10px 4px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;align-items:center}.sidebar .me .avatar{background:rgba(255,255,255,.12);color:#fff}.admin-main{min-width:0}.admin-top{height:60px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.admin-content{padding:24px;max-width:1360px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head p{color:var(--muted);margin-top:4px;font-size:14px}.menu-toggle{display:none}@media (max-width:980px){.admin{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;top:0;width:260px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.3)}.menu-toggle{display:inline-flex}.admin-content{padding:16px}}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:2fr 1fr;grid-gap:16px}@media (max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}}.dispatch{display:grid;grid-template-columns:360px 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1150px){.dispatch{grid-template-columns:1fr}}.route-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);overflow:hidden}.route-card .rc-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.route-card .swatch{width:12px;height:12px;border-radius:3px;flex:none}.stop-list{list-style:none;margin:0;padding:0}.stop-list li{display:grid;grid-template-columns:30px 1fr auto;grid-gap:10px;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line-soft);font-size:13px;align-items:start}.stop-list li:last-child{border-bottom:0}.seq{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--road)}.seq.done{background:#9fb0c3}.seq.here{background:var(--signal);color:var(--ink)}.map-box{background:#f4f7fa;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;position:relative}.map-legend{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.matrix th.role{min-width:110px}.matrix td.cell,.matrix th.role{text-align:center}.matrix .grp td{background:#f7f9fb;font-weight:700;font-size:13px;color:var(--muted)}.matrix input{width:18px;height:18px;accent-color:var(--road);cursor:pointer}.matrix input:disabled{cursor:not-allowed}.bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:10px}.bars .bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;height:100%;justify-content:flex-end}.bars .bar{width:100%;max-width:30px;border-radius:4px 4px 0 0;background:var(--road);position:relative}.bars .bar.today{background:var(--signal)}.bars .bar-label{font-size:11px;color:var(--faint);white-space:nowrap}.bars .bar-val{font-size:11px;color:var(--muted);font-weight:600}.driver{min-height:100vh;background:var(--ground)}.driver-top{background:var(--road-deep);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.driver-main{max-width:560px;margin:0 auto;padding:16px 14px 90px}.driver-tabs{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-top:1px solid var(--line);display:flex;z-index:10}.driver-tabs a{flex:1 1;text-align:center;padding:12px 6px 14px;font-size:13px;font-weight:600;color:var(--muted)}.driver-tabs a.on{color:var(--road);box-shadow:inset 0 3px 0 var(--road)}.next-stop{background:var(--paper);border-radius:var(--r-lg);border:2px solid var(--signal);overflow:hidden}.next-stop .ns-head{background:var(--signal);color:var(--ink);padding:10px 16px;font-weight:700;display:flex;justify-content:space-between}.next-stop .ns-body{padding:16px;display:flex;flex-direction:column;gap:12px}.next-stop .addr{font-size:18px;font-weight:700;line-height:1.35}.big-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.big-actions .btn{padding:16px;font-size:16px}.d-stop{display:grid;grid-template-columns:34px 1fr;grid-gap:12px;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.d-stop .seq{width:30px;height:30px;font-size:13px}.progress{height:8px;border-radius:99px;background:var(--line-soft);overflow:hidden}.progress>span{display:block;height:100%;background:var(--go)}.detail-art{width:55%;height:55%}.thumb-art{width:44px;height:44px}@media (min-width:981px){.admin{background:linear-gradient(to right,var(--road-deep) 248px,var(--ground) 248px)}}.shop-nav a,.shop-nav button{white-space:nowrap}@media (max-width:760px){.shop-top-inner{gap:10px;padding:0 12px}.logo{font-size:16px;gap:8px}.shop-nav{gap:0}.shop-nav a,.shop-nav button{font-size:13px;padding:6px 7px}.admin-top .hide-sm{display:none}.admin-top{padding:0 12px;gap:8px}}.location-map{height:360px}.map-box .leaflet-container{z-index:0}.map-legend{z-index:400;max-width:calc(100% - 20px);pointer-events:none}.location-pin{background:transparent;border:0}.location-pin span{display:block;width:26px;height:26px;background:#e5443a;border:3px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 5px #0006}.route-map-icon{background:transparent;border:0}.route-map-icon span{display:grid;place-items:center;width:30px;height:30px;border:2px solid white;border-radius:50%;color:white;font-weight:700;box-shadow:0 1px 4px #0006}.route-map-icon .depot{border-radius:5px;color:#f2b100}.map-results{max-height:150px;overflow:auto;border:1px solid var(--line);border-radius:6px}.map-results button{display:block;width:100%;text-align:left;padding:9px;border:0;border-bottom:1px solid var(--line);background:white;cursor:pointer}@media (max-width:600px){.map-search{flex-wrap:wrap}.map-search input{min-width:100%}.location-map{height:300px}}.overlay:has(.location-map){z-index:60}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers.ef6db872.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/_next/static/media/layers-2x.9859cd12.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/_next/static/media/marker-icon.d577052a.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}