:root{--bg:#f2f2f8;--card:#ffffff;--ink:#181a26;--ink2:#565c72;--muted:#868ca3;--faint:#aab0c4;--line:#e6e8f2;--line2:#d2d6e6;--c-money:#2f6bff;--c-money-bg:#e8efff;--c-ship:#00b3c7;--c-ship-bg:#e0f7fa;--c-origin:#8b5cf6;--c-origin-bg:#f0e9ff;--c-permit:#f0930c;--c-permit-bg:#fff2dd;--c-customs:#ff5470;--c-customs-bg:#ffe9ed;--c-wh:#12b76a;--c-wh-bg:#e3f9ee;--sh:0 3px 10px rgba(24,26,38,.07);--sh-lg:0 12px 34px rgba(24,26,38,.14);--disp:"Archivo","Kanit","Helvetica Neue",Arial,sans-serif;--sans:"Kanit","Noto Sans Thai","Helvetica Neue",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,"SFMono-Regular",monospace}.u-ok{--u1:#12b76a;--u2:#5ede9f;--uc:#0e9457;--utint:#e3f9ee;--uglow:18,183,106}.u-watch{--u1:#f0930c;--u2:#ffc247;--uc:#c9760a;--utint:#fff2dd;--uglow:240,147,12}.u-urgent{--u1:#ff3b5c;--u2:#ff8a5b;--uc:#e5254a;--utint:#ffe9ed;--uglow:255,59,92}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.wrap{max-width:1180px;margin:0 auto;padding:22px 20px 46px}@keyframes glowPulse{0%,to{box-shadow:var(--sh),0 0 rgba(var(--uglow),0)}50%{box-shadow:0 8px 26px rgba(var(--uglow),.3),0 0 0 5px rgba(var(--uglow),.16)}}@keyframes glowSoft{0%,to{box-shadow:var(--sh)}50%{box-shadow:0 6px 18px rgba(var(--uglow),.2),0 0 0 4px rgba(var(--uglow),.12)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.45}}@keyframes tick{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes arrowNudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes slotFlash{0%,to{background:#fff;border-color:#ffc2ce}50%{background:#fff4f6;border-color:#ff5470}}@keyframes stripeRun{to{background-position:34px 0}}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.brand{display:flex;align-items:baseline;gap:12px}.logo{font-family:var(--disp);font-weight:800;font-size:25px;letter-spacing:-.02em;background:linear-gradient(92deg,#2f6bff,#8b5cf6 42%,#ff5470 78%,#f0930c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo .pt{font-weight:400}.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sum{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.schip{font-family:var(--mono);font-size:11.5px;background:var(--card);border-radius:20px;padding:8px 14px;color:var(--ink2);box-shadow:var(--sh)}.schip b{color:var(--ink);margin-left:3px}.schip.hot{background:linear-gradient(92deg,#ff3b5c,#ff8a5b);color:#fff}.schip.hot b{color:#fff}.schip.warm{background:linear-gradient(92deg,#f0930c,#ffc247);color:#fff}.schip.warm b{color:#fff}.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.tab{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;border:none;background:var(--card);color:var(--ink2);border-radius:20px;padding:9px 16px;cursor:pointer;box-shadow:var(--sh);font-weight:700}.tab.on{background:linear-gradient(92deg,#2f6bff,#8b5cf6);color:#fff;box-shadow:0 4px 13px #2f6bff52}.mockbar{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c9760a;background:var(--c-permit-bg);border:1px dashed #ffc247;border-radius:9px;padding:6px 12px}.app{display:flex;gap:16px;align-items:flex-start}.rail{width:290px;flex:0 0 290px}.rail-h{display:flex;align-items:baseline;justify-content:space-between;margin:2px 4px 11px}.rail-h .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.rail-h .c{font-family:var(--mono);font-size:10.5px;color:var(--faint)}.rail-list{display:flex;flex-direction:column;gap:12px}.shipcard{background:var(--card);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .15s;box-shadow:var(--sh);border:none;padding:0;text-align:left;width:100%;font-size:inherit;color:inherit}.shipcard:hover{transform:translateY(-3px)}.shipcard.u-urgent{animation:glowPulse 2s ease-in-out infinite}.shipcard.u-watch{animation:glowSoft 3s ease-in-out infinite}.shipcard.sel{outline:3px solid var(--uc);outline-offset:2px}.shipcard .cap{height:5px;background:linear-gradient(90deg,var(--u1),var(--u2))}.shipcard .bd{padding:13px 15px 14px;background:linear-gradient(180deg,var(--utint),#fff 72%)}.ship-r1{display:flex;align-items:center;justify-content:space-between;gap:8px}.ship-id{font-family:var(--mono);font-weight:700;font-size:13.5px;color:var(--ink2)}.ship-mode{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:4px 9px;border-radius:20px}.ship-mode.air{background:linear-gradient(90deg,#2f6bff,#5b96ff)}.ship-mode.sea{background:linear-gradient(90deg,#00b3c7,#37d3c0)}.ship-mode svg{width:14px;height:14px;stroke:#fff;fill:none}.ship-brand{font-family:var(--disp);font-weight:700;font-size:17.5px;letter-spacing:-.01em;margin-top:7px;line-height:1.2}.ship-r2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.ship-route{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-r3{display:flex;align-items:center;gap:8px;margin-top:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--uc);flex:0 0 auto}.u-urgent .dot{animation:dotPulse 1.2s ease-in-out infinite}.u-watch .dot{animation:dotPulse 2.1s ease-in-out infinite}.eta-pill{font-family:var(--mono);font-size:11.5px;font-weight:700;color:#fff;padding:5px 12px;border-radius:20px;background:linear-gradient(90deg,var(--u1),var(--u2))}.u-urgent .eta-pill{animation:floaty 1.5s ease-in-out infinite}.ship-why{font-size:11.5px;color:var(--ink2);margin-top:8px;line-height:1.4}.main{flex:1;min-width:0}.console{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--sh-lg)}.c-bar{height:7px;background:linear-gradient(90deg,var(--u1),var(--u2))}.c-head{padding:20px 24px 18px;background:linear-gradient(180deg,var(--utint),#fff 76%)}.c-h1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.c-h1 .id{font-family:var(--disp);font-weight:800;font-size:29px;letter-spacing:-.02em;line-height:1}.c-h1 .bn{font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink2)}.pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border-radius:20px;color:var(--ink2);background:#eef0f8}.pill.mode{display:inline-flex;align-items:center;gap:5px;color:#fff}.pill.mode.air{background:linear-gradient(90deg,#2f6bff,#5b96ff)}.pill.mode.sea{background:linear-gradient(90deg,#00b3c7,#37d3c0)}.pill.mode svg{width:14px;height:14px;stroke:#fff;fill:none}.pill.phase{background:linear-gradient(90deg,#8b5cf6,#b58aff);color:#fff}.pill.eta{font-weight:700;color:#fff;background:linear-gradient(90deg,var(--u1),var(--u2))}.u-urgent .pill.eta{animation:floaty 1.5s ease-in-out infinite}.c-meter{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.bar-wrap{flex:1;min-width:215px}.bar-top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:12.5px;margin-bottom:7px}.bar-top .n{color:var(--muted);font-size:11.5px}.bar{height:13px;border-radius:8px;background:#e9ebf5;overflow:hidden}.bar>i{display:block;height:100%;border-radius:8px;transition:width 1s cubic-bezier(.2,.8,.2,1);background-image:linear-gradient(90deg,var(--u1),var(--u2)),repeating-linear-gradient(115deg,rgba(255,255,255,.24) 0 8px,transparent 8px 17px);background-blend-mode:overlay;animation:stripeRun 1.1s linear infinite}.tally{display:flex;gap:8px}.tchip{font-family:var(--mono);font-size:11.5px;padding:6px 12px;border-radius:20px;font-weight:700;color:#fff}.tchip.f{background:linear-gradient(90deg,#f0930c,#ffc247)}.tchip.m{background:linear-gradient(90deg,#ff3b5c,#ff8a5b)}.next{margin-top:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(92deg,#f4f1ff,#eef4ff);border:1px solid #e3e2fb;border-radius:14px;padding:13px 15px}.next .lb{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8b5cf6;flex:0 0 auto}.next .tx{font-size:14px;flex:1;min-width:0}.next .go{flex:0 0 auto;font-family:var(--mono);font-size:11.5px;background:linear-gradient(92deg,#8b5cf6,#2f6bff);color:#fff;border:none;border-radius:20px;padding:10px 16px;cursor:pointer;font-weight:700;box-shadow:0 4px 13px #8b5cf65c}.u-urgent .next .go span{display:inline-block;animation:arrowNudge 1s ease-in-out infinite}.alert{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:12px 15px;background:linear-gradient(92deg,#ffe9ed,#fff0e8);border:1px solid #ffc2ce;border-radius:14px;font-size:13px;color:#d81f45}.alert svg{width:19px;height:19px;stroke:#ff3b5c;fill:none;flex:0 0 auto;animation:tick 1.7s ease-in-out infinite;transform-origin:center}.alert b{font-family:var(--mono)}.board{padding:18px 24px 24px}.catleg{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.cl{font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:5px 10px;border-radius:20px;font-weight:700}.cl.money{background:var(--c-money-bg);color:var(--c-money)}.cl.ship{background:var(--c-ship-bg);color:#008b9b}.cl.origin{background:var(--c-origin-bg);color:var(--c-origin)}.cl.permit{background:var(--c-permit-bg);color:#c9760a}.cl.customs{background:var(--c-customs-bg);color:var(--c-customs)}.cl.wh{background:var(--c-wh-bg);color:#0e9457}.grp{margin-bottom:20px}.grp-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.grp-h .kind{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:4px 9px;border-radius:7px}.grp-h .nm{font-family:var(--disp);font-weight:700;font-size:17px}.grp-h .meta{font-family:var(--mono);font-size:11px;color:var(--muted)}.grp-h .flag{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;background:linear-gradient(90deg,#f0930c,#ffc247);color:#fff;padding:4px 9px;border-radius:7px;font-weight:700}.grp-h .mm{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--ink2)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card{border-radius:15px;padding:13px 14px;min-height:130px;display:flex;flex-direction:column;background:var(--card);transition:transform .12s,box-shadow .12s;border:1px solid var(--line)}.card.tap{cursor:pointer}.card.tap:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}.ct{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.ctype{font-size:13.5px;font-weight:600;line-height:1.35}.sbadge{display:inline-block;font-family:var(--mono);font-size:8.5px;padding:2px 6px;border-radius:6px;margin-left:5px;vertical-align:1px;white-space:nowrap;font-weight:700}.sbadge.exp{background:#eef0f8;color:var(--ink2)}.sbadge.imp{background:var(--c-permit-bg);color:#c9760a}.mk{width:22px;height:22px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:#fff}.cbody{flex:1;display:flex;align-items:center;gap:8px;margin:11px 0 8px}.di{width:21px;height:21px;flex:0 0 auto;fill:none}.fname{font-family:var(--mono);font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfoot{font-family:var(--mono);font-size:11px;font-weight:700}.k-money{--kc:var(--c-money);--kbg:var(--c-money-bg)}.k-ship{--kc:var(--c-ship);--kbg:var(--c-ship-bg)}.k-origin{--kc:var(--c-origin);--kbg:var(--c-origin-bg)}.k-permit{--kc:var(--c-permit);--kbg:var(--c-permit-bg)}.k-customs{--kc:var(--c-customs);--kbg:var(--c-customs-bg)}.k-wh{--kc:var(--c-wh);--kbg:var(--c-wh-bg)}.card.ok{border-top:4px solid var(--kc);background:linear-gradient(180deg,var(--kbg),#fff 62%)}.card.ok .mk{background:var(--kc)}.card.ok .di{stroke:var(--kc)}.card.ok .cfoot{color:var(--kc)}.card.f{border-top:4px solid #f0930c;background:linear-gradient(180deg,#fff2dd,#fff 62%)}.card.f .mk{background:linear-gradient(135deg,#f0930c,#ffc247)}.card.f .di{stroke:#f0930c}.card.f .cfoot{color:#c9760a}.card.m{background:#fff;border:2px dashed var(--line2);justify-content:space-between}.card.m .ctype{color:var(--ink2)}.card.m .cbody{color:var(--faint);font-size:11.5px;margin:9px 0}.card.m .chase{font-family:var(--mono);font-size:10.5px;background:var(--kbg);border:none;color:var(--kc);border-radius:9px;padding:9px 6px;cursor:pointer;width:100%;font-weight:700}.card.m.urgent{animation:slotFlash 1.5s ease-in-out infinite}.card.m.urgent .chase{background:linear-gradient(92deg,#ff3b5c,#ff8a5b);color:#fff}.card.m.urgent .ctype:after{content:" \25cf  \e40\e23\e48\e07";font-family:var(--mono);font-size:9px;color:#ff3b5c;font-weight:700}.card.na{background:#f7f8fc;opacity:.66;border:2px dashed var(--line2)}.card.na .ctype{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--line2)}.card.na .mk{background:#c6cbdc}.card.na .cbody{color:var(--faint);font-size:11.5px}.card.na .cfoot{color:var(--faint)}.tray{margin-top:16px;background:linear-gradient(92deg,#f4f1ff,#eef7ff);border:1px solid #e3e2fb;border-radius:15px;padding:14px 15px}.tray-h{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8b5cf6;margin-bottom:10px}.tray-h svg{width:14px;height:14px;stroke:#8b5cf6;fill:none}.tray-h .dz{margin-left:auto;text-transform:none;letter-spacing:0;color:var(--faint);font-size:10.5px}.tfile{display:flex;align-items:center;gap:11px;background:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--sh)}.tfile svg{width:17px;height:17px;stroke:#2f6bff;fill:none;flex:0 0 auto}.tfile .tn{font-family:var(--mono);font-size:12px}.tfile .sugg{margin-left:auto;display:flex;align-items:center;gap:8px}.tfile .sugg .lab{font-size:11.5px;color:var(--muted)}.tfile .sugg .match{font-family:var(--mono);font-size:10.5px;background:linear-gradient(92deg,#2f6bff,#8b5cf6);color:#fff;border:none;border-radius:20px;padding:9px 13px;cursor:pointer;font-weight:700;box-shadow:0 3px 10px #2f6bff52}.tray-empty{font-size:12px;color:var(--faint);text-align:center;padding:5px 0}.note{text-align:center;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:16px;letter-spacing:.03em}.login{max-width:390px;margin:9vh auto 0;background:var(--card);border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden}.login .cap{height:7px;background:linear-gradient(92deg,#2f6bff,#8b5cf6 42%,#ff5470 78%,#f0930c)}.login .bd{padding:26px 26px 30px}.login h1{font-family:var(--disp);font-weight:800;font-size:22px;margin:0 0 4px}.login p{font-size:13px;color:var(--muted);margin:0 0 18px}.login label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:12px 0 5px}.login input{width:100%;border:1px solid var(--line2);border-radius:11px;padding:11px 13px;font-family:var(--sans);font-size:14.5px;background:#fafbff}.login input:focus{outline:2px solid #2f6bff;border-color:transparent}.login .btn{width:100%;margin-top:18px;font-family:var(--mono);font-size:12.5px;font-weight:700;color:#fff;border:none;border-radius:20px;padding:13px;cursor:pointer;background:linear-gradient(92deg,#2f6bff,#8b5cf6);box-shadow:0 4px 13px #2f6bff52}.login .err{margin-top:12px;font-size:12.5px;color:#d81f45;background:#ffe9ed;border-radius:9px;padding:9px 12px}.placeholder{background:var(--card);border-radius:22px;box-shadow:var(--sh);padding:40px;text-align:center;color:var(--muted)}.placeholder h2{font-family:var(--disp);color:var(--ink2);margin:0 0 8px}.placeholder .mono{font-family:var(--mono);font-size:11px;letter-spacing:.05em}@media (max-width:840px){.app{flex-direction:column}.rail{width:auto;flex:none}.rail-list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.shipcard{flex:0 0 236px;width:236px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=index.css.map */