@font-face{font-family:Prompt;font-weight:800;font-display:swap;src:url(../fonts/prompt-thai-800-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-weight:800;font-display:swap;src:url(../fonts/prompt-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212}@font-face{font-family:Prompt;font-weight:600;font-display:swap;src:url(../fonts/prompt-thai-600-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-weight:600;font-display:swap;src:url(../fonts/prompt-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212}@font-face{font-family:Anuphan;font-weight:400;font-display:swap;src:url(../fonts/anuphan-thai-400-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-weight:400;font-display:swap;src:url(../fonts/anuphan-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212}@font-face{font-family:Anuphan;font-weight:600;font-display:swap;src:url(../fonts/anuphan-thai-600-normal.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-weight:600;font-display:swap;src:url(../fonts/anuphan-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212}:root{--ink-0: #070b14;--ink-1: #0d1424;--ink-2: #131d33;--ink-3: #1b2844;--line: rgba(160, 190, 255, .12);--line-strong: rgba(160, 190, 255, .26);--text: #eef3ff;--text-2: #b9c4dc;--text-3: #8f9cbb;--signal: #ffd60a;--signal-2: #ffb800;--signal-ink: #191300;--go: #2ee59d;--go-ink: #04170f;--warn: #ff7a1f;--danger: #ff4d5e;--info: #38d6ff;--map-ground: #0a1120;--map-grid: rgba(120, 160, 255, .05);--map-block: #111a2e;--map-block-hi: #17223b;--map-road: #24345a;--map-casing: #060a14;--map-avenue: #33497a;--map-water: #0d2a4c;--map-water-hi: #1a4a7e;--map-park: #0f2a22;--map-civic: #1d1b3a;--map-label: #9fb0d4;--map-shadow: rgba(0, 0, 0, .55);--font-display: "Prompt", "Anuphan", system-ui, sans-serif;--font-body: "Anuphan", "Prompt", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.1875rem;--text-xl: clamp(1.35rem, 1.05rem + 1vw, 1.8rem);--text-hero: clamp(2rem, 1.1rem + 3.4vw, 4rem);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 26px;--radius-pill: 999px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 24px 60px -30px rgba(0, 0, 0, .9);--shadow-pop: 0 18px 40px -16px rgba(0, 0, 0, .8), 0 0 0 1px var(--line-strong);--glow-signal: 0 0 0 1px rgba(255, 214, 10, .5), 0 10px 30px -10px rgba(255, 214, 10, .55);--duration-fast: .16s;--duration-normal: .32s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--hazard: repeating-linear-gradient(-45deg, var(--signal) 0 8px, #111 8px 16px)}.theme-paper{--ink-0: #efe9db;--ink-1: #f8f5ec;--ink-2: #fffdf7;--ink-3: #ece5d3;--line: rgba(20, 26, 40, .1);--line-strong: rgba(20, 26, 40, .2);--text: #121826;--text-2: #3a4357;--text-3: #5b6476;--go: #0e8f5a;--go-ink: #ffffff;--warn: #c2410c;--danger: #c8102e;--info: #0b6fa4;--map-ground: #e7e0cf;--map-grid: rgba(20, 26, 40, .04);--map-block: #f4efe2;--map-block-hi: #fbf8ef;--map-road: #ffffff;--map-casing: #cfc5ad;--map-avenue: #fff3c4;--map-water: #b7d3ea;--map-water-hi: #d4e6f4;--map-park: #cfe5c6;--map-civic: #e6def4;--map-label: #4d5568;--map-shadow: rgba(60, 50, 20, .25);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 20px 40px -26px rgba(60, 50, 20, .45);--shadow-pop: 0 14px 30px -14px rgba(60, 50, 20, .4), 0 0 0 1px var(--line-strong);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--ink-0)}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.12;margin:0;letter-spacing:-.01em}p{margin:0}small{font-size:var(--text-xs)}[hidden]{display:none!important}a{color:inherit}.num{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 14px;border-radius:var(--radius-sm);background:var(--signal);color:var(--signal-ink);font-weight:600;text-decoration:none}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--ink-2);color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.btn:hover{border-color:var(--text-3);background:var(--ink-3)}.btn:active{transform:translateY(1px) scale(.98)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-signal{background:var(--signal);color:var(--signal-ink);border-color:transparent;box-shadow:var(--glow-signal)}.btn-signal:hover{background:#ffe14a;border-color:transparent}.btn-go{background:var(--go);color:var(--go-ink);border-color:transparent}.btn-go:hover{background:var(--go);filter:brightness(1.08);border-color:transparent}.btn-warn{background:transparent;color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.btn-warn:hover{background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:var(--warn)}.btn-ghost{background:transparent}.btn-sm{min-height:36px;padding:6px 12px;font-size:var(--text-xs)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);font-size:var(--text-xs);font-weight:600;line-height:1.6;white-space:nowrap;color:var(--text-2)}.chip-cod{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 45%,transparent)}.theme-paper .chip-cod{color:#7a5b00;background:#fff4bf;border-color:#f0d36b}.chip-late{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.chip-ok{color:var(--go);border-color:color-mix(in srgb,var(--go) 45%,transparent)}.chip-size{font-family:var(--font-display);color:var(--text)}.dot{width:10px;height:10px;border-radius:50%;background:var(--c, var(--signal));flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--c, var(--signal)) 25%,transparent)}.stepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;counter-reset:step}.stepper li{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;font-size:var(--text-xs);line-height:1.3;color:var(--text-3)}.stepper li:before{content:"";position:absolute;top:13px;left:calc(-50% + 16px);right:calc(50% + 16px);height:3px;border-radius:3px;background:var(--line-strong)}.stepper li:first-child:before{display:none}.stepper .s-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-strong);background:var(--ink-1);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);color:var(--text-3)}.stepper .is-done{color:var(--text-2)}.stepper .is-done:before{background:var(--go)}.stepper .is-done .s-dot{border-color:var(--go);background:var(--go);color:var(--go-ink)}.stepper .is-current{color:var(--text);font-weight:600}.stepper .is-current:before{background:linear-gradient(90deg,var(--go),var(--signal))}.stepper .is-current .s-dot{border-color:var(--signal);background:var(--signal);color:var(--signal-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--signal) 28%,transparent)}.stepper .is-current.is-late .s-dot{border-color:var(--warn);background:var(--warn);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--warn) 28%,transparent)}.stepper small{display:block;font-size:var(--text-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.stepper.is-vertical{grid-template-columns:1fr;gap:0}.stepper.is-vertical li{grid-template-columns:28px 1fr auto;justify-items:start;align-items:center;text-align:left;gap:12px;padding:7px 0}.stepper.is-vertical li:before{top:calc(-50% + 14px);bottom:calc(50% + 14px);left:13px;right:auto;width:3px;height:auto}.stepper.is-vertical small{justify-self:end}.toast{position:fixed;left:50%;bottom:22px;z-index:80;max-width:min(92vw,520px);padding:12px 18px;border-radius:var(--radius-md);background:#10192c;color:#eef3ff;box-shadow:var(--shadow-pop);font-weight:600;font-size:var(--text-sm);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:opacity var(--duration-normal),transform var(--duration-normal) var(--ease-out-expo)}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#3a0d14;box-shadow:0 0 0 1px var(--danger),var(--shadow-pop)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:90;padding:8px 16px;background:var(--warn);color:#1a0a00;font-weight:600;text-align:center;font-size:var(--text-sm);transform:translateY(-100%);transition:transform var(--duration-normal)}.offline-banner.show{transform:translateY(0)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{position:relative;width:44px;height:44px;border-radius:12px;background:var(--signal);display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:var(--glow-signal)}.brand-mark:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:var(--hazard);opacity:.9}.brand-mark svg{width:24px;height:24px;margin-top:-6px}.brand strong{display:block;font-family:var(--font-display);font-weight:800;font-size:1.35rem;line-height:1;letter-spacing:-.01em}.brand small{display:block;margin-top:3px;font-size:var(--text-xs);color:var(--text-3);letter-spacing:.04em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.cmap{position:relative;width:100%;aspect-ratio:1000 / 640;border-radius:var(--radius-md);overflow:hidden;background:var(--map-ground);isolation:isolate;contain:layout paint}.cmap-svg{position:absolute;inset:0;width:100%;height:100%}.cmap-layer{position:absolute;inset:0;pointer-events:none}.cmap-layer>*{position:absolute;left:0;top:0;pointer-events:auto}.cmap-layer>.cm-veh{will-change:translate}.cmap .m-block{fill:var(--map-block)}.cmap .m-bldg{fill:var(--map-block-hi)}.cmap .m-park{fill:var(--map-park)}.cmap .m-civic{fill:var(--map-civic)}.cmap .m-water{fill:none;stroke:var(--map-water);stroke-width:58;stroke-linecap:round}.cmap .m-water-hi{fill:none;stroke:var(--map-water-hi);stroke-width:2;stroke-dasharray:10 16;opacity:.7}.cmap .m-casing{stroke:var(--map-casing);stroke-width:13;stroke-linecap:round}.cmap .m-casing.is-avenue{stroke-width:19}.cmap .m-road{stroke:var(--map-road);stroke-width:8;stroke-linecap:round}.cmap .m-road.is-avenue{stroke:var(--map-avenue);stroke-width:13}.cmap .m-road.is-bridge{stroke:var(--map-avenue);stroke-width:10}.cmap .m-rail{fill:none;stroke:var(--map-label);stroke-width:2;stroke-dasharray:2 6;opacity:.55}.cmap .m-route{fill:none;stroke:var(--c);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.38;stroke-dasharray:2 9}.cmap .m-route.is-current{opacity:.95;stroke-width:6;stroke-dasharray:none;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c) 70%,transparent))}.cmap .m-route.is-late{stroke:var(--warn)}.cmap.has-focus .m-route:not(.is-focus){opacity:.08;filter:none}.cmap .m-jam{stroke:var(--danger);stroke-width:14;stroke-linecap:round;animation:jamPulse 1.1s ease-in-out infinite}.cmap .m-jam-casing{stroke:#000;stroke-width:20;stroke-linecap:round;opacity:.35}@keyframes jamPulse{50%{opacity:.45}}.cm-label{pointer-events:none!important;font-size:var(--text-xs);line-height:1.2;font-weight:600;color:var(--map-label);white-space:nowrap;text-shadow:0 1px 3px var(--map-shadow)}.cm-label.is-water{color:color-mix(in srgb,var(--info) 80%,var(--map-label));font-style:italic;letter-spacing:.08em}.cm-merchant{pointer-events:none!important;display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-2);white-space:nowrap;text-shadow:0 1px 3px var(--map-shadow)}.cm-merchant i{width:10px;height:10px;border-radius:3px;background:var(--ink-1);border:2px solid var(--text-2);flex:none}.cm-hub{pointer-events:none!important;display:flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;border-radius:var(--radius-pill);background:var(--signal);color:var(--signal-ink);font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);white-space:nowrap;box-shadow:0 6px 16px -6px #0009}.cm-hub b{width:18px;height:18px;border-radius:50%;background:var(--signal-ink);display:grid;place-items:center;color:var(--signal);font-size:var(--text-xs);line-height:1}.cmap.is-compact .cm-label:not(.is-key),.cmap.is-compact .cm-merchant span{display:none}.cm-stop{width:24px;height:24px;margin:0;padding:0;display:grid;place-items:center;border-radius:50%;border:2px solid var(--c);background:var(--ink-1);color:var(--text);font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);line-height:1;box-shadow:0 4px 10px -3px #000000b3;transition:opacity var(--duration-fast)}.cm-stop.is-pickup{border-radius:6px;background:var(--c);color:#0a0f1a}.cm-stop.is-late{border-color:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 35%,transparent)}.cm-stop.is-late:after{content:"";position:absolute;inset:-7px;border-radius:inherit;border:2px solid var(--warn);animation:ring 1.4s ease-out infinite}.cm-stop:hover,.cm-stop.is-selected{outline:3px solid var(--signal);outline-offset:2px;z-index:5}.cmap.has-focus .cm-stop:not(.is-focus){opacity:.2}.cm-done{pointer-events:none!important;width:14px;height:14px;border-radius:50%;background:var(--go);display:grid;place-items:center;box-shadow:0 0 0 3px color-mix(in srgb,var(--go) 25%,transparent);opacity:.85}.cm-done svg{width:9px;height:9px}.cm-target{pointer-events:none!important;width:34px;height:42px}.cm-target svg{width:34px;height:42px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.cm-veh{width:34px;height:34px;margin:0;padding:0;border:0;background:none;z-index:4}.cm-veh .v-body{position:absolute;inset:0;border-radius:50%;background:var(--c);display:grid;place-items:center;box-shadow:0 0 0 3px var(--ink-0),0 8px 18px -6px #000c}.cm-veh .v-body svg{width:20px;height:20px;color:#0a0f1a}.cm-veh .v-dir{position:absolute;inset:-9px;transition:transform .24s linear}.cm-veh .v-dir:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;margin-left:-6px;border:6px solid transparent;border-bottom:9px solid var(--c);border-top:0}.cm-veh .v-name{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);padding:1px 8px;border-radius:var(--radius-pill);background:var(--ink-1);border:1px solid var(--c);color:var(--text);font-size:var(--text-xs);font-weight:600;line-height:1.5;white-space:nowrap}.cm-veh.is-delayed .v-body{box-shadow:0 0 0 3px var(--warn),0 8px 18px -6px #000c}.cm-veh.is-delayed:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--warn);animation:ring 1.2s ease-out infinite}.cm-veh.is-selected .v-body{box-shadow:0 0 0 3px var(--signal),0 0 0 7px color-mix(in srgb,var(--signal) 30%,transparent)}.cmap.has-focus .cm-veh:not(.is-focus){opacity:.25}.cmap.is-compact .cm-veh .v-name{display:none}@keyframes ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.cm-jam-tag{pointer-events:none!important;display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);white-space:nowrap;box-shadow:0 6px 16px -6px #000000b3;animation:tagPop .42s var(--ease-spring) both}@keyframes tagPop{0%{transform:scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.cm-veh .v-dir{transition:none}.cmap .m-jam,.cm-stop.is-late:after,.cm-veh.is-delayed:after{animation:none}}.dv{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;padding:14px;color:var(--text);background:radial-gradient(120% 60% at 50% -10%,#17223d 0%,transparent 60%),var(--ink-0);min-height:100%}.dv-head{display:grid;gap:10px}.dv-who{display:flex;align-items:center;gap:10px}.dv-who strong{display:block;font-family:var(--font-display);font-size:1.15rem;line-height:1.1}.dv-who small{display:block;color:var(--text-3);font-size:var(--text-xs)}.dv-who>div{flex:1;min-width:0}.dv-avatar{width:42px;height:42px;border-radius:12px;background:var(--c);display:grid;place-items:center;color:#0a0f1a;flex:none}.dv-avatar svg{width:24px;height:24px}.dv-state{padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;background:var(--ink-3);color:var(--text-2);white-space:nowrap}.dv-state.is-driving{background:color-mix(in srgb,var(--info) 18%,transparent);color:var(--info)}.dv-state.is-service,.dv-state.is-waiting{background:color-mix(in srgb,var(--signal) 18%,transparent);color:var(--signal)}.dv-state.is-late{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.dv-load{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;font-size:var(--text-xs);color:var(--text-3)}.dv-load b{color:var(--text)}.dv-load i{height:8px;border-radius:8px;background:var(--ink-3);overflow:hidden}.dv-load em{display:block;height:100%;background:linear-gradient(90deg,var(--go),var(--signal));transform-origin:0 50%;transition:transform var(--duration-normal) var(--ease-out-expo)}.dv-card{position:relative;padding:16px;border-radius:var(--radius-md);background:var(--ink-2);border:1px solid var(--line-strong);box-shadow:var(--shadow-panel);overflow:hidden}.dv-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--hazard)}.dv-card.is-drop:before{background:linear-gradient(90deg,var(--go),var(--info))}.dv-card.is-late{border-color:var(--warn)}.dv-card.is-late:before{background:var(--warn)}.dv-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dv-tag{padding:2px 10px;border-radius:var(--radius-xs);background:var(--signal);color:var(--signal-ink);font-family:var(--font-display);font-weight:800;font-size:var(--text-xs)}.dv-card.is-drop .dv-tag{background:var(--go);color:var(--go-ink)}.dv-id{color:var(--text-3);font-size:var(--text-xs)}.dv-place{margin-top:10px;font-size:1.45rem}.dv-who2{margin-top:2px;color:var(--text-2);font-size:var(--text-sm)}.dv-facts{display:grid;grid-template-columns:1.15fr 1.1fr .8fr;gap:8px;margin:14px 0 0}.dv-facts div{padding:8px 10px;border-radius:var(--radius-sm);background:var(--ink-1)}.dv-facts dt{font-size:var(--text-xs);color:var(--text-3)}.dv-facts dd{margin:2px 0 0;font-size:var(--text-sm);font-weight:600;line-height:1.25}.dv-facts dd small{display:block;font-size:var(--text-xs);font-weight:400;color:var(--signal)}.dv-note{margin-top:10px;font-size:var(--text-sm);color:var(--text-2)}.dv-warn{margin-top:10px;padding:8px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);font-weight:600;font-size:var(--text-sm)}.dv-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:14px}.dv-act{min-height:52px;font-size:var(--text-base)}.dv-navbtn{min-height:52px}.dv-empty{padding:26px 18px;border-radius:var(--radius-md);border:1px dashed var(--line-strong);text-align:center}.dv-empty strong{font-family:var(--font-display);font-size:1.2rem}.dv-empty p{margin-top:6px;color:var(--text-3);font-size:var(--text-sm)}.dv-nav{display:grid;gap:8px}.dv-navtext{font-size:var(--text-sm);color:var(--text-2)}.dv-route h3{font-size:var(--text-sm);color:var(--text-3);font-weight:600;letter-spacing:.02em;margin-bottom:6px}.dv-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dv-list li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.dv-list li small{color:var(--text-3);font-size:var(--text-xs)}.dv-list time{color:var(--text-2);font-size:var(--text-xs)}.dv-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--c, var(--line-strong));font-size:var(--text-xs);font-family:var(--font-display);font-weight:800}.dv-list .is-pickup .dv-n{border-radius:6px;background:var(--c);color:#0a0f1a}.dv-list .is-now{background:color-mix(in srgb,var(--signal) 8%,transparent);border-radius:var(--radius-sm)}.dv-list .is-late time{color:var(--warn);font-weight:600}.dv-list .is-done{color:var(--text-3)}.dv-list .is-done .dv-n{border-color:var(--go);background:var(--go);color:var(--go-ink)}.dv-more{grid-template-columns:1fr!important;color:var(--text-3);font-size:var(--text-xs)!important}.dv-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}.dv-foot>div{padding:8px 10px;border-radius:var(--radius-sm);background:var(--ink-2)}.dv-foot span{display:block;font-size:var(--text-xs);color:var(--text-3)}.dv-foot b{font-size:var(--text-sm)}.dv-manual,.dv-auto{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-2)}.dv-manual input{width:20px;height:20px;accent-color:var(--signal)}.dv-auto{font-size:var(--text-xs);color:var(--text-3)}.tv{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;padding:14px;background:var(--ink-0);color:var(--text);min-height:100%}.tv-head{display:flex;align-items:center;gap:10px}.tv-head .brand-mark{width:36px;height:36px;border-radius:10px;box-shadow:none}.tv-head .brand-mark svg{width:20px;height:20px}.tv-head strong{display:block;font-family:var(--font-display);font-weight:800;line-height:1}.tv-head small{font-size:var(--text-xs);color:var(--text-3)}.tv-id{margin-left:auto;padding:3px 10px;border-radius:var(--radius-pill);background:var(--ink-2);border:1px solid var(--line-strong);font-size:var(--text-xs)}.tv-hero-card{position:relative;padding:16px;border-radius:var(--radius-md);background:#121826;color:#f6f3ea;overflow:hidden}.tv-hero-card:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,10,.4),transparent 70%)}.tv-hero-card.is-done{background:#0e5c3c}.tv-hero-card.is-late{background:#5a1f05}.tv-hero-card.is-missing{background:var(--ink-2);color:var(--text);border:1px dashed var(--line-strong)}.tv-status{font-family:var(--font-display);font-weight:800;font-size:1.35rem;line-height:1.15}.tv-eta-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:8px}.tv-eta-label{font-size:var(--text-xs);opacity:.8}.tv-eta{font-family:var(--font-display);font-weight:800;font-size:2.6rem;line-height:1;color:var(--signal);letter-spacing:-.02em}.tv-hero-card.is-done .tv-eta{color:#8ff5c6}.tv-eta.is-window{font-size:1.7rem}.tv-eta-sub{font-weight:600;font-size:var(--text-sm)}.tv-sub{margin-top:8px;font-size:var(--text-sm);opacity:.9}.tv-window{margin-top:4px;font-size:var(--text-xs);opacity:.75}.tv .stepper li:not(.is-done):not(.is-current) .s-dot{background:var(--ink-2)}.tv .stepper .is-current .s-dot{color:#191300}.tv-map .cmap{border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.tv-ahead{font-size:var(--text-sm);color:var(--text-2)}.tv-ahead:empty{display:none}.tv-driver-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--ink-2);box-shadow:var(--shadow-panel)}.tv-driver-card>div{flex:1;min-width:0}.tv-driver-card strong{display:block;font-family:var(--font-display)}.tv-driver-card small{font-size:var(--text-xs);color:var(--text-3)}.tv-ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--c, var(--ink-3));color:#0a0f1a;flex:none}.tv-ava svg{width:22px;height:22px}.tv-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.tv-facts div{padding:8px 10px;border-radius:var(--radius-sm);background:var(--ink-2)}.tv-facts dt{font-size:var(--text-xs);color:var(--text-3)}.tv-facts dd{margin:2px 0 0;font-size:var(--text-sm);font-weight:600;line-height:1.3}.tv-pod{margin-top:8px;font-size:var(--text-xs);color:var(--text-3)}.tv-chat{border-radius:var(--radius-md);background:#8fa6c8;overflow:hidden;box-shadow:var(--shadow-panel)}.tv-chat>header{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#263a5a;color:#fff}.tv-chat>header strong{display:block;font-size:var(--text-sm);line-height:1.2}.tv-chat>header small{font-size:var(--text-xs);opacity:.85}.tv-chat-ava{width:30px;height:30px;border-radius:50%;background:var(--signal);display:grid;place-items:center;flex:none}.tv-chat-ava svg{width:17px;height:17px}.tv-bubbles{list-style:none;margin:0;padding:12px;display:grid;gap:8px;max-height:260px;overflow-y:auto}.tv-bubble{display:flex;align-items:flex-end;gap:6px;max-width:92%}.tv-bubble p{padding:8px 12px;border-radius:4px 16px 16px;background:#fff;color:#121826;font-size:var(--text-sm);line-height:1.35;box-shadow:0 1px 1px #0000001a}.tv-bubble time{font-size:var(--text-xs);color:#1d2a40;flex:none}.tv-bubble.is-delay p{background:#ffe7d6}.tv-bubble.is-done p{background:#d8f7e7}.tv-bubble.is-new{animation:bubbleIn .42s var(--ease-spring) both}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.96)}}.eod-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.4fr);gap:16px}.eod-card{padding:18px;border-radius:var(--radius-md);background:var(--ink-1);border:1px solid var(--line);box-shadow:var(--shadow-panel)}.eod-card h3{font-size:var(--text-lg);margin-bottom:10px}.eod-muted{color:var(--text-3);font-size:var(--text-xs);font-family:var(--font-body);font-weight:400}.eod-ontime{display:flex;align-items:center;gap:16px}.eod-ontime h3{margin-bottom:4px}.eod-ontime p{font-size:var(--text-sm);color:var(--text-2)}.eod-ring{position:relative;width:104px;height:104px;border-radius:50%;flex:none;display:grid;place-items:center}.eod-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--ink-1)}.eod-ring span{position:relative;font-size:1.6rem;font-weight:800}.eod-bars{display:grid;gap:10px}.eod-bar{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-size:var(--text-xs);color:var(--text-3)}.eod-bar i{grid-column:1 / -1;grid-row:2;height:14px;border-radius:4px;background:var(--text-3);transform-origin:0 50%;transition:transform .7s var(--ease-out-expo)}.eod-bar.is-actual i{background:linear-gradient(90deg,var(--go),var(--signal))}.eod-bar b{color:var(--text);font-size:var(--text-sm)}.eod-save{margin-top:12px;font-size:var(--text-sm);color:var(--text-2)}.eod-save b{color:var(--go);font-size:var(--text-lg)}.eod-cod table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.eod-cod th,.eod-cod td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.eod-cod thead th{font-size:var(--text-xs);color:var(--text-3);font-weight:600}.eod-cod tbody th{font-weight:600}.eod-cod tbody th .dot{display:inline-block;margin-right:8px;vertical-align:middle}.eod-cod tbody th small{display:block;margin-left:18px;color:var(--warn);font-size:var(--text-xs);font-weight:400}.eod-cod tfoot th,.eod-cod tfoot td{border-bottom:0;font-weight:800}@media (max-width: 1100px){.eod-grid{grid-template-columns:1fr 1fr}.eod-cod{grid-column:1 / -1}}@media (max-width: 640px){.eod-grid{grid-template-columns:1fr}.eod-cod th,.eod-cod td{padding:6px 3px}}.p-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#070b14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.p-back{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);text-decoration:none;font-size:1.1rem;flex:none}.p-title strong{display:block;font-family:var(--font-display);font-weight:800;line-height:1.1}.p-title small{font-size:var(--text-xs);color:var(--text-3)}.p-title b{color:var(--signal)}.drv-switch{margin-left:auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.drv-chip{flex:none;min-height:36px;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--ink-2);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.drv-chip.is-on{background:var(--c);color:#0a0f1a;border-color:transparent}.drv-main{max-width:520px;margin:0 auto}.drv-main.dv{min-height:calc(100vh - 61px);padding-bottom:32px}body.has-sheet{overflow:hidden}.sheet{position:fixed;inset:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;justify-items:center;background:#03060cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet[hidden]{display:none}.sheet-panel{width:min(560px,100%);max-height:92vh;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 16px 22px;border-radius:24px 24px 0 0;background:var(--ink-1);border:1px solid var(--line-strong);animation:sheetUp .36s var(--ease-out-expo)}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}.sheet-panel>header{display:flex;align-items:center;justify-content:space-between}.sheet-panel h2{font-size:1.35rem}.sheet-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;font-size:1.2rem}.sheet-sub{color:var(--text-2);font-size:var(--text-sm);margin-top:-8px}.pod-block{display:grid;gap:8px}.pod-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pod-head h3{font-size:var(--text-base)}.sigpad{width:100%;max-width:100%;min-width:0;aspect-ratio:640 / 260;border-radius:var(--radius-md);background:#fffdf7 repeating-linear-gradient(0deg,transparent 0 63px,#e7dfcb 63px 64px);touch-action:none;cursor:crosshair;border:2px dashed #cbbf9f}.pod-hint{font-size:var(--text-xs);color:var(--text-3)}.pod-photo{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:var(--radius-md);border:2px dashed var(--line-strong);background:var(--ink-2);text-align:left;font-size:var(--text-sm)}.pod-photo[aria-pressed=true]{border-style:solid;border-color:var(--go);background:color-mix(in srgb,var(--go) 12%,var(--ink-2))}.pod-cam{width:44px;height:36px;border-radius:8px;background:var(--ink-3);position:relative;flex:none}.pod-cam:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:3px solid var(--text-2)}.pod-photo[aria-pressed=true] .pod-cam{background:linear-gradient(135deg,#8bd3a7,#3d7a5a)}.pod-cod{display:flex;align-items:center;gap:10px}.pod-cod span{font-size:var(--text-sm);color:var(--text-3)}.pod-cod input{flex:1;min-width:0;width:100%;min-height:52px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--ink-0);font-family:var(--font-display);font-weight:800;font-size:1.4rem}.pod-cod input:focus{border-color:var(--signal);outline:none;box-shadow:0 0 0 3px #ffd60a40}.pod-submit{min-height:56px;font-size:var(--text-base)}.f-error{color:var(--danger);font-size:var(--text-sm);font-weight:600}.f-error:empty{display:none}.trk{background:radial-gradient(80% 50% at 50% -10%,#fff8d9,transparent 60%),var(--ink-0)}.trk-main{display:grid;grid-template-columns:minmax(0,480px) minmax(0,340px);justify-content:center;gap:28px;padding:24px 16px 48px;align-items:start}.trk-main .tv{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);background:var(--ink-1);padding:16px}.trk-side{position:sticky;top:24px;display:grid;gap:12px;padding:20px;border-radius:var(--radius-lg);background:var(--ink-2);box-shadow:var(--shadow-panel)}.trk-side h2{font-size:var(--text-lg)}.trk-side p{font-size:var(--text-sm);color:var(--text-2)}.trk-pick{display:grid;gap:4px;font-size:var(--text-xs);color:var(--text-3)}.trk-pick select{min-height:42px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--ink-1);color:var(--text);font-size:var(--text-sm)}.trk-links{display:flex;flex-wrap:wrap;gap:8px 16px}.trk-links a{font-weight:600}@media (max-width: 860px){.trk-main{grid-template-columns:1fr;padding:0 0 32px;gap:16px}.trk-main .tv{border-radius:0;box-shadow:none}.trk-side{position:static;margin:0 16px}}:root{--try-bar-h: 44px;--try-ink: #f5f3ee;--try-bg: #121315;--try-line: #06c755;--try-line-ink: #04170c;--try-focus: #ffd34d}.try-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;height:var(--try-bar-h);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--try-bg);color:var(--try-ink);font-size:14px;line-height:1;letter-spacing:0;border-bottom:1px solid rgba(255,255,255,.08)}.try-bar a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.try-bar a:focus-visible{outline:3px solid var(--try-focus);outline-offset:2px}.try-back{margin-left:-8px;color:#f5f3eedb!important}.try-back:hover{background:#ffffff14;color:var(--try-ink)!important}.try-line{background:var(--try-line);color:var(--try-line-ink)!important}.try-line:hover{background:#2bd774}.try-line:active,.try-back:active{transform:scale(.97)}@media (max-width: 380px){.try-bar{font-size:13px;gap:6px}.try-bar a{padding:0 10px}}@media (display-mode: standalone){.try-bar{display:none}:root{--try-bar-h: 0px}}@media print{.try-bar{display:none}}.try-dialog{width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:24px 24px 20px;border:0;border-radius:20px;background:#fffdf8;color:#17181a;box-shadow:0 30px 80px #00000059,0 2px #0000000a;font-size:15px;line-height:1.5;text-align:center}.try-dialog::backdrop{background:#0a0b0d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.try-dialog h2{margin:0 0 4px;font-size:19px;line-height:1.3}.try-dialog-sub{margin:0 0 14px;color:#55585e;font-size:14px}.try-dialog-close{position:absolute;top:8px;right:8px;margin:0}.try-dialog-close button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#55585e;font-size:18px;cursor:pointer}.try-dialog-close button:hover{background:#f0ece3;color:#17181a}.try-qr{display:grid;place-items:center;width:208px;height:208px;margin:0 auto;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #ebe6da}.try-qr svg{display:block;width:208px;height:208px}.try-msg{margin:14px 0 12px;padding:10px 12px;border-radius:12px;background:#f3efe5;color:#2b2d31;font-size:14px;text-align:left;-webkit-user-select:all;user-select:all}.try-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.try-actions button,.try-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.try-copy{border:0;background:var(--try-line);color:var(--try-line-ink)}.try-copy:hover{background:#2bd774}.try-open{border:1px solid #d9d3c6;background:#fff;color:#17181a}.try-open:hover{background:#f6f2ea}.try-dialog button:focus-visible,.try-dialog a:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}.try-copied{min-height:1.5em;margin:8px 0 0;color:#0b7a3b;font-size:13px}@media (prefers-reduced-motion: reduce){.try-bar a{transition:none}}#map:empty{width:100%;aspect-ratio:1000 / 640}.land #kpis:empty{min-height:61px}.land #plan:empty{min-height:146px}.land #summary:empty{min-height:190px}@media (max-width: 1320px){.land #summary:empty{min-height:294px}}@media (max-width: 860px){.land #kpis:empty{min-height:130px}.land #plan:empty{min-height:227px}}@media (max-width: 480px){.land #kpis:empty{min-height:198px}.land #plan:empty{min-height:248px}.land #summary:empty{min-height:452px}}.dsp #planBox:empty{min-height:227px}.dsp #orders:empty{min-height:670px}@media (max-width: 900px){.dsp #planBox:empty{min-height:358px}.dsp #orders:empty{min-height:813px}}@media (max-width: 480px){.dsp #planBox:empty{min-height:400px}}.trk #track:empty,.trk #track:not(:has(.tv-hero>*)){min-height:1100px}.trk .tv-hero:empty{min-height:145px}.trk .tv-steps:empty{min-height:252px}