@font-face{font-family:Orbitron;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/Orbitron-500-latin.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Kanit-400-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Kanit-400-latin.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Kanit-600-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Kanit-600-latin.woff2) format("woff2")}:root{--cyan: #22d3ee;--orange: #ff7a1a;--blue: #4f7cff;--green: #4ade80;--ink: #9fb4d8;--card-bg: linear-gradient(165deg, rgba(17, 24, 44, .92), rgba(8, 11, 22, .95))}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Kanit,Segoe UI,system-ui,sans-serif}body{background:radial-gradient(130% 100% at 50% 20%,#0c1226,#070a16 52%,#04060c)}#app{position:fixed;inset:0}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(85% 70% at 50% 55%,#000 30%,transparent 100%)}.lane-glow{position:absolute;left:0;right:0;height:130px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(34,211,238,.055) 45%,rgba(34,211,238,.075) 50%,rgba(34,211,238,.055) 55%,transparent)}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(115% 95% at 50% 48%,transparent 58%,rgba(0,0,0,.55) 100%)}#flowsvg{position:absolute;inset:0;overflow:visible}.fl-base{fill:none;stroke:#22d3ee24;stroke-width:3}.fl-dash{fill:none;stroke:var(--cyan);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 30;filter:drop-shadow(0 0 5px rgba(34,211,238,.9));animation:fldash 1.05s linear infinite}.fl-dash.orange{stroke:var(--orange);filter:drop-shadow(0 0 5px rgba(255,122,26,.9))}.fl-dash.blue{stroke:var(--blue);filter:drop-shadow(0 0 5px rgba(79,124,255,.9))}@keyframes fldash{to{stroke-dashoffset:-35}}.node{fill:#0a101f;stroke:#22d3eecc;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(34,211,238,.7))}.node.scan-on{stroke:var(--green);filter:drop-shadow(0 0 10px rgba(74,222,128,.95))}.shelf{stroke:#82a5dc57;stroke-width:2}.shelf.post{stroke:#82a5dc33;stroke-width:1.5}.bench{stroke:#22d3ee8c;stroke-width:2.5}.gatep{stroke:#22d3ee73;stroke-width:2}#gate.scan-on .gatep{stroke:#4ade80e6;filter:drop-shadow(0 0 6px rgba(74,222,128,.8))}.pallet line{stroke:#c8a05a80;stroke-width:2}.station{position:absolute;transform:translate(-50%,-100%);min-width:132px;padding:12px 20px 10px;text-align:center;background:var(--card-bg);border:1px solid rgba(34,211,238,.22);border-radius:14px;box-shadow:0 18px 40px #00000080,inset 0 0 24px #22d3ee0d}.station:before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--ac, var(--cyan)),transparent);box-shadow:0 0 10px var(--ac, var(--cyan))}.station:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:var(--drop, 34px);background:linear-gradient(180deg,rgba(34,211,238,.5),transparent)}.station .num{font-family:Orbitron,monospace;font-weight:700;font-size:54px;line-height:1.05;color:#eef4ff;text-shadow:0 0 16px color-mix(in srgb,var(--ac, var(--cyan)) 75%,transparent);font-variant-numeric:tabular-nums}.station .lbl{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.14em;margin-top:2px}.station.sm{min-width:108px;padding:9px 14px 8px}.station.sm .num{font-size:32px}.station.sm .lbl{font-size:12px;letter-spacing:.1em}.station.orange{--ac: var(--orange)}.station.blue{--ac: var(--blue)}.station.scan-on{--ac: var(--green);border-color:#4ade8080}.station.scan-on .num{color:#eafff2}.station .num.pop{animation:npop .45s cubic-bezier(.2,.9,.3,1.4)}@keyframes npop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.kpi{position:absolute;top:22px;right:30px;text-align:right;display:flex;gap:26px;align-items:flex-end}.kpi .item{text-align:center}.kpi .num{font-family:Orbitron,monospace;font-weight:700;font-size:64px;line-height:1;color:#eafff2;text-shadow:0 0 22px rgba(74,222,128,.8),0 0 60px rgba(74,222,128,.35);font-variant-numeric:tabular-nums}.kpi .item.mini .num{font-size:30px;color:#dfe9ff;text-shadow:0 0 14px rgba(34,211,238,.7)}.kpi .lbl{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.16em;margin-top:4px}.kpi .num.pop{animation:npop .45s cubic-bezier(.2,.9,.3,1.4)}#hud{position:fixed;inset:0;pointer-events:none}.mc-header{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center}.mc-title{font-family:Orbitron,monospace;font-size:17px;font-weight:700;letter-spacing:.38em;color:var(--cyan);white-space:nowrap;text-shadow:0 0 14px rgba(34,211,238,.85),0 0 34px rgba(34,211,238,.35)}.mc-divider{margin:9px auto 0;width:460px;max-width:60vw;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 8px #22d3eecc}.controls{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:12px;pointer-events:auto}.print-btn,.auto-btn{font-weight:600;font-size:14px;letter-spacing:.06em;cursor:pointer;border-radius:999px;padding:9px 22px;background:#080c1ae0;transition:box-shadow .2s,transform .1s}.print-btn{font-family:Kanit,sans-serif;color:#ffb98a;border:1px solid rgba(255,122,26,.75);box-shadow:0 0 12px #ff7a1a4d,inset 0 0 10px #ff7a1a1f}.print-btn:hover{transform:translateY(-1px)}.print-btn.ready{animation:pglow 1.1s ease-in-out infinite}@keyframes pglow{0%,to{box-shadow:0 0 12px #ff7a1a4d,inset 0 0 10px #ff7a1a1f}50%{box-shadow:0 0 28px #ff7a1ad9,inset 0 0 14px #ff7a1a33}}.auto-btn{font-family:Orbitron,Kanit,monospace;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink);border:1px solid rgba(34,211,238,.35)}.auto-btn.on{color:var(--cyan);border-color:#22d3eee6;box-shadow:0 0 14px #22d3ee73,inset 0 0 10px #22d3ee1f}#parcels{position:absolute;inset:0;pointer-events:none}.parcel{position:absolute;left:0;top:0;will-change:transform}.parcel.slip{width:17px;height:22px;border-radius:4px;background:linear-gradient(165deg,#121a30f5,#090d1af7);border:1px solid color-mix(in srgb,var(--pc, var(--cyan)) 75%,transparent);box-shadow:0 2px 5px #0000008c}.parcel.slip:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:3px 3px 0 0;background:var(--pc, var(--cyan));opacity:.95}.parcel.slip:after{content:"";position:absolute;left:3px;right:3px;top:9px;height:9px;background:repeating-linear-gradient(180deg,rgba(140,190,255,.55) 0 1.5px,transparent 1.5px 4.5px)}.parcel.box{width:22px;height:22px;border-radius:5px;background:linear-gradient(160deg,#101a30,#0a1120);border:1.5px solid rgba(47,224,248,.85);box-shadow:0 0 13px #22d3ee8c,0 3px 8px #00000080}.parcel.box:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--pc, var(--cyan));box-shadow:0 0 8px var(--pc, var(--cyan))}.parcel.shopee{--pc: var(--orange)}.parcel.lazada{--pc: var(--blue)}.parcel.walker{width:26px;height:38px}.parcel.walker .head{position:absolute;top:0;left:50%;transform:translate(-50%);width:9px;height:9px;border-radius:50%;background:#e8f1ff;box-shadow:0 0 6px #bedcff99}.parcel.walker .body{position:absolute;top:10px;left:50%;transform:translate(-50%);width:13px;height:18px;border-radius:6px 6px 4px 4px;background:linear-gradient(165deg,#1a2542,#0b101f);border:1px solid rgba(34,211,238,.75)}.parcel.walker .wtote{position:absolute;bottom:1px;left:-22px;width:18px;height:11px;border-radius:3px;background:#0a101eeb;border:1px solid color-mix(in srgb,var(--pc, var(--cyan)) 80%,transparent)}.parcel.walker .wtote:before{content:"";position:absolute;top:-4px;left:2px;width:10px;height:4px;border-radius:2px 2px 0 0;background:var(--pc, var(--cyan));opacity:.95}.parcel.tote{width:22px;height:13px;border-radius:3px;background:linear-gradient(165deg,#121a30f5,#090d1af7);border:1px solid color-mix(in srgb,var(--pc, var(--cyan)) 80%,transparent);box-shadow:0 2px 5px #00000080}.parcel.tote:before{content:"";position:absolute;top:-4px;left:3px;width:11px;height:4px;border-radius:2px 2px 0 0;background:var(--pc, var(--cyan));opacity:.95}.item-dot{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;will-change:transform;pointer-events:none}.waitbox{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:6px;border:1.5px dashed rgba(74,222,128,.85);box-shadow:0 0 12px #4ade8066;animation:wbpulse 1s ease-in-out infinite;will-change:transform}@keyframes wbpulse{0%,to{opacity:.55}50%{opacity:1}}#shuttle{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}#shuttle .thruster{transition:opacity .3s;opacity:.35}#shuttle.departing .thruster{opacity:1}.cfg{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;pointer-events:auto}.cb{width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1;font-family:Orbitron,monospace;font-size:12px;font-weight:700;color:var(--cyan);background:#080c1ae6;border:1px solid rgba(34,211,238,.5)}.cb:hover{box-shadow:0 0 10px #22d3ee80}.cfg .bc{font-family:Orbitron,monospace;font-size:13px;font-weight:700;color:#9fb4d8}.gatep-eye{fill:#22d3eeb3}.bench-g.scan-on .gatep,.bench-g.scan-on .bench{stroke:#4ade80e6;filter:drop-shadow(0 0 6px rgba(74,222,128,.8))}.bench-g.scan-on .gatep-eye{fill:#4ade80;filter:drop-shadow(0 0 8px rgba(74,222,128,.95))}.billtag{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;color:#b9ffd1;background:#08101aeb;border:1px solid rgba(74,222,128,.7);border-radius:6px;padding:3px 8px;box-shadow:0 0 12px #4ade8059}.benchpad{position:absolute;left:0;top:0;will-change:transform;width:48px;height:22px;border-radius:7px;background:linear-gradient(165deg,#11182ceb,#080b16f2);border:1px solid rgba(34,211,238,.32);box-shadow:0 4px 12px #00000073,inset 0 0 10px #22d3ee0d}.benchpad .eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#22d3eebf;box-shadow:0 0 6px #22d3ee99}.benchpad.scan-on{border-color:#4ade80bf;box-shadow:0 0 14px #4ade804d,inset 0 0 10px #4ade8014}.benchpad.scan-on .eye{background:#4ade80;box-shadow:0 0 9px #4ade80f2;animation:eyeblink .5s ease-in-out infinite}@keyframes eyeblink{0%,to{opacity:1}50%{opacity:.45}}.benchpad .posimg{position:absolute;left:50%;bottom:14px;transform:translate(-50%);height:46px;image-rendering:auto;transition:filter .2s;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.benchpad.scan-on.src-shopee .posimg{filter:drop-shadow(0 0 10px rgba(255,122,26,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.5))}.benchpad.scan-on.src-lazada .posimg{filter:drop-shadow(0 0 10px rgba(79,124,255,.8)) drop-shadow(0 3px 6px rgba(0,0,0,.5))}#stage3d{position:absolute;inset:0}#stage3d canvas{display:block}#tags3d{position:absolute;inset:0;pointer-events:none;z-index:5}#cards3d{position:absolute;top:86px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;z-index:6;pointer-events:none}#cards3d .station.flow3d{position:static;transform:none;pointer-events:auto}#cards3d .station.flow3d:after{display:none}.parcel.slip.tiktok{border-color:#25f4ee99}.parcel.tote.tiktok{background:#17343a}.station.cyan{--ac: #25f4ee}