:root{--ink: #14161a;--ink-soft: #5a5f68;--ink-faint: #8b909a;--paper: #f5f5f3;--card: #ffffff;--line: #e3e3de;--line-strong: #c9c9c2;--accent: #1f4e5f;--accent-ink: #ffffff;--overdue: #a32a1c;--overdue-bg: #fbeeec;--due: #9a6410;--due-bg: #fdf4e5;--ok: #2c6146;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--tap: 48px;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.num,code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{max-width:560px;margin:0 auto;padding:0 16px 96px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 0 14px;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.topbar .who{font-size:13px;color:var(--ink-soft)}.section-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 10px}.task{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:0 var(--radius) var(--radius) 0;padding:14px 16px;margin-bottom:8px;cursor:pointer;font:inherit;color:inherit}.task:hover{border-color:var(--line-strong)}.task:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task .line1{font-size:15px;font-weight:500}.task .line2{font-size:13px;color:var(--ink-soft);margin-top:2px}.task.overdue{border-left-color:var(--overdue);background:var(--overdue-bg)}.task.overdue .line2{color:var(--overdue);font-weight:500}.task.due{border-left-color:var(--due);background:var(--due-bg)}.task.due .line2{color:var(--due)}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:22px 16px;text-align:center;color:var(--ink-soft);font-size:14px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-height:84px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;font:inherit;color:inherit;cursor:pointer;text-align:left}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile .t{font-size:15px;font-weight:500}.tile .s{font-size:12px;color:var(--ink-faint)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:6px}input,select,textarea{width:100%;min-height:var(--tap);padding:10px 12px;font-family:inherit;font-size:17px;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f4e5f26}input[inputmode=decimal],input[type=number]{font-family:var(--mono)}button.primary{width:100%;min-height:var(--tap);border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-family:inherit;font-size:16px;font-weight:500;cursor:pointer}button.primary:disabled{opacity:.55;cursor:default}button.primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.error{background:var(--overdue-bg);border:1px solid var(--overdue);color:var(--overdue);border-radius:var(--radius);padding:10px 12px;font-size:14px;margin-bottom:16px}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav a{flex:1;min-height:var(--tap);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-soft);text-decoration:none}.nav a[aria-current=page]{color:var(--accent);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}.login{max-width:380px;margin:0 auto;padding:15vh 20px 40px}.login .mark{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.login h1{margin:6px 0 28px;font-size:26px;font-weight:600;letter-spacing:-.02em}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.link{background:none;border:none;padding:2px 0;font:inherit;font-size:14px;color:var(--accent);cursor:pointer;text-decoration:underline}.link.danger{color:var(--overdue)}.hint{font-size:13px;color:var(--ink-soft);margin:4px 0 16px}.hint.center{text-align:center}.uom{color:var(--ink-faint);font-size:.9em;font-family:var(--sans)}.center{text-align:center}.headOnly{padding-bottom:0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.ok{background:#eef5f0;border:1px solid var(--ok);color:var(--ok);border-radius:var(--radius);padding:10px 12px;font-size:14px;margin:14px 0}.tile.wide{grid-column:1 / -1}.tiles{margin-bottom:4px}.scanner{margin:16px 0 6px;border-radius:var(--radius);overflow:hidden;background:#000;min-height:220px}.scanner video{width:100%!important;display:block}.results{margin-top:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}.result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:13px 12px;font:inherit;font-size:15px;color:inherit;cursor:pointer;min-height:var(--tap)}.result:last-child{border-bottom:none}.result:hover{background:var(--paper)}.result code{margin-right:8px;color:var(--ink-soft);font-size:13px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.chip{flex:0 0 auto;min-width:116px;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font:inherit;color:inherit}.chipCode{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.chipName{display:block;font-size:14px;margin:1px 0 3px}.chipBal{display:block;font-size:13px;color:var(--ink-soft)}.bal{font-size:14px;color:var(--ink-soft);white-space:nowrap}.isOut{color:var(--overdue);font-weight:600}.isLow{color:var(--due);font-weight:600}.sheetWrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161a73;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--card);border-radius:16px 16px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom))}@media (min-width: 560px){.sheetWrap{align-items:center}.sheet{border-radius:16px;max-height:86vh}}.sheetHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sheetTitle{font-size:17px;font-weight:600;letter-spacing:-.01em}.sheetSub{font-size:13px;color:var(--ink-soft);margin-top:2px}.sheetSub code{font-family:var(--mono)}.x{background:none;border:none;font-size:20px;line-height:1;color:var(--ink-faint);cursor:pointer;padding:4px 8px;min-height:36px}.bigStat{font-size:26px;font-weight:600;margin-bottom:4px}.bigStat .uom{font-size:15px;font-weight:400}.pills{display:flex;gap:8px;margin-bottom:18px}.pill{flex:1;min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card);font:inherit;font-size:15px;color:var(--ink-soft);cursor:pointer}.pill.selOut{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pill.selIn{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}.pill.selPlain{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.subList{max-height:46vh;overflow-y:auto;margin-top:10px}.subRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--tap);padding:12px;background:none;border:none;border-bottom:1px solid var(--line);font:inherit;font-size:15px;color:inherit;text-align:left;cursor:pointer}.subRow.static{cursor:default}.subRow:last-child{border-bottom:none}.nothing{padding:16px;text-align:center;color:var(--ink-soft);font-size:14px}.grid{width:100%;border-collapse:collapse;font-size:14px}.grid td{padding:13px 4px;border-bottom:1px solid var(--line);vertical-align:middle}.grid tr.clickable{cursor:pointer}.grid tr.clickable:hover{background:var(--card)}.grid .r{text-align:right;white-space:nowrap}.grid code{display:block;font-size:11px;color:var(--ink-faint)}.grid .nm{display:block}.tag{display:inline-block;margin-top:3px;font-size:11px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 6px}.asOf{display:flex;align-items:center;gap:10px;margin-bottom:16px}.asOf label{font-size:13px;color:var(--ink-soft);white-space:nowrap}.asOf input{min-height:40px;font-size:15px}.lowRow{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--due);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:6px;font-size:14px}.moveCard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.moveCard.voided{opacity:.55}.moveTop{display:flex;justify-content:space-between;align-items:baseline}.moveDate{font-size:12px;color:var(--ink-faint)}.dir{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;font-size:15px}.dir.in{color:var(--ok)}.dir.out{color:var(--accent)}.moveCard .line1{font-size:15px;margin-top:2px}.moveCard .line2{font-size:12px;color:var(--ink-soft);margin-top:2px}.moveCard .line2 code{font-family:var(--mono)}.histRow{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.histRow.voided{opacity:.5;text-decoration:line-through}.histMeta{color:var(--ink-soft)}.priceRow{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:0 var(--radius) var(--radius) 0;padding:14px 16px;margin-bottom:10px}.priceRow.due{border-left-color:var(--due);background:var(--due-bg)}.priceRow.overdue{border-left-color:var(--overdue);background:var(--overdue-bg)}.priceRow .line1{font-size:15px;font-weight:500}.priceRow .line2{font-size:13px;color:var(--ink-soft);margin:2px 0 12px}.priceEntry{display:flex;gap:8px}.priceEntry input{flex:1}.qrBox{text-align:center;padding:12px 0}.qrBox img{width:180px;height:180px}.qrBox p{margin:6px 0;font-size:14px;letter-spacing:.05em}.nav button{flex:1;min-height:var(--tap);background:none;border:none;font:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.nav button[aria-current=page]{color:var(--accent);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}@media print{body *{visibility:hidden}.qrBox,.qrBox *{visibility:visible}.qrBox{position:absolute;left:0;top:0;width:100%}}.check{display:flex;align-items:center;gap:10px;margin:4px 0 18px;font-size:15px;cursor:pointer}.check input{width:20px;height:20px;min-height:20px;margin:0;flex:0 0 auto}.pill.small{min-height:40px;font-size:14px;padding:0 14px;flex:0 0 auto}.pills.scrollx{overflow-x:auto;padding-bottom:4px}.grid th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:8px 4px;border-bottom:1px solid var(--line-strong)}.grid .soft{color:var(--ink-soft)}.totalBar{display:flex;justify-content:space-between;align-items:baseline;padding:14px 4px 4px;margin-top:4px;border-top:2px solid var(--ink);font-size:15px;font-weight:600}.srcTag{font-size:11px;letter-spacing:.04em;padding:2px 7px;border-radius:4px;border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--paper);white-space:nowrap}.srcTag.inventory{border-color:var(--accent);color:var(--accent)}.picked{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);padding:10px 12px;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);font-size:15px}.picked code{font-family:var(--mono);font-size:13px;color:var(--ink-soft);margin-right:6px}.opt{font-weight:400;color:var(--ink-faint)}@media (min-width: 900px){body{font-size:15px}.nav{top:0;bottom:0;right:auto;width:210px;flex-direction:column;align-items:stretch;justify-content:flex-start;border-top:none;border-right:1px solid var(--line);padding:92px 12px 0;gap:2px;background:var(--card)}.nav button,.nav a{flex:0 0 auto;min-height:42px;justify-content:flex-start;text-align:left;padding:0 14px;border-radius:8px;font-size:14px}.nav button[aria-current=page],.nav a[aria-current=page]{box-shadow:none;background:var(--paper);color:var(--accent)}body:has(.nav) .shell{margin-left:210px}body:has(.nav) .sheetWrap{left:210px}.shell{max-width:940px;padding-left:32px;padding-right:32px;padding-bottom:48px}.topbar{padding:26px 0 18px}.topbar h1{font-size:21px}form,.asOf,.row2{max-width:520px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-height:96px}.grid{font-size:14px}.grid td{padding:14px 8px}.grid code{display:inline-block;min-width:84px}.grid .nm{display:inline}.moveCard,.priceRow,.lotCard,.task,.empty{max-width:640px}.scanner{max-width:420px}.chips{flex-wrap:wrap;overflow-x:visible}.sheet{max-width:620px}}@media (min-width: 1280px){.shell{max-width:1080px}.moveCard,.priceRow,.lotCard,.task{max-width:720px}}.lotCard{display:block;width:100%;text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:8px;font:inherit;color:inherit}.lotCard:hover{border-color:var(--line-strong)}.lotNo{font-size:16px;font-weight:600}.lotCost{display:flex;gap:14px;align-items:baseline;margin-top:8px;font-size:15px;font-weight:600}.lotCost .soft{font-weight:400;font-size:13px;color:var(--ink-faint)}.provDot{font-family:var(--sans);font-size:11px;font-weight:500;color:var(--due);background:var(--due-bg);border:1px solid var(--due);border-radius:4px;padding:1px 6px}.isGood{color:var(--ok)}.statusTag{font-size:11px;padding:2px 8px;border-radius:4px;white-space:nowrap;border:1px solid var(--line-strong);color:var(--ink-soft);background:var(--paper)}.statusTag.s-running{border-color:var(--accent);color:var(--accent)}.statusTag.s-spinning_done{border-color:var(--due);color:var(--due);background:var(--due-bg)}.statusTag.s-washed{border-color:var(--ok);color:var(--ok)}.costCard{border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:0 var(--radius) var(--radius) 0;background:var(--paper);padding:16px;margin-bottom:18px}.costCard.prov{border-left-color:var(--due)}.costBig{font-size:30px;font-weight:600;letter-spacing:-.02em}.costBig .uom{font-size:15px;font-weight:400}.costPending{font-size:14px;color:var(--ink-soft)}.provTag{font-size:12px;color:var(--due);margin-top:2px}.costBreak{margin-top:12px;font-size:14px}.costBreak div{display:flex;justify-content:space-between;padding:4px 0;color:var(--ink-soft)}.costBreak .tot{border-top:1px solid var(--line-strong);margin-top:4px;padding-top:8px;color:var(--ink);font-weight:600}.statGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:6px}.statGrid div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.statGrid .sl{display:block;font-size:11px;color:var(--ink-faint);margin-bottom:2px}.statGrid .num{font-size:15px;font-weight:500}.moveCard.due{border-left:4px solid var(--due);background:var(--due-bg);border-radius:0 var(--radius) var(--radius) 0}.actRow{display:flex;align-items:center;gap:14px;margin-top:12px}.marginPreview{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px;margin:4px 0 18px;font-size:14px;max-width:520px}.marginPreview.bad{border-left-color:var(--overdue)}.marginPreview div{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink-soft)}.marginPreview .tot{border-top:1px solid var(--line-strong);margin-top:4px;padding-top:7px;color:var(--ink);font-weight:600}.marginPreview .provTag{margin:6px 0 0}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 6px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.kl{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.kv{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em}.kd{display:block;font-size:12px;color:var(--ink-soft);margin-top:2px}.kd.up{color:var(--overdue)}.kd.down{color:var(--ok)}.attention{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;background:var(--due-bg);border:1px solid var(--due);border-left:4px solid var(--due);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px;margin:12px 0 4px;color:var(--due)}.attention strong{display:block;font-size:15px}.attention span{font-size:13px}.bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding:8px 0;max-width:560px}.bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.barVal{font-size:11px;color:var(--ink-soft);margin-bottom:4px}.barTrack{flex:1;width:100%;display:flex;align-items:flex-end}.barFill{width:100%;background:var(--accent);border-radius:4px 4px 0 0;min-height:3px}.barFill.open{background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 5px,rgba(31,78,95,.45) 5px,rgba(31,78,95,.45) 10px)}.barLabel{font-size:11px;color:var(--ink-faint);margin-top:6px}.settingRow{margin-bottom:14px;max-width:520px}.settingRow label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:6px}.exportRow{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:var(--tap);cursor:pointer;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;text-align:left;max-width:520px}.exportRow:hover{border-color:var(--accent)}.exportRow .soft{font-size:12px;color:var(--ink-faint)}.photoChip{display:flex;align-items:center;gap:10px;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;font-size:13px}.photoChip img{width:44px;height:44px;object-fit:cover;border-radius:6px}.billStrip{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.billStrip img{width:120px;height:120px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius)}input[type=file]{padding:10px;font-size:14px}@media (min-width: 900px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr));max-width:940px}.bars{max-width:620px}}.lastPaid{font-size:12px;color:var(--ink-soft);margin:-6px 0 10px}.sheetRow{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px;margin-bottom:10px}.rowNo{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.sheetGrid{display:grid;gap:8px;margin-top:8px}.sheetGrid select,.sheetGrid input{min-height:42px;font-size:15px}.sheetRow>input{width:100%;min-height:42px;margin-top:8px;font-size:15px}@media (min-width: 620px){.sheetGrid{grid-template-columns:130px 1fr 110px;align-items:center}.sheetGrid>.check{grid-column:auto}}