:root{--c: #be185d;--bg: #f6f7f8;--line: #e2e5e8;--muted: #6b7280}*{box-sizing:border-box}body{margin:0;font:16px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#111827}.app{max-width:720px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 12px 84px}header{display:flex;align-items:center;gap:10px;padding:14px 0 4px;flex-wrap:wrap}h1{font-size:1.25rem;margin:0}h2{font-size:1.05rem;margin:20px 0 8px}.badge{background:#fef3c7;color:#92400e;font-size:.75rem;padding:2px 8px;border-radius:99px}.muted{color:var(--muted);font-size:.9rem}.center{text-align:center}.pre{white-space:pre-line}.error{color:#b91c1c;background:#fee2e2;padding:8px 12px;border-radius:8px}.list{list-style:none;margin:0;padding:0;background:#fff;border-radius:12px;border:1px solid var(--line)}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:0}.click{cursor:pointer}.stepper{display:flex;align-items:center;gap:4px}.stepper input{width:52px;text-align:center}button{font:inherit;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}button.primary{background:var(--c);color:#fff;border-color:var(--c);width:100%;margin-top:12px;padding:12px;font-weight:600}button:disabled{opacity:.5}.actions{display:flex;gap:8px;margin-top:8px}.actions .primary{margin-top:0}.form{display:grid;gap:8px}input,textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}label{font-size:.85rem;color:var(--muted)}.totals{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.totals div{display:flex;justify-content:space-between;padding:4px 0}.totals .grand{font-weight:700;font-size:1.15rem;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;border:0;border-radius:0;padding:14px 4px;font-size:.85rem}nav button.active{color:var(--c);font-weight:700;box-shadow:inset 0 -3px 0 var(--c)}.invoice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:12px}table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem}th,td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left}.r{text-align:right}.qr{margin-top:12px}.qr img{width:100%;max-width:280px;height:auto}@media print{.no-print{display:none!important}body{background:#fff}.app{padding:0;max-width:none}.invoice{border:0}}