:root{--bg: #f4f7f6;--card: #ffffff;--ink: #17302b;--mute: #5f736e;--line: #d9e3e0;--brand: #0f7b6c;--brand-ink: #ffffff;--brand-soft: #e3f3f0;--warn: #9a5b00;--warn-soft: #fff1d6;--bad: #b3261e;--bad-soft: #fdeaea;--ok: #166a3a;--ok-soft: #e3f5ea;--radius: 10px;--tap: 44px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1819;--card: #172324;--ink: #e6f0ee;--mute: #9bb0ab;--line: #2a3d3e;--brand: #3cb8a6;--brand-ink: #062622;--brand-soft: #14312e;--warn: #f0b24a;--warn-soft: #33291a;--bad: #f28b82;--bad-soft: #3a1d1a;--ok: #62c98d;--ok-soft: #14301f}}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Naskh Arabic,Urdu Typesetting,Geeza Pro,sans-serif;line-height:1.5}[dir=rtl] body{line-height:1.9}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .5rem}.muted{color:var(--mute)}.small{font-size:.85rem}.num{white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:end}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.grow{flex:1 1 12rem}.right{margin-inline-start:auto}.stack>*+*{margin-block-start:.75rem}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{min-height:var(--tap);width:100%;padding:.4rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}input:focus,select:focus,button:focus-visible,textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:1px;border-color:var(--brand)}input.num{text-align:end}label.field{display:block;font-size:.85rem;color:var(--mute)}label.field>:is(input,select,textarea){margin-block-start:.2rem;color:var(--ink)}.btn{min-height:var(--tap);padding:.4rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{min-height:34px;padding:.15rem .7rem}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}a.btn.primary{color:var(--brand-ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a{color:var(--brand)}a.more{display:inline-block;padding-block:.6rem}.link{background:none;border:0;color:var(--brand);cursor:pointer;padding:.3rem .2rem;text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--card);border-bottom:1px solid var(--line)}.brand{font-weight:700;color:var(--brand)}.nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 .9rem;border-radius:var(--radius);color:var(--ink);text-decoration:none}.nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav a:hover{background:var(--brand-soft)}main.page{width:100%;max-width:1100px;margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login{width:min(26rem,100%)}.login .btn.primary{width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:start;font-size:.8rem;font-weight:600;color:var(--mute);padding:.5rem;border-block-end:1px solid var(--line);white-space:nowrap}td{padding:.45rem .5rem;border-block-end:1px solid var(--line);vertical-align:middle}tr:last-child td{border-block-end:0}td input{min-width:4.5rem}.badge{display:inline-block;padding:0 .55rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.notice{padding:.6rem .8rem;border-radius:var(--radius);font-size:.92rem}.notice.bad{background:var(--bad-soft);color:var(--bad)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;padding:1rem;z-index:30}.dialog{background:var(--card);border-radius:14px;width:min(34rem,100%);max-height:92vh;overflow:auto;padding:1.1rem}.dialog.wide{width:min(46rem,100%)}.toast{position:fixed;inset-block-end:1rem;inset-inline:1rem;margin-inline:auto;width:fit-content;max-width:92vw;background:var(--ink);color:var(--bg);padding:.6rem 1rem;border-radius:var(--radius);z-index:40}.picker{position:relative}.picker-list{position:absolute;z-index:20;inset-inline-start:0;min-width:100%;width:max-content;max-width:min(36rem,calc(100vw - 2rem));top:100%;margin-block-start:2px;max-height:22rem;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e}.picker-item{padding:.5rem .7rem;cursor:pointer;display:flex;justify-content:space-between;gap:.5rem}.picker-item.active,.picker-item:hover{background:var(--brand-soft)}.picker-sub{display:block}.picker-group{padding:.35rem .7rem;border-block-start:1px solid var(--line);background:var(--bg);font-weight:600}.totals{margin-inline-start:auto;width:min(22rem,100%)}.totals .row{justify-content:space-between;flex-wrap:nowrap;padding-block:.2rem}.totals .big{font-size:1.3rem;font-weight:700}@media(max-width:640px){table.cards thead{display:none}table.cards,table.cards tbody{display:block}table.cards tr{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;padding:.7rem 0;border-block-end:1px solid var(--line)}table.cards td{display:block;border:0;padding:0;min-width:0}table.cards td[data-label]:before{content:attr(data-label);display:block;font-size:.75rem;color:var(--mute)}table.cards td.num{text-align:start}table.cards td[data-wide]{grid-column:1 / -1}main.page{padding:.75rem}.topbar{padding:.5rem .75rem}.hide-phone{display:none!important}.nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-.75rem;padding-inline:.75rem}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;white-space:nowrap}.btn.small,.link{min-height:var(--tap)}.link{padding-inline:.4rem}}.stat-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:start}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;color:#000;background:#fff}}.order-text{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:.9rem;direction:ltr;text-align:start;margin:0}.till{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem;align-items:start}@media(max-width:860px){.till{grid-template-columns:1fr}}.result{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius);cursor:pointer}.result.active,.result:hover{background:var(--brand-soft)}.chip{min-height:var(--tap);padding:0 1rem;border:1px solid var(--line);border-radius:99px;background:var(--card);cursor:pointer}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}tr.sel td{background:var(--brand-soft)}kbd{background:var(--card);border:1px solid var(--line);border-block-end-width:2px;border-radius:5px;padding:0 .4rem;font:.75rem ui-monospace,Menlo,monospace;color:var(--ink);direction:ltr;unicode-bidi:isolate}.legend{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.8rem;color:var(--mute)}.complete{width:100%;font-size:1.1rem;min-height:52px}.receipt{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.35;background:#fff;color:#000;padding:6px;direction:ltr;text-align:start;width:72mm;margin-inline:auto}.receipt.w58{width:48mm}.receipt .rrow{display:flex;justify-content:space-between;gap:.5rem}.receipt hr{border:0;border-top:1px dashed #000;margin:5px 0}.receipt .c{text-align:center}@media print{@page{margin:2mm}.receipt{width:100%;padding:0}.receipt:not(.w58){max-width:72mm}.receipt.w58{max-width:48mm}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.stat{padding:.75rem 1rem}.stat.big .stat-value{font-size:1.6rem}.stat.ok .stat-value{color:var(--ok)}.stat.warn .stat-value{color:var(--warn)}.stat.bad .stat-value{color:var(--bad)}.stat.big{grid-column:1 / -1}input.check{width:1.4rem;min-height:0;height:1.4rem;accent-color:var(--brand)}label:has(>input.check){display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);cursor:pointer}select{min-height:var(--tap)}