:root{--space-1:.35rem;--space-2:.65rem;--space-3:1rem;--space-4:1.5rem;--radius:.65rem;--border:#d8d8d8;--surface:#fff;--surface-2:#f7f7f7;--text:#181818;--muted:#666;--danger:#9f1d1d;--success:#176b3a;--accent:#1e5eff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}.shop-test-banner{z-index:1000;text-align:center;color:#5f4300;background:#fff3cd;border-bottom:2px solid #d9a400;padding:.7rem 1rem;font-size:.92rem;position:sticky;top:0}body{color:var(--text);background:var(--surface);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}main{padding:var(--space-4);max-width:760px;margin:0 auto}main.wide{max-width:1180px}h1,h2{line-height:1.15}.card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin-block:var(--space-3);background:var(--surface)}.row{gap:var(--space-2);margin-block:var(--space-2);flex-wrap:wrap;align-items:end;display:flex}.grid-form{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}label{gap:var(--space-1);font-size:.92rem;display:grid}input,select,button{font:inherit;border:1px solid var(--border);border-radius:.45rem;padding:.55rem .65rem}button{cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}button:disabled{cursor:not-allowed;opacity:.6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem}td small{color:var(--muted);display:block}.muted{color:var(--muted)}.alert{color:var(--danger);font-weight:600}.success{color:var(--success);font-weight:600}.receipt-print{display:none}.receipt-totals{max-width:280px;margin-left:auto}.receipt-totals div{justify-content:space-between;gap:1rem;display:flex}.receipt-totals dt,.receipt-totals dd{margin:0}@media (prefers-color-scheme:dark){:root{--surface:#151515;--surface-2:#202020;--text:#f2f2f2;--muted:#b4b4b4;--border:#3a3a3a;--accent:#7ba2ff;--danger:#ff8c8c;--success:#75d69b}}@media (width<=640px){main{padding:var(--space-3)}.row>label,.row>button{flex:140px}}@page thermal{size:80mm auto;margin:4mm}@page invoiceA4{size:A4;margin:12mm}@media print{body{color:#000;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body *{visibility:hidden}.print-area,.print-area *,.receipt-print,.receipt-print *{visibility:visible}.print-area,.receipt-print{border:0;margin:0;padding:0;position:absolute;inset:0}.receipt-print{display:block}.receipt-thermal{page:thermal;width:72mm;font-size:9pt}.receipt-thermal h1{text-align:center;font-size:14pt}.receipt-thermal h2{font-size:10pt}.receipt-a4{page:invoiceA4;width:auto;font-family:system-ui,sans-serif}.no-print{display:none!important}.print-area table,.receipt-print table{font-size:11pt}}.sync-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.sync-grid>div{padding:var(--space-2);background:var(--surface-2);border-radius:var(--radius)}