:root{--ground:#EEF1F4;--surface:#fff;--surface-2:#F7F9FB;--ink:#131F33;--ink-2:#41506A;--muted:#6E7D93;--line:#D3DAE3;--line-soft:#E3E8EE;--accent:#2C45C4;--on-accent:#fff;--accent-soft:#E5E9FA;--tag:#A96A16;--tag-soft:#FAEEDC;--go:#1F6B4F;--go-soft:#DFEFE7;--stop:#9A2F3A;--stop-soft:#F8E4E6;--shadow:0 1px 2px rgba(19,31,51,.06),0 8px 24px -12px rgba(19,31,51,.18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0E1420;--surface:#161E2C;--surface-2:#1B2434;--ink:#E7ECF3;--ink-2:#B4C0D2;--muted:#8494AA;--line:#2C3849;--line-soft:#232E3E;--accent:#8FA3FF;--on-accent:#0E1420;--accent-soft:#1E2748;--tag:#E0A85A;--tag-soft:#33271A;--go:#6FCFA3;--go-soft:#152C24;--stop:#F09099;--stop-soft:#31191E;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7)}}:root[data-theme=dark]{--ground:#0E1420;--surface:#161E2C;--surface-2:#1B2434;--ink:#E7ECF3;--ink-2:#B4C0D2;--muted:#8494AA;--line:#2C3849;--line-soft:#232E3E;--accent:#8FA3FF;--on-accent:#0E1420;--accent-soft:#1E2748;--tag:#E0A85A;--tag-soft:#33271A;--go:#6FCFA3;--go-soft:#152C24;--stop:#F09099;--stop-soft:#31191E;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7)}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Commissioner,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:Alegreya,Georgia,serif;margin:0;text-wrap:balance}.mono{font-family:Roboto Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.eyebrow,.lbl{font-family:Roboto Mono,monospace;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.lbl{display:block;margin-bottom:5px}.top{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}.topin{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:9px;font-family:Alegreya,Georgia,serif;font-weight:800;letter-spacing:.04em;font-size:1.05rem}.badge{font-family:Roboto Mono,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:var(--tag-soft);color:var(--tag);padding:3px 7px;border-radius:2px;border:1px solid var(--tag)}nav{display:flex;gap:2px;flex-wrap:wrap;margin:0 auto}nav button{padding:8px 13px;border-radius:3px;font-size:.9rem;font-weight:500;color:var(--muted)}nav button:hover{background:var(--surface-2);color:var(--ink)}nav button[aria-current=page]{background:var(--accent);color:var(--on-accent)}main{max-width:1180px;margin:0 auto;padding:20px 16px 90px}.head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}.head h2{font-size:1.5rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:16px}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.fld{width:100%;border:1px solid var(--line);border-radius:3px;background:var(--surface-2);padding:9px 11px;outline:none}.fld:focus{border-color:var(--accent);background:var(--surface)}.btn{background:var(--accent);color:var(--on-accent);border-radius:3px;padding:10px 15px;font-weight:600;text-align:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.g{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.s{padding:6px 10px;font-size:.82rem;font-weight:500}.pill{display:inline-block;font-family:Roboto Mono,monospace;font-size:.62rem;letter-spacing:.06em;padding:2px 6px;border-radius:2px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line-soft);white-space:nowrap}.pill.a{background:var(--accent-soft);color:var(--accent);border-color:transparent}.pill.g{background:var(--go-soft);color:var(--go);border-color:transparent}.pill.w{background:var(--tag-soft);color:var(--tag);border-color:transparent}.pill.r{background:var(--stop-soft);color:var(--stop);border-color:transparent}.empty{color:var(--muted);font-size:.9rem;padding:14px 0;text-align:center}.sub{color:var(--ink-2);font-size:.92rem;max-width:70ch}.itemgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}.itembtn{border:1px solid var(--line);border-radius:3px;background:var(--surface-2);padding:9px 8px;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:56px;justify-content:space-between}.itembtn:hover{border-color:var(--accent);background:var(--accent-soft)}.itembtn .nm{font-size:.82rem;font-weight:500;line-height:1.25}.itembtn .pc{font-family:Roboto Mono,monospace;font-size:.72rem;color:var(--muted)}.itembtn .um{color:var(--tag)}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.tabs button{padding:5px 10px;border-radius:2px;font-size:.8rem;border:1px solid var(--line);color:var(--muted);background:var(--surface-2)}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.line{border:1px solid var(--line-soft);border-radius:3px;padding:10px 11px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2)}.line .l1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.line .l2{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tierbtn{font-family:Roboto Mono,monospace;font-size:.62rem;padding:4px 8px;border:1px solid var(--line);border-radius:2px;color:var(--muted);background:var(--surface)}.tierbtn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.qty{width:74px;text-align:right;border:1px solid var(--line);border-radius:2px;background:var(--surface);padding:4px 7px;font-family:Roboto Mono,monospace;font-size:.8rem}.notein{flex:1 1 160px;min-width:120px;border:1px solid var(--line);border-radius:2px;background:var(--surface);padding:4px 8px;font-size:.82rem}.amt{font-family:Roboto Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.tot{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-soft);font-size:.9rem}.tot:last-of-type{border-bottom:none}.lst{display:flex;flex-direction:column}.lst .it{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:.88rem}.lst .it:last-child{border-bottom:none}.lst .it .r{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;color:var(--muted);font-size:.82rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:14px 16px}.stat .n{font-family:Alegreya,Georgia,serif;font-weight:700;font-size:1.8rem;line-height:1;font-variant-numeric:tabular-nums}.stat .l{font-size:.82rem;color:var(--muted);margin-top:3px}.rack{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.rcol{flex:0 1 168px;min-width:132px;display:flex;flex-direction:column;gap:6px}.rcol .cn{font-family:Roboto Mono,monospace;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-align:center;padding-bottom:4px;border-bottom:1px solid var(--line)}.shelf{border:1px solid var(--line);border-left-width:3px;border-radius:3px;background:var(--surface);padding:8px 9px;display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;position:relative}.shelf .t{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.shelf .cd{font-family:Roboto Mono,monospace;font-size:.72rem;font-weight:500}.shelf .ct{font-family:Roboto Mono,monospace;font-size:.66rem;color:var(--muted);font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:2px;background:var(--line-soft);overflow:hidden}.bar i{display:block;height:100%}.shelf.ok{border-left-color:var(--go)}.shelf.ok .bar i{background:var(--go)}.shelf.warn{border-left-color:var(--tag)}.shelf.warn .bar i{background:var(--tag)}.shelf.full{border-left-color:var(--stop)}.shelf.full .bar i{background:var(--stop)}.shelf.empty{border-left-color:var(--line)}.shelf[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;background:var(--accent-soft)}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.78rem;color:var(--muted);margin-top:12px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend b{width:10px;height:10px;border-radius:1px;display:inline-block;border:1px solid var(--line)}.strip{display:flex;flex-wrap:wrap;gap:2px}.strip i{width:9px;height:16px;border-radius:1px;background:var(--line-soft);border:1px solid var(--line);display:block}.strip i.f{background:var(--accent);border-color:var(--accent)}.strip i.c{background:var(--tag);border-color:var(--tag)}.ovl{position:fixed;inset:0;background:#0a101a8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.modal{background:var(--surface);border:1px solid var(--line);border-radius:5px;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:20px;box-shadow:var(--shadow)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:22px;background:var(--ink);color:var(--ground);padding:11px 18px;border-radius:3px;font-size:.88rem;z-index:80;box-shadow:var(--shadow);max-width:92vw;text-align:center}.slip{width:290px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:14px 16px 18px;font-family:Roboto Mono,monospace;font-size:.7rem;line-height:1.5;box-shadow:var(--shadow)}.slip .big{font-size:1.05rem;letter-spacing:.03em;font-weight:500}.slip hr{border:none;border-top:1px dashed var(--line);margin:9px 0}.slip .r{display:flex;justify-content:space-between;gap:8px}.slip .mut{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft)}th{font-family:Roboto Mono,monospace;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}@media(max-width:640px){nav{width:100%;margin-left:0}nav button{flex:1 1 auto;font-size:.82rem;padding:8px 6px}}.modal{position:relative}.modal-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:3px;color:var(--muted);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.modal-x:hover{background:var(--surface-2);color:var(--ink)}.manual{display:flex;align-items:center;gap:4px}.manual input{width:78px;text-align:right;border:1px solid var(--line);border-radius:2px;background:var(--surface);padding:4px 7px;font-family:Roboto Mono,monospace;font-size:.8rem}.iconbtn{width:28px;height:28px;border:1px solid var(--line);border-radius:2px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted)}.iconbtn:hover{border-color:var(--accent);color:var(--accent)}.iconbtn.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.iconbtn.del:hover{border-color:var(--stop);color:var(--stop)}.qrbox{display:block;margin:0 auto}.scanbar{border:2px solid var(--accent);border-radius:4px;background:var(--accent-soft);padding:12px 14px}.scanbar input{width:100%;border:none;background:transparent;outline:none;font-family:Roboto Mono,monospace;font-size:1.05rem}.wherepick{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:3px;padding:4px 8px;background:var(--surface-2)}.wherepick select{border:none;background:transparent;outline:none;font-weight:600;font-size:.9rem;cursor:pointer}.whoami{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}@media(max-width:900px){.whoami{margin-left:0;width:100%;justify-content:space-between}nav{margin:0}}.remind{background:var(--tag-soft);color:var(--tag);border:1px solid var(--tag);border-radius:3px;padding:9px 11px;font-size:.85rem;line-height:1.4;margin-top:10px}@media print{body *{visibility:hidden}.slip,.slip *{visibility:visible}.slip{position:absolute;left:0;top:0;box-shadow:none;border:none}.ovl,.modal{position:static;background:none;box-shadow:none;border:none;padding:0;max-height:none;overflow:visible}.noprint,.modal-x{display:none}@page{margin:8mm}}.syncpill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:3px;padding:5px 9px;font-size:.75rem;color:var(--muted);background:var(--surface-2)}.syncpill .dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.syncpill.ok{color:var(--go);border-color:var(--go-soft)}.syncpill.ok .dot{background:var(--go)}.syncpill.off{color:var(--stop);border-color:var(--stop-soft)}.syncpill.off .dot{background:var(--stop)}.syncpill.syncing{color:var(--tag);border-color:var(--tag-soft)}.syncpill.syncing .dot{background:var(--tag);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.syncpill.syncing .dot{animation:none}}