:root{--bg: #f6f7f9;--card: #fff;--text: #16181d;--muted: #6b7280;--line: #e5e7eb;--brand: #0f766e;--green: #15803d;--green-bg: #dcfce7;--yellow: #a16207;--yellow-bg: #fef3c7;--red: #b91c1c;--red-bg: #fee2e2;--blue: #1d4ed8;--blue-bg: #dbeafe;--grey-bg: #f1f5f9;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--card: #171a21;--text: #e6e8eb;--muted: #9aa3af;--line: #2a2f3a;--brand: #2dd4bf;--green: #4ade80;--green-bg: #12301f;--yellow: #facc15;--yellow-bg: #3a2f0b;--red: #f87171;--red-bg: #3b1515;--blue: #93c5fd;--blue-bg: #172554;--grey-bg: #1f2530;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--brand)}button{font:inherit;cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 16px}button:disabled{opacity:.6}button.link{background:none;color:var(--brand);padding:0 4px}input{font:inherit;width:100%;padding:10px 12px;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}label{display:block;margin-bottom:12px;font-size:14px}code{font-size:13px;word-break:break-all}.muted{color:var(--muted)}.small{font-size:13px}.pad{padding:24px 16px}.center{text-align:center;padding:40px}.err{background:var(--red-bg);color:var(--red);padding:8px 12px;border-radius:8px;margin:8px 0}.auth{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;width:100%;max-width:380px}.card h1{margin:0 0 16px;font-size:22px}.card button{width:100%;margin-top:4px}.qr{display:block;margin:8px auto;background:#fff;padding:6px;border-radius:8px}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;color:var(--text)}nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none}nav a.on{font-weight:600}main{max-width:1100px;margin:0 auto;padding:12px 16px 40px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.tab{background:var(--card);color:var(--text);border:1px solid var(--line);white-space:nowrap;padding:8px 12px}.tab.on{background:var(--brand);color:#fff;border-color:var(--brand)}.tab.alert:not(.on){border-color:var(--red);color:var(--red)}.count{display:inline-block;margin-left:6px;font-size:12px;padding:0 6px;border-radius:10px;background:#7f7f7f33}.toolbar{display:flex;gap:12px;align-items:center;margin:8px 0 12px;flex-wrap:wrap}.search{flex:1 1 260px;margin:0}.list{display:flex;flex-direction:column;gap:8px}.row{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--text)}.row:hover{border-color:var(--brand)}.r1,.r2,.r3{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.r2{margin-top:2px}.r3{margin-top:6px}.amt{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.badge{font-size:12px;font-weight:600;padding:1px 8px;border-radius:10px}.badge.green{background:var(--green-bg);color:var(--green)}.badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.grey{background:var(--grey-bg);color:var(--muted)}.viewhelp{margin:4px 0 0;color:var(--muted);font-size:13px}.oname{font-size:16px}.row{border-left-width:4px}.stage{font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--grey-bg);color:var(--muted)}.st-new{--st: var(--blue);--st-bg: var(--blue-bg)}.st-pickup{--st: var(--yellow);--st-bg: var(--yellow-bg)}.st-transit{--st: var(--brand);--st-bg: var(--grey-bg)}.st-delivered{--st: var(--green);--st-bg: var(--green-bg)}.st-returned,.st-cancelled{--st: var(--red);--st-bg: var(--red-bg)}.st-shipped{--st: var(--muted);--st-bg: var(--grey-bg)}.stage[class*=st-]{color:var(--st);background:var(--st-bg)}.row[class*=st-]{border-left-color:var(--st)}.pay{font-size:12px;padding:1px 8px;border-radius:6px;border:1px solid var(--line)}.pay-paid{color:var(--green);border-color:var(--green)}.pay-pending{color:var(--yellow);border-color:var(--yellow)}.pay-voided,.pay-refunded{color:var(--red);border-color:var(--red)}.chip{font-size:12px;padding:1px 8px;border-radius:6px;background:var(--grey-bg);color:var(--muted)}.chip.green,.chip.c-delivered{background:var(--green-bg);color:var(--green)}.chip.red,.chip.c-returned,.chip.c-cancelled{background:var(--red-bg);color:var(--red)}.chip.c-pending{background:var(--yellow-bg);color:var(--yellow)}.chip.c-transit{background:var(--blue-bg);color:var(--blue)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:10;display:flex;justify-content:flex-end}.sheet{position:relative;background:var(--bg);width:100%;max-width:620px;height:100%;overflow-y:auto;padding:20px 16px 40px}.close{position:absolute;top:10px;right:12px;background:none;color:var(--text);font-size:26px;padding:0 8px}.sheet h2{margin:0 32px 4px 0;display:flex;gap:8px;align-items:center}section{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:12px}section h3{margin:0 0 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.reasons{margin:8px 0 0;padding-left:18px}.note{margin-top:6px;background:var(--yellow-bg);padding:6px 8px;border-radius:6px}.items{width:100%;border-collapse:collapse}.items th{text-align:left;font-size:12px;color:var(--muted);padding:6px 4px}.items td{padding:6px 4px;border-top:1px solid var(--line);vertical-align:top}.timeline,.plain{list-style:none;margin:0;padding:0}.timeline li,.plain li{padding:4px 0;border-top:1px solid var(--line)}.kv{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px}.kv th,.kv td{text-align:left;padding:8px 12px;border-top:1px solid var(--line)}.kv th{width:40%;font-weight:500;color:var(--muted)}:root{--chart: #0d9488;--grid: #e5e7eb}@media (prefers-color-scheme: dark){:root{--chart: #0d9488;--grid: #2a2f3a}}textarea,select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}textarea{width:100%;margin-top:4px;resize:vertical}button.ghost{background:var(--card);color:var(--text);border:1px solid var(--line)}button.ghost:hover{border-color:var(--brand)}button.danger{background:var(--red);color:#fff}button.danger.ghost{background:var(--card);color:var(--red);border-color:var(--red)}.btnrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.btnrow input{width:auto;flex:1 1 160px;margin:0}.btnrow.stack{flex-direction:column;align-items:stretch}.btnrow.stack>button{align-self:flex-start}.btnrow.stack section>label input{width:100%;flex:none;margin-top:4px}.action{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.okmsg{color:var(--green);font-size:13px}.errmsg{color:var(--red);font-size:13px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 12px}.qty{width:70px;margin:0}tr.removed td{text-decoration:line-through;color:var(--muted)}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:12px}.packlist{display:flex;flex-direction:column;gap:6px}.tick{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin:0;cursor:pointer}.tick input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--green)}.tick.done{background:var(--green-bg);border-color:var(--green)}section.packed{border-color:var(--green)}.banner{padding:10px 14px;border-radius:10px;margin:12px 0;font-weight:600}.banner.good{background:var(--green-bg);color:var(--green)}.banner.bad{background:var(--red-bg);color:var(--red)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0}.tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}.tile.warn{border-color:var(--yellow)}.tlabel{font-size:13px;color:var(--muted)}.tvalue{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.tablewrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;background:var(--card)}table.data th,table.data td{text-align:left;padding:8px;border-top:1px solid var(--line);vertical-align:top}table.data th{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.num{text-align:right!important;font-variant-numeric:tabular-nums}td.bad{color:var(--red);font-weight:600}td.center{text-align:center!important}tr.click{cursor:pointer}tr.click:hover td{background:var(--grey-bg)}.matrix input{width:18px;height:18px;margin:0}.mono{font-family:ui-monospace,monospace;word-break:break-all}.seg{white-space:nowrap;font-size:12px;font-weight:600;padding:1px 8px;border-radius:10px;background:var(--grey-bg);color:var(--muted)}.seg-vip{background:var(--green-bg);color:var(--green)}.seg-repeat{background:var(--blue-bg);color:var(--blue)}.seg-risky,.seg-blocked{background:var(--red-bg);color:var(--red)}.seg-new{background:var(--yellow-bg);color:var(--yellow)}.st-ready{--st: var(--blue);--st-bg: var(--blue-bg)}.st-packed{--st: var(--green);--st-bg: var(--green-bg)}.alertc{background:var(--red);color:#fff}.chart{margin:12px 0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}.chart figcaption{font-weight:600;margin-bottom:4px}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .bar{fill:var(--chart)}.chart .bar.on{opacity:.75}.tip{font-size:13px;margin-top:4px}@media print{header,.noprint,.viewhelp{display:none!important}body{background:#fff;color:#000}section{border:0}}.bottomnav,.callbar,.sheethead .back{display:none}.sheethead{display:flex;align-items:center;gap:8px;margin:-4px 32px 8px 0}.sheethead b{font-size:20px}.sheethead .close{position:absolute;top:10px;right:12px}.phonecheck{border-color:var(--brand)}.pc-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.progress{height:8px;border-radius:999px;background:var(--grey-bg);overflow:hidden;margin:6px 0}.progress span{display:block;height:100%;background:var(--chart);border-radius:999px;transition:width .15s linear}.pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 6px}.pc-stats .tvalue{font-size:22px}.ratebar{height:6px;border-radius:999px;background:var(--red-bg);overflow:hidden}.ratebar span{display:block;height:100%;background:var(--green)}.moresheet{position:absolute;left:0;right:0;bottom:0;background:var(--card);border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.moresheet a{padding:12px 8px;border-radius:8px;text-decoration:none;color:var(--text);font-size:16px}.moresheet a.on{background:var(--grey-bg);font-weight:600}.moresheet button{margin-top:8px}@media (max-width: 760px){body,input,select,textarea{font-size:16px}button{min-height:44px}button.link{min-height:0;padding:6px 4px}header{padding:10px 16px}.topnav{display:none}main{padding:10px 12px calc(84px + env(safe-area-inset-bottom))}.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:8;background:var(--card);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.bottomnav a,.bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;min-height:52px;font-size:11px;color:var(--muted);text-decoration:none;background:none;border:0;border-radius:10px;position:relative}.bottomnav .on{color:var(--brand);background:var(--grey-bg);font-weight:600}.bn-ico{font-size:20px;line-height:1}.bn-dot{position:absolute;top:2px;right:18%;background:var(--red);color:#fff;font-size:10px;border-radius:10px;padding:0 5px}.tabs{margin:0 -12px;padding:0 12px 6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 12px}.toolbar{flex-direction:column;align-items:stretch;gap:4px}.search{flex:none}.row{padding:12px}.r1{row-gap:4px}.amt{font-size:16px}.overlay{z-index:20}.sheet{max-width:none;padding:0 12px calc(90px + env(safe-area-inset-bottom))}.sheethead{position:sticky;top:0;z-index:2;background:var(--bg);margin:0 -12px 8px;padding:10px 12px;border-bottom:1px solid var(--line)}.sheethead .back{display:inline-block;background:none;color:var(--brand);font-size:30px;line-height:1;padding:0 8px 0 0;min-height:0}.sheethead .close{display:none}.callbar{display:flex;flex-direction:column;gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:3;background:var(--card);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.callbar .big{width:100%;font-size:17px;min-height:50px;border-radius:12px}.callbar .muted{text-align:center}section{padding:12px}.btnrow>button,.btnrow .action{flex:1 1 auto}.btnrow .action button{width:100%}.tick{padding:12px}.tick input{width:28px;height:28px}.tiles{grid-template-columns:1fr 1fr}.tvalue{font-size:20px}.pc-stats .tvalue{font-size:18px}.grid2{grid-template-columns:1fr}.pagehead{flex-wrap:wrap}table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}table.rt thead{display:none}table.rt tr{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:8px}table.rt td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;text-align:right!important}table.rt td:before{content:attr(data-label);color:var(--muted);font-size:13px;text-align:left;flex:none}table.rt td:first-child{text-align:left!important;font-weight:600}table.rt td:first-child:before{content:none}table.rt td:first-child>*{font-weight:400}table.matrix td.center{justify-content:space-between}.kv th{width:45%}}.addr{font-size:15px;margin:2px 0}:root{--shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.04);--radius: 12px}@media (prefers-color-scheme: dark){:root{--shadow: none}}header{box-shadow:var(--shadow)}.brand{letter-spacing:-.01em}.row,section,.tile,.chart,table.data,.kv{border-radius:var(--radius);box-shadow:var(--shadow)}.row{border-left-width:3px;padding:12px 14px;transition:border-color .12s,transform .06s}.row:active{transform:scale(.995)}.stage{font-size:11.5px;font-weight:600;padding:2px 8px;letter-spacing:.01em}.badge{font-size:11.5px;padding:2px 8px}.pay{font-size:11.5px;padding:1px 7px}.r1{gap:8px}.r2{gap:8px;margin-top:4px}.cname{font-weight:600}.raddr{margin-top:3px;color:var(--muted);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.r3{margin-top:8px;gap:6px}.when{margin-left:auto;color:var(--muted);font-size:12px}.sheethead{flex-wrap:nowrap}.sheethead b{white-space:nowrap}.stepper{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.step{background:var(--card);color:var(--brand);border:1px solid var(--line);padding:6px 10px;min-height:0;font-size:13px}.step:disabled{color:var(--muted);opacity:.5}.sheet .sheethead .close{position:static;margin-left:4px}.od-sum{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 0 10px}.od-total{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.right{text-align:right}.cust-name{font-size:18px;font-weight:700}.cust-phone{margin-top:2px}.cust-addr{margin-top:8px;font-size:16px;line-height:1.45;padding:8px 10px;background:var(--grey-bg);border-radius:10px}.qbox{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.qrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.qk{color:var(--muted);width:58px;flex:none;font-size:13px}.qv{flex:1}.qwhy{font-size:13px;color:var(--yellow)}@media (max-width: 760px){.sheethead{gap:6px}.sheethead b{font-size:17px}.step{padding:6px 8px}.stepper .muted{display:none}.raddr{font-size:14.5px}}.media{margin:10px 0;padding:8px 10px;border:1px dashed var(--line);border-radius:8px}.thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:block}.thumbs .vid{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:6px;border:1px solid var(--line);font-size:12px}.retform{margin-top:8px}.seg4{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:4px}@media (min-width: 700px){.seg4{grid-template-columns:repeat(4,1fr)}}.seg4 button{padding:10px 6px}.retitem{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0}.steps{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px}.stepper2{display:inline-flex;align-items:center;gap:6px}.stepper2 button{min-width:40px;min-height:40px;padding:0;font-size:20px;line-height:1}.stepper2 b{min-width:22px;text-align:center;font-size:16px}.stepper2.bad b{color:var(--red)}.checkline{display:flex;align-items:center;gap:10px;margin:10px 0;font-weight:500}.checkline input{width:24px;height:24px;margin:0;flex:none;accent-color:var(--green)}.checkline.warn{color:var(--yellow)}.warnbox{background:var(--yellow-bg);color:var(--yellow);padding:6px 10px;border-radius:6px}.shelfrow,.sheetrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0;border-bottom:1px solid var(--line)}.shelfrow>span:first-child{flex:1 1 200px}section.lateret{border-color:var(--red)}input.qty.big{width:120px;font-size:20px;text-align:center}