:root{--ink:#231f20;--paper:#f5f7f1;--card:#fff;--line:#c6cfbe;--muted:#5d6858;--green:#4e8a3c;--on-green:#fff;--danger:#b3372f;--soft:#e7ebe2;--display:"Reem Kufi", "Almarai", system-ui, sans-serif;--body:"DM Sans", "Almarai", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#eef3ee;--paper:#0b1411;--card:#121c19;--line:#2d3c37;--muted:#a2b3ab;--green:#7dbb63;--on-green:#0b1411;--danger:#ff8a7e;--soft:#1b2824;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eef3ee;--paper:#0b1411;--card:#121c19;--line:#2d3c37;--muted:#a2b3ab;--green:#7dbb63;--on-green:#0b1411;--danger:#ff8a7e;--soft:#1b2824;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html[lang=ar]{--body:"Almarai", "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font:15px/1.55 var(--body);margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}a{color:var(--green)}.co{max-width:1040px;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 40px);gap:20px;margin:0 auto;display:grid}.co>header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.co>header img{border-radius:10px;width:36px;height:36px}.co>header h1{font:700 26px/1.1 var(--display);text-wrap:balance;flex:1;margin:0}.cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=820px){.cols{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;gap:14px;padding:16px;display:grid}.panel h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}html[lang=ar] .panel h2{letter-spacing:0;font-size:13px}.line{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.line img,.line .ph{object-fit:cover;background:var(--soft);border-radius:10px;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.line .nm{overflow-wrap:anywhere;font-weight:600}.line small{color:var(--muted);display:block}.line .issue{color:var(--danger)}.qty{border:1px solid var(--line);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty button{cursor:pointer;background:0 0;border:0;width:30px;height:30px}.qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:26px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.sum{gap:6px;display:grid}.sum div{justify-content:space-between;gap:12px;display:flex}.sum .total{border-top:1px solid var(--line);padding-top:8px;font-size:18px;font-weight:700}.sum .off{color:var(--green)}.fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fields .wide{grid-column:1/-1}@media (width<=480px){.fields{grid-template-columns:1fr}}label{color:var(--muted);gap:4px;font-size:13px;display:grid}input,select,textarea{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:140px;width:auto}.btn{background:var(--green);color:var(--on-green);cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:700}.btn[disabled]{opacity:.5;cursor:default}.ghost{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px}.pay{gap:8px;display:grid}.pay label{border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.pay input{width:auto}.pay label:has(input:checked){border-color:var(--green);background:color-mix(in srgb, var(--green) 10%, transparent)}.muted{color:var(--muted);margin:0}.err{color:var(--danger);margin:0}.chip{background:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;background:0 0;border:0;padding:0}.done{text-align:center;max-width:560px;margin:0 auto}.done .big{font:700 30px/1.2 var(--display);margin:0}.bank{text-align:start;background:var(--soft);border-radius:12px;gap:4px;padding:12px 14px;display:grid}