:root{--paper: #f2f5f3;--sheet: #ffffff;--ink: #16233f;--ink-2: #4a5874;--ink-3: #7d889c;--line: #d5ddd8;--leaf: #2e8a57;--leaf-soft: #e2f0e7;--crimson: #b8323f;--crimson-soft: #f7e3e5;--amber: #a8740c;--amber-soft: #f8eed6;--focus: #2e8a57;--r-sheet: 16px;--r-field: 10px;--display: "Noto Kufi Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--body: "IBM Plex Sans Arabic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #0f1a2e;--sheet: #172540;--ink: #e8eef0;--ink-2: #b3bfcf;--ink-3: #8391a8;--line: #2a3a58;--leaf: #4cb27a;--leaf-soft: #17392b;--crimson: #ef7280;--crimson-soft: #3d1f2a;--amber: #e3b04b;--amber-soft: #3a2f16;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);font-variant-numeric:tabular-nums;padding-top:env(safe-area-inset-top,0px)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{max-width:560px;margin:0 auto;padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px))}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px}.top h1{font:700 1.35rem/1.3 var(--display);margin:0}.top .who{color:var(--ink-3);font-size:.85rem}h2{font:700 1.05rem/1.4 var(--display);margin:28px 0 10px}.muted{color:var(--ink-3)}.small{font-size:.85rem}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1}.stack>*+*{margin-top:12px}.receipt{background:var(--sheet);padding:20px 20px 30px;border-radius:var(--r-sheet) var(--r-sheet) 0 0;position:relative;box-shadow:0 1px 0 var(--line)}.receipt:after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:10px;background:linear-gradient(135deg,var(--sheet) 50%,transparent 50%) 0 0 / 14px 10px repeat-x,linear-gradient(225deg,var(--sheet) 50%,transparent 50%) 0 0 / 14px 10px repeat-x}.receipt .title{color:var(--ink-2);font-size:.9rem}.receipt .big{font:800 2.6rem/1.15 var(--display);letter-spacing:-.5px;margin:4px 0 16px}.tally{list-style:none;margin:0;padding:0}.tally li{display:grid;grid-template-columns:1.4em 1fr auto;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--line)}.tally li:last-child{border-bottom:0}.tally .op{color:var(--ink-3);font-family:var(--display)}.tally .amt{font-family:var(--display);font-weight:500}.tally .sum{border-top:3px double var(--ink);border-bottom:0;margin-top:4px;padding-top:10px;font-weight:600}.tally .hint{grid-column:2 / 4;color:var(--ink-3);font-size:.8rem;margin-top:-2px}.sheet{background:var(--sheet);border-radius:var(--r-sheet);padding:16px}.list{background:var(--sheet);border-radius:var(--r-sheet);overflow:hidden}.list>.item{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.list>.item:last-child{border-bottom:0}.item .main{flex:1;min-width:0}.item .t{font-weight:600}.item .d{color:var(--ink-3);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amt-in{color:var(--leaf);font:600 1rem var(--display);white-space:nowrap}.amt-out{color:var(--crimson);font:600 1rem var(--display);white-space:nowrap}.amt-flat{color:var(--ink-2);font:600 1rem var(--display);white-space:nowrap}.empty{padding:28px 16px;text-align:center;color:var(--ink-2)}.stockbar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-radius:var(--r-sheet);overflow:hidden}.stockbar>div{background:var(--sheet);padding:14px 16px}.stockbar .n{font:800 1.9rem/1.1 var(--display)}.stockbar .l{color:var(--ink-2);font-size:.85rem}.split{display:flex;gap:10px;margin-top:6px;font-size:.8rem;color:var(--ink-3);flex-wrap:wrap}.tag{display:inline-block;padding:1px 9px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.tag.ok{background:var(--leaf-soft);color:var(--leaf)}.tag.due{background:var(--amber-soft);color:var(--amber)}.tag.bad{background:var(--crimson-soft);color:var(--crimson)}.tag.plain{background:var(--paper);color:var(--ink-2)}.alert{border-inline-start:4px solid var(--amber);background:var(--amber-soft);padding:10px 14px;border-radius:8px;font-size:.92rem}.alert.bad{border-color:var(--crimson);background:var(--crimson-soft)}label.f{display:block}label.f>span{display:block;font-size:.88rem;color:var(--ink-2);margin-bottom:4px}.in,select.in,textarea.in{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r-field);background:var(--sheet);min-height:46px}.in:focus{border-color:var(--leaf);outline:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--paper);border-radius:12px;padding:4px;gap:4px}.seg button{border:0;background:transparent;padding:10px 6px;border-radius:9px;font-weight:600;color:var(--ink-2);cursor:pointer;min-height:44px}.seg button[aria-pressed=true]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px #16233f26}.stepper{display:flex;align-items:center;gap:0;border:1.5px solid var(--line);border-radius:var(--r-field);overflow:hidden;background:var(--sheet)}.stepper button{width:48px;height:46px;border:0;background:var(--paper);font-size:1.3rem;cursor:pointer}.stepper input{flex:1;border:0;text-align:center;font:700 1.2rem var(--display);background:transparent;min-width:0;height:46px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;min-height:48px;text-decoration:none}.btn.primary{background:var(--ink);color:var(--paper)}.btn.go{background:var(--leaf);color:#fff}.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn.danger{background:transparent;color:var(--crimson);border:1.5px solid var(--crimson-soft)}.btn.block{width:100%}.btn svg{width:22px;height:22px;flex:none}.btn:disabled{opacity:.5;cursor:default}.linkbtn{background:none;border:0;color:var(--leaf);font-weight:600;cursor:pointer;padding:6px 0}.err{color:var(--crimson);font-size:.9rem;margin:8px 0 0}.tabs{position:fixed;inset-inline:0;bottom:0;z-index:10;background:var(--sheet);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;align-items:center}.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.75rem;color:var(--ink-3);text-decoration:none}.tabs a.active{color:var(--ink);font-weight:600}.tabs a svg{width:22px;height:22px}.tabs a.sell{flex:0 0 auto;margin-top:-26px}.tabs a.sell span.pill{width:60px;height:60px;border-radius:50%;background:var(--leaf);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px #2e8a5759}.tabs a.sell svg{width:28px;height:28px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a2e73;z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--sheet);width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));animation:rise .22s ease-out}.modal h3{font:700 1.1rem var(--display);margin:0 0 14px}@keyframes rise{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.tap{display:grid;place-items:center;padding:26px 0 10px}.tap .ring{width:120px;height:120px;border-radius:50%;border:3px solid var(--leaf);display:grid;place-items:center;position:relative}.tap .ring:before,.tap .ring:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid var(--leaf);animation:pulse 1.6s ease-out infinite}.tap .ring:after{animation-delay:.8s}.tap.done .ring{background:var(--leaf);color:#fff}.tap.done .ring:before,.tap.done .ring:after{display:none}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.center{min-height:80vh;display:grid;place-items:center;text-align:center;padding:24px}.center .mark{width:72px;height:72px;margin:0 auto 16px}.center h1{font:800 1.6rem var(--display);margin:0 0 8px}.printpage{background:#fff;color:#16233f}@media print{body{background:#fff;padding:0}.noprint{display:none!important}.app{max-width:none;padding:0}@page{size:A4;margin:14mm}}.invoice{background:#fff;color:#16233f;padding:28px;border-radius:var(--r-sheet);font-size:14px}.invoice .head{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #16233f;padding-bottom:14px}.invoice .head h1{font:800 1.05rem/1.5 var(--display);margin:0}.invoice .head .brand{font:800 1.1rem var(--display);color:#2e8a57;white-space:nowrap}.invoice .meta{display:flex;justify-content:space-between;align-items:flex-end;margin:18px 0}.invoice .meta .kind{font:800 2rem var(--display)}.invoice table{width:100%;border-collapse:collapse}.invoice th{background:#16233f;color:#fff;padding:8px;font-weight:600}.invoice td{padding:10px 8px;border-bottom:1px solid #d5ddd8;text-align:center}.invoice td.desc{text-align:start}.invoice .totals{width:60%;margin-inline-start:auto;margin-top:14px}.invoice .totals div{display:flex;justify-content:space-between;padding:6px 8px}.invoice .totals .g{background:#2e8a57;color:#fff;font:800 1.1rem var(--display);border-radius:6px}.invoice .foot{margin-top:26px;color:#4a5874;font-size:12.5px}.qrsheet{display:grid;grid-template-columns:repeat(3,1fr);gap:8mm;background:#fff;padding:8mm;border-radius:var(--r-sheet)}.qrsheet figure{margin:0;border:1px dashed #b7c2bb;border-radius:8px;padding:8px;text-align:center;color:#16233f}.qrsheet img{width:100%;display:block}.qrsheet figcaption{font:700 11px var(--display);margin-top:4px}