:root{--p:#47008E;--p2:#6a1fb8;--ink:#14161d;--mut:#6b7280;--faint:#9aa1ad;--line:#e6e9ef;--grn:#0e7a43;--pbg:#f3ecfb;--bg:#f6f5f9}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.splash{height:100%;display:flex;align-items:center;justify-content:center;color:var(--mut);font-weight:600}.auth{min-height:100%;display:flex;flex-direction:column}.auth-hero{text-align:center;padding:44px 20px 26px}.auth-hero .emblem{width:64px;height:64px;border-radius:18px;object-fit:contain;background:#fff;box-shadow:0 6px 18px #47008e24}.auth-hero .brand{margin-top:14px;font-weight:800;font-size:22px;letter-spacing:.2px}.auth-hero .brand .f{color:#2fb24a}.auth-hero .brand .v{color:#e0a400}.auth-hero .brand .b{color:var(--p)}.auth-hero .tag{margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--mut)}.auth-card{flex:1;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -4px 24px #14161d0f;padding:26px 22px;margin-top:8px}.auth-card h1{font-size:23px;font-weight:800}.auth-card .mut{color:var(--mut);font-size:13.5px;margin-top:4px}.lbl{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:22px 0 8px}.phone-in{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:13px;overflow:hidden}.phone-in:focus-within{border-color:var(--p);box-shadow:0 0 0 3px var(--pbg)}.phone-in .cc{padding:0 12px;font-weight:800;color:var(--ink);background:#faf8fe;align-self:stretch;display:flex;align-items:center;border-right:1.5px solid var(--line)}.phone-in input{flex:1;border:none;outline:none;padding:13px 14px;font-size:16px;font-weight:700;letter-spacing:.5px}.otp-input{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:14px;font-size:22px;font-weight:800;letter-spacing:8px;text-align:center}.otp-input:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pbg)}.btn{width:100%;margin-top:18px;border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--p2),var(--p));box-shadow:0 10px 22px #47008e3d}.btn:disabled{opacity:.6}.btn-text{width:100%;margin-top:12px;background:none;border:none;color:var(--p);font-weight:800;font-size:13.5px;padding:8px}.fine{margin-top:14px;text-align:center;font-size:11.5px;color:var(--faint)}.devhint{margin-bottom:14px;background:var(--pbg);border:1px solid #e0cff3;border-radius:14px;padding:12px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:5px}.devhint .dh-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--p);opacity:.72}.devhint .dh-code{font-size:34px;line-height:1;font-weight:800;letter-spacing:8px;padding-left:8px;color:var(--p)}.err{margin-top:12px;background:#fdeae7;border:1px solid #f3c9c3;border-radius:11px;padding:10px 12px;font-size:12.5px;color:#b42318;font-weight:600}.screen{min-height:100%;display:flex;flex-direction:column}.phead{background:linear-gradient(135deg,#5a16a6,var(--p));color:#fff;padding:16px 18px 18px;border-radius:0 0 22px 22px}.hh{display:flex;align-items:center;gap:10px}.hh .emblem-sm{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff}.hh-txt{flex:1}.hh .hi{font-size:16px;font-weight:800}.hh .tag2{font-size:8.5px;font-weight:800;letter-spacing:.16em;color:#ffffffd1;margin-top:2px}.signout{background:#ffffff29;border:1px solid rgba(255,255,255,.26);color:#fff;font-weight:700;font-size:12px;border-radius:10px;padding:7px 11px}.htitle{margin-top:14px;font-size:21px;font-weight:800}.body{flex:1;padding:18px}.empty-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px 22px;text-align:center;box-shadow:0 1px 3px #14161d0d}.empty-card .ec-ic{font-size:34px}.empty-card .ec-t{margin-top:10px;font-size:16px;font-weight:800;color:var(--grn)}.empty-card .ec-d{margin-top:7px;font-size:13px;color:var(--mut);line-height:1.5}.muted-c{text-align:center;color:var(--mut);font-weight:600;padding:24px}.btn-text.inline{display:inline;width:auto;padding:0 4px}.dlist{display:flex;flex-direction:column;gap:11px}.dcard{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;box-shadow:0 1px 3px #14161d0d}.dcard:active{background:#faf8fe}.dc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dc-top b{font-size:13.5px}.tag{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}.tag.cod{background:#fbeee0;color:#b5530a}.tag.pre{background:#e8f5ee;color:#0e7a43}.dc-area{font-size:13px;color:var(--ink);font-weight:600}.dc-meta{font-size:12px;color:var(--mut);margin-top:3px}.dhead{display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1px solid var(--line);padding:14px}.dhead b{font-size:15px}.back{background:none;border:none;font-size:24px;line-height:1;color:var(--ink);padding:0 4px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #14161d0d}.k2{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.cust{font-size:15px;font-weight:800;margin-bottom:4px}.addr{font-size:13px;color:var(--ink);line-height:1.5}.irow{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.irow:last-child{border-bottom:none}.in{font-size:13px;font-weight:600}.iu{color:var(--faint);font-weight:400;font-size:11.5px}.iq{font-size:13px;font-weight:800;color:var(--p)}.paybox{display:flex;align-items:center;justify-content:space-between;border-radius:13px;padding:13px 15px;margin-bottom:12px}.paybox.cod{background:#fbeee0;border:1px solid #f3d9bf}.paybox.paid{background:#e8f5ee;border:1px solid #cfe9db}.paybox .pk{font-size:12px;font-weight:800}.paybox.cod .pk{color:#b5530a}.paybox.paid .pk{color:#0e7a43}.paybox .pv{font-size:20px;font-weight:800}.paybox.cod .pv{color:#b5530a}.paybox.paid .pv{color:#0e7a43}.btn.ghost{background:#fff;color:var(--p);border:1.5px solid var(--p);box-shadow:none;margin-top:0}.note-sm{margin-top:12px;text-align:center;font-size:11.5px;color:var(--faint);line-height:1.5}.btn.deliver{background:linear-gradient(135deg,#17a05a,var(--grn));box-shadow:0 8px 18px #0e7a4338;margin-top:10px}.btn.danger{background:#fff;color:#b42318;border:1.5px solid #f1c4bf;box-shadow:none;margin-top:9px}.btn.danger.solid{background:#fdeae7;color:#b42318;border:1.5px solid #f3c9c3}.photo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:120px;border:1.8px dashed var(--line);border-radius:14px;background:#fafbfc;color:var(--mut);font-size:13px;font-weight:700;cursor:pointer}.photo-btn .pic{font-size:26px}.photo-btn small{font-weight:500;color:var(--faint);font-size:11px}.photo-done{display:flex;align-items:center;gap:12px}.photo-thumb{width:84px;height:84px;object-fit:cover;border-radius:12px;border:1.5px solid #cfe9db}.retake{font-size:13px;font-weight:800;color:var(--p);cursor:pointer}.collect-reminder{margin-top:11px;background:#fbeee0;border:1px solid #f3d9bf;border-radius:11px;padding:10px 13px;font-size:13px;color:#b5530a;font-weight:600}.collect-reminder b{font-weight:800}.reasons{display:flex;flex-direction:column;gap:9px}.reason{width:100%;text-align:left;border:1.5px solid var(--line);border-radius:12px;padding:12px 13px;font-size:13.5px;font-weight:700;color:var(--ink);background:#fff}.reason.on{border-color:var(--p);background:var(--pbg);color:var(--p)}.note-ta{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;font-size:13.5px;font-family:inherit;resize:none}.note-ta:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pbg)}.pseg{display:flex;background:#ffffff29;border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:3px;margin-top:14px}.pseg button{flex:1;border:none;background:none;color:#ffffffd9;font-weight:700;font-size:13px;padding:8px 0;border-radius:999px}.pseg button.on{background:#fff;color:var(--p)}.pdate{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#fff;font-size:13.5px;font-weight:700}.pdate button{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.26);background:#ffffff1f;color:#fff;font-size:17px;line-height:1}.psum{display:flex;gap:8px;margin-bottom:14px}.psum .pt{flex:1;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 6px;text-align:center}.psum .pt .v{font-size:15px;font-weight:800;color:var(--p);line-height:1.15}.psum .pt .k{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-top:3px}.pband{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--p);background:var(--pbg);border:1px solid #e0cff3;border-radius:9px;padding:6px 11px;margin:10px 0 9px}.pcard{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:9px;box-shadow:0 1px 3px #14161d0d}.pc-mid{flex:1;min-width:0}.pc-nm{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-sub{font-size:12px;color:var(--mut);font-weight:600;margin-top:2px;white-space:nowrap}.pc-buy{text-align:right;flex:0 0 auto}.pc-q{font-size:17px;font-weight:800;color:var(--p);white-space:nowrap}.pc-u{font-size:10.5px;color:var(--faint);font-weight:700;white-space:nowrap;margin-top:1px}.pcard{width:100%;text-align:left;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pcard:active{background:#faf8fe}.pchk{width:26px;height:26px;border-radius:50%;border:2px solid #e0cff3;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;background:#fff}.pcard.done{background:#f7faf8;border-color:#cfe6d9}.pcard.done .pchk{background:var(--grn);border-color:var(--grn)}.pcard.done .pc-nm{color:var(--mut);text-decoration:line-through}.pcard.done .pc-q{color:var(--grn)}.pfoot{flex:0 0 auto;background:#fff;border-top:1px solid var(--line);padding:11px 16px 14px}.pprog{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:8px}.pprog b{color:var(--p)}.ptrack{height:7px;background:#eef0f4;border-radius:999px;overflow:hidden}.pfill{height:100%;background:linear-gradient(90deg,var(--p2),var(--p));border-radius:999px;transition:width .2s}.opt-hint{font-size:13px;color:var(--mut);font-weight:600;margin:0 2px 13px}.opt{width:100%;text-align:left;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #14161d0d;font:inherit;color:inherit}.opt:active{background:#faf8fe}.opt-hl{border-color:#d9c2f2;box-shadow:0 2px 10px #47008e1a}.opt-ic{width:46px;height:46px;border-radius:13px;background:var(--pbg);border:1px solid #e3d3f5;color:var(--p);flex:0 0 auto;display:flex;align-items:center;justify-content:center}.opt-mid{flex:1;min-width:0;display:flex;flex-direction:column}.opt-t{font-size:15px;font-weight:800;color:var(--ink)}.opt-s{font-size:11.5px;color:var(--mut);font-weight:600;margin-top:3px;line-height:1.35}.opt-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.opt-badge{font-size:11px;font-weight:800;color:var(--p);background:var(--pbg);border:1px solid #e3d3f5;border-radius:999px;padding:3px 9px;white-space:nowrap}.opt-chev{color:#b7bcc7;font-size:18px;font-weight:800;line-height:1}.pback{background:#ffffff29;border:1px solid rgba(255,255,255,.26);color:#fff;font-weight:700;font-size:13px;border-radius:10px;padding:7px 12px}.vsub{margin-top:8px;font-size:12.5px;color:#ffffffd1;font-weight:600}.icard{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:9px;box-shadow:0 1px 3px #14161d0d;overflow:hidden}.ic-head{display:flex;align-items:center;gap:11px;padding:12px 14px}.ic-chk{background:none;border:none;padding:0;flex:0 0 auto;display:flex}.ic-main{flex:1;min-width:0;display:flex;align-items:center;gap:11px;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit}.ic-main:active{opacity:.7}.ic-caret{color:var(--faint);font-size:11px;font-weight:800}.ic-u{font-size:10.5px;color:var(--faint);font-weight:700;white-space:nowrap;margin-top:1px}.icard.done{background:#f7faf8;border-color:#cfe6d9}.icard.done .pchk{background:var(--grn);border-color:var(--grn)}.icard.done .pc-nm{color:var(--mut);text-decoration:line-through}.icard.done .pc-q{color:var(--grn)}.ic-bd{border-top:1px dashed #e2e5ec;margin:0 14px;padding:9px 0 11px}.ic-bd-h{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 2px 6px}.ic-bd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;font-size:12.5px}.ic-bd-row:nth-child(2n){background:#faf9fc}.ic-bd-id{font-weight:700;color:var(--ink);display:flex;flex-direction:column;min-width:0;overflow:hidden}.ic-bd-area{font-size:10px;color:var(--faint);font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ic-bd-q{font-weight:700;color:#3a4150;white-space:nowrap;flex:0 0 auto}.ic-bd-sub{color:var(--faint);font-weight:600;margin-left:6px;font-size:11px}.ic-bd-total{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0;margin-top:3px;border-top:1px solid #edeef2;font-size:12px;font-weight:800;color:var(--ink)}.ic-bd-total b{color:var(--grn)}.ic-arr{color:var(--faint)}.bo-note{display:flex;gap:7px;align-items:flex-start;background:#fff8ec;border:1px solid #f3e1bd;border-radius:11px;padding:9px 12px;margin-bottom:13px;font-size:11.5px;color:#8a5a12;font-weight:600;line-height:1.45}.ocard{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #14161d0d}.ohd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#faf8fd;border-bottom:1px solid var(--line)}.ono{font-size:12.5px;font-weight:800;color:var(--ink)}.oarea{font-size:10.5px;color:var(--mut);font-weight:600;margin-top:2px}.opill{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap;flex:0 0 auto}.opill.m{color:#8a5a12;background:#fcefd4}.opill.e{color:var(--p);background:var(--pbg)}.oitem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid #f2f3f7}.oitem:last-child{border-bottom:none}.oi-l{min-width:0}.oi-nm{color:var(--ink);font-weight:700;font-size:13.5px}.oi-pk{font-size:11px;color:var(--mut);font-weight:600;margin-top:2px}.oi-r{text-align:right;flex:0 0 auto}.oi-q{font-size:16px;font-weight:800;color:var(--p);line-height:1;white-space:nowrap}.oi-lab{font-size:8.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--grn);margin-top:2px}.ocard{width:100%;text-align:left;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 13px;margin-bottom:9px;box-shadow:0 1px 3px #14161d0d;font:inherit;color:inherit}.ocard:active{background:#faf8fe}.oc-mid{flex:1;min-width:0}.oc-code{font-size:13.5px;font-weight:800;color:var(--ink)}.oc-area{font-size:11.5px;color:var(--mut);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-prog{margin-top:7px;height:6px;background:#eef0f4;border-radius:999px;overflow:hidden}.oc-fill{height:100%;background:linear-gradient(90deg,var(--p2),var(--p));border-radius:999px}.oc-r{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.pill{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap}.pill.topack{color:#8a5a12;background:#fcefd4}.pill.packing{color:var(--p);background:var(--pbg)}.pill.ready{color:var(--grn);background:#e8f5ee}.oc-n{font-size:11px;color:var(--faint);font-weight:700}.chev{color:#b7bcc7;font-size:17px;font-weight:800}.pit{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 12px;margin-bottom:8px;box-shadow:0 1px 3px #14161d0d}.pit-chk{background:none;border:none;padding:0;flex:0 0 auto;display:flex}.pit .chk{width:25px;height:25px;border-radius:50%;border:2px solid #e0cff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;background:#fff}.pit.done{background:#f7faf8;border-color:#cfe6d9}.pit.done .chk{background:var(--grn);border-color:var(--grn)}.pit.done .pi-nm{color:var(--mut);text-decoration:line-through}.pit.short{background:#fff8ec;border-color:#f3e1bd}.pit.short .chk{border-color:#e8cf96}.pi-mid{flex:1;min-width:0}.pi-nm{font-size:13.5px;font-weight:700;color:var(--ink)}.pi-sub{font-size:11.5px;color:var(--mut);font-weight:600;margin-top:2px}.pi-r{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.wt{display:flex;align-items:center;gap:4px;border:1.5px solid var(--line);border-radius:9px;padding:5px 8px;background:#fff}.wt input{width:44px;border:none;outline:none;font-size:13px;font-weight:800;color:var(--p);text-align:right;background:transparent}.wt span{font-size:11px;color:var(--faint);font-weight:700}.shortlink{font-size:11px;font-weight:700;color:#8a5a12;background:none;border:none;padding:2px;cursor:pointer}.shortbadge{font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#8a5a12;background:#fcefd4;border-radius:999px;padding:4px 10px}.pbtn{width:100%;margin-top:2px;border:none;border-radius:13px;padding:13px;font-size:14.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--p2),var(--p));box-shadow:0 8px 18px #47008e38}.pbtn.off{background:#cdbfe6;box-shadow:none}