: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:12px;background:var(--pbg);border:1px solid #e0cff3;border-radius:11px;padding:9px 12px;font-size:12.5px;color:var(--p);font-weight:600}.devhint b{font-weight:800;letter-spacing:1px}.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)}