:root{--bg:#eef2f0;--surface:#fff;--sunk:#f6f8f7;--ink:#15221e;--muted:#5a6a65;--line:#d3dcd8;--accent:#c84b11;--accent-soft:#fbe7dc;--on-accent:#fff;--ok:#1d7a4e;--ok-soft:#ddf1e6;--warn:#9a6212;--warn-soft:#faefd9;--bad:#b42318;--bad-soft:#fbe3e0;--f-display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-num:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--r:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1614;--surface:#16211e;--sunk:#1b2824;--ink:#e3ece8;--muted:#94a49f;--line:#2b3a36;--accent:#f0874a;--accent-soft:#3a2418;--on-accent:#1a0e07;--ok:#52c58e;--ok-soft:#173327;--warn:#e2b04e;--warn-soft:#352a14;--bad:#f2766b;--bad-soft:#3a1c19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body);margin:0;padding:0 16px 48px}.wrap{max-width:760px;margin:0 auto}h1,h2,h3{font-family:var(--f-display);letter-spacing:.01em;text-wrap:balance;margin:0}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}header.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;padding-block:20px 12px;display:flex}header.top h1{text-transform:uppercase;font-size:28px;line-height:1}header.top .sub{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.who{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.role{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:12px}nav.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}nav.tabs a{font:600 15px var(--f-body);color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 12px;text-decoration:none}nav.tabs a.active{color:var(--ink);border-bottom-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;display:grid}.stack{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.card h2{font-size:21px}.hint{color:var(--muted);margin:0;font-size:13px}label.f{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:4px;min-width:0;font-size:12px;display:grid}input,select{font:16px var(--f-body);color:var(--ink);background:var(--sunk);border:1px solid var(--line);border-radius:7px;width:100%;min-width:0;padding:10px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.grid2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button.btn{font:600 15px var(--f-body);cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:11px 16px}button.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.btn.small{padding:6px 10px;font-size:13px}button.btn.link{color:var(--muted);background:0 0;border:0;padding:4px;text-decoration:underline}button.btn:disabled{opacity:.5;cursor:not-allowed}.notice{background:var(--warn-soft);color:var(--ink);border-radius:8px;padding:12px 14px;font-size:14px}.notice.bad{background:var(--bad-soft)}.notice.ok{background:var(--ok-soft)}.empty{border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);text-align:center;padding:22px 16px;font-size:14px}.pill{font:600 12px var(--f-body);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.open{color:var(--muted);background:var(--sunk)}.pill.pending{color:var(--warn);background:var(--warn-soft)}.pill.ok{color:var(--ok);background:var(--ok-soft)}.pill.bad{color:var(--bad);background:var(--bad-soft)}.choice{gap:12px;display:grid}.choice button{text-align:left;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;gap:2px;padding:18px;display:grid}.choice button b{font:700 22px var(--f-display);text-transform:uppercase}.choice button span{color:var(--muted);font-size:14px}.names{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.names button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 15px var(--f-body);cursor:pointer;border-radius:8px;padding:14px 10px}.names button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pin-dots{justify-content:center;gap:14px;padding:8px 0;display:flex}.pin-dots i{border:2px solid var(--ink);border-radius:50%;width:16px;height:16px}.pin-dots i.on{background:var(--ink)}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px;margin:0 auto;display:grid}.keypad button{font:500 24px var(--f-num);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:14px 0}.keypad button.muted{font:600 14px var(--f-body);color:var(--muted)}.list{gap:8px;display:grid}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.item .t{font-weight:600}.item .m{color:var(--muted);font-size:13px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:2px;padding:12px 14px;display:grid}.tile small{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11px}.tile b{font:500 22px var(--f-num)}textarea{font:15px var(--f-body);color:var(--ink);background:var(--sunk);border:1px solid var(--line);resize:vertical;border-radius:7px;width:100%;padding:9px 10px}input[readonly],select:disabled,textarea[readonly]{opacity:1;color:var(--ink);background:0 0;border-color:#0000;padding-inline:2px}input.n{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}a.item{color:inherit;text-decoration:none}a.item:hover{border-color:var(--accent)}.letter{border:1.5px solid var(--ink);width:26px;height:26px;font:700 14px var(--f-display);vertical-align:2px;border-radius:50%;place-items:center;margin-right:10px;display:inline-grid}.tbl{min-width:0;margin-inline:-4px;padding-inline:4px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{font:500 11px var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap;padding:4px 4px 6px}th.r,td.r{text-align:right}td{vertical-align:middle;padding:3px 4px}td.lbl{color:var(--muted);white-space:nowrap;padding-right:10px;font-size:13px}tfoot td{border-top:1px solid var(--line);padding-top:8px;font-weight:600}.out{text-align:right;white-space:nowrap;font-family:var(--f-num);font-variant-numeric:tabular-nums;padding:9px 2px;display:block}.out.big{font-size:17px}td.idx{width:26px;color:var(--muted);font:500 12px var(--f-num)}td.x{width:34px}button.icon{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;font-size:18px;line-height:1}button.icon:hover{color:var(--bad);background:var(--bad-soft)}button.add{border:1px dashed var(--line);color:var(--accent);font:600 13px var(--f-body);cursor:pointer;background:0 0;border-radius:7px;justify-self:start;padding:7px 12px}.drop{border:1px solid var(--line);background:var(--sunk);border-radius:8px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.drop .amt{font:500 17px var(--f-num)}.drop .meta{color:var(--muted);order:3;grid-column:1/-1;font-size:13px}.drop .row{justify-content:flex-end;gap:4px}.handover{background:var(--accent-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;display:grid}.handover .chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.handover .chips button{font:500 13px var(--f-num);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:99px;padding:4px 12px}.denoms{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 20px;display:grid}.denom{grid-template-columns:64px 1fr auto;align-items:center;gap:10px;display:grid}.denom b{font:500 14px var(--f-num)}.denom .out{min-width:96px;padding:0}.summary{gap:6px;display:grid}.summary .line{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.summary .line:last-child{border-bottom:0}.summary .line span:first-child{color:var(--muted)}.summary .line.total{font-size:17px;font-weight:600}.bar{z-index:5;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.bar .in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;max-width:760px;margin:0 auto;display:flex}.bar .figs{flex-wrap:wrap;gap:18px;display:flex}.bar .fig{line-height:1.2;display:grid}.bar .fig small{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11px}.bar .fig b{font:500 16px var(--f-num)}.save-state{color:var(--muted);font-size:12px}.save-state.bad{color:var(--bad)}.nozzles{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;display:grid}.nozzle,.oil{border:1px solid var(--line);border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.nozzle .head,.oil .head{justify-content:space-between;align-items:center;gap:12px;display:flex}.nozzle .head select{width:auto;padding:6px 10px}.pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pair.second label.f{opacity:.8}.nozzle .sold{border-top:1px dashed var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:4px;font-size:13px;display:flex}.nozzle .sold .out{color:var(--ink);padding:2px;font-size:15px}.summary .line .sub{font-size:12px;font-family:var(--f-num);margin-top:2px;display:block}.tbl td input,.tbl td select{padding:9px 7px;font-size:15px}.tbl td:has(>input.n){width:92px}@media (width<=480px){td.idx,th.idx{display:none}}