:root{--bg:#0f1115;--panel:#181b22;--panel-2:#20242d;--line:#2a2f3a;--text:#eef1f6;--muted:#9aa3b2;--brand:#6c5ce7;--brand-2:#8b7cf0;--ok:#21c97a;--ok-dim:#16331f;--warn:#f5a524;--bad:#ef4458;--bad-dim:#3a1620;--radius:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}.wrap{max-width:520px;margin:0 auto;padding:18px 16px 96px}.topbar{display:flex;align-items:center;gap:10px;padding:4px 2px 16px}.logo{font-weight:800;letter-spacing:-.02em;font-size:18px}.logo .dot{color:var(--brand-2)}.spacer{flex:1 1}h1{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:2px 0 4px}h2{font-size:15px;font-weight:700;margin:0}p.sub{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.45}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card.tight{padding:12px 14px}label.field{display:block;font-size:13px;color:var(--muted);margin:0 0 7px;font-weight:600}input.text,select.text{width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px;font-size:16px;outline:none}input.text:focus,select.text:focus{border-color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;background:var(--brand);color:#fff;font-weight:700;font-size:16px;padding:15px 16px;border-radius:13px;transition:filter .12s ease,opacity .12s}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.btn.ok{background:var(--ok)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.small{width:auto;padding:9px 13px;font-size:14px;border-radius:10px}.row{display:flex;gap:10px}.row>*{flex:1 1}.roles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:6px}.role{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;color:var(--text);cursor:pointer;text-decoration:none}.role:active{background:var(--panel-2)}.role .emoji{font-size:26px}.role .who{font-weight:800;font-size:16px}.role .what{font-size:12.5px;line-height:1.35}.meta,.role .what{color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px}.meta b{color:var(--text)}.meta b,.pill{font-weight:700}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.pill.packing{color:var(--warn);border-color:#4a3a17;background:#2a2113}.pill.packed{color:var(--brand-2);border-color:#322a5e;background:#1d1a33}.pill.in_transit{color:#5ab0ff;border-color:#1d3a55;background:#122230}.pill.delivered{color:var(--ok);border-color:#1d4a32;background:#11271b}.progress{height:12px;background:var(--panel-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .25s ease}.progress.full>span{background:linear-gradient(90deg,var(--ok),#46e09a)}.stat{display:flex;align-items:baseline;gap:8px}.stat .big{font-size:30px;font-weight:800;letter-spacing:-.02em}.stat .unit{color:var(--muted);font-size:13px}.stats3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;text-align:center}.stats3 .b{font-size:22px;font-weight:800}.stats3 .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.list{flex-direction:column;gap:8px}.item,.list{display:flex}.item{align-items:center;gap:12px;padding:11px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.item.done{border-color:#1d4a32;background:var(--ok-dim)}.item .name{font-size:14px;font-weight:600;line-height:1.25}.item .code{font-size:11.5px;color:var(--muted);font-family:ui-monospace,monospace}.item .qty{margin-left:auto;font-weight:800;font-size:15px;white-space:nowrap}.item .qty .of{color:var(--muted);font-weight:600}.check{width:22px;height:22px;border-radius:999px;flex:0 0 auto;border:2px solid var(--line);display:grid;place-items:center;font-size:13px}.item.done .check{background:var(--ok);border-color:var(--ok);color:#07140c}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,.5);z-index:50;max-width:90vw;text-align:center}.toast.ok{background:var(--ok-dim);border-color:#1d4a32;color:#7ff0b6}.toast.bad{background:var(--bad-dim);border-color:#5a2030;color:#ff9aa9}.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(180deg,rgba(15,17,21,0) 0,var(--bg) 30%);padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.dock .inner{max-width:520px;margin:0 auto}.scanbox{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:4/3}.scanbox video{width:100%;height:100%;object-fit:cover;display:block}.scanbox .frame{position:absolute;inset:16% 12%;border:3px solid hsla(0,0%,100%,.85);border-radius:14px;box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}.scanbox .hint{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.muted{color:var(--muted)}.center{text-align:center}.mono{font-family:ui-monospace,monospace}.divider{height:1px;background:var(--line);margin:14px 0;border:0}.err{color:#ff9aa9;font-size:14px}a.link{color:var(--brand-2)}.boxchip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font-weight:700;font-size:14px;cursor:pointer;color:var(--text)}.boxchip.active{border-color:var(--brand);background:#1d1a33;color:#cfc7ff}.langseg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel-2);flex:0 0 auto}.langopt{background:transparent;border:0;color:var(--muted);font-weight:800;font-size:12px;padding:6px 11px;cursor:pointer;white-space:nowrap;line-height:1.4}.langopt.active{background:var(--brand);color:#fff}.topbar{flex-wrap:wrap;row-gap:8px}html[dir=rtl] .btn,html[dir=rtl] .pill{direction:rtl}.code,.mono,input.text{unicode-bidi:plaintext}html[dir=rtl] .progress>span{float:right}.dots{display:flex;justify-content:center;gap:16px;margin:18px 0 4px}.dot-cell{width:16px;height:16px;border-radius:999px;border:2px solid var(--line);background:transparent;transition:all .12s}.dot-cell.filled{background:var(--brand-2);border-color:var(--brand-2)}.dot-cell.err{border-color:var(--bad)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:10px}.key{font-size:26px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;aspect-ratio:1;cursor:pointer;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.key:active{background:var(--panel-2);transform:scale(.96)}.key.ghostkey{background:transparent;font-size:22px;color:var(--muted)}.sessbadge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.sessbadge button{background:transparent;border:0;color:var(--brand-2);font-weight:700;cursor:pointer;font-size:12.5px;padding:0}.banner{background:var(--bad-dim);border:1px solid #5a2030;color:#ff9aa9;padding:10px 14px;font-size:13.5px;font-weight:600}.banner,.label-sheet{border-radius:12px;margin-bottom:14px}.label-sheet{background:#fff;color:#000;padding:18px}@media print{body{background:#fff}.noprint{display:none!important}.wrap{padding:0;max-width:none}.label-sheet{page-break-after:always;border:1px solid #000}}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.sheetwrap{width:100%;max-width:380px}.lbl{background:#fff;color:#000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.lbl-screen .lbl{width:100%;max-width:270px;aspect-ratio:100/150;margin:0 auto;padding:16px;border-radius:10px}.lbl-top{width:100%}.lbl-box{font-weight:800;font-size:30px;line-height:1}.lbl-ref{font-weight:700;font-size:18px;margin-top:5px}.lbl-route{font-size:12px;color:#444;margin-top:3px}.lbl-qr{width:62%;height:auto;aspect-ratio:1}.lbl-qty{font-weight:800;font-size:23px}.manifest{background:#fff;color:#000}.manifest-screen .manifest{max-width:520px;margin:0 auto;padding:16px;border-radius:10px}.print-portal{display:none}@media print{body.printing-box>:not(.print-portal){display:none!important}body.printing-box .print-portal{display:block!important}.print-portal .lbl{width:100mm;height:150mm;max-width:none;aspect-ratio:auto;padding:7mm}.print-portal .lbl-box{font-size:40px}.print-portal .lbl-ref{font-size:25px}.print-portal .lbl-route{font-size:14px}.print-portal .lbl-qr{width:66mm;height:66mm}.print-portal .lbl-qty{font-size:32px}}@keyframes scanflash{0%{background:rgba(33,201,122,.45);box-shadow:0 0 0 2px var(--ok) inset}to{background:transparent;box-shadow:inset 0 0 0 0 transparent}}.item.flash{animation:scanflash 1.1s ease-out}