:root{--bg:#f6f7f2;--surface:#fff;--ink:#1d2419;--muted:#626b5c;--line:#dde2d4;--pistachio:#5f8a2c;--pistachio-soft:#e6efd9;--honey:#b9781a;--honey-soft:#f7ead2;--danger:#b23a2a;--f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141812;--surface:#1c2219;--ink:#e8ede1;--muted:#9ba592;--line:#2f382a;--pistachio:#9cc95f;--pistachio-soft:#26331b;--honey:#e3a64a;--honey-soft:#3a2c14;--danger:#e8735f;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}h1{font-family:var(--f-display);font-size:1.5rem;margin:0 0 6px}.sub{color:var(--muted);margin:0 0 16px}.wrap{max-width:1100px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:12px max(16px,env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-family:var(--f-display);font-weight:700;font-size:1.3rem}nav{display:flex;flex-wrap:wrap;gap:4px}.tab{padding:6px 12px;border-radius:7px;background:var(--bg);color:var(--muted)}.who{margin-left:auto;display:flex;gap:8px;align-items:center}.role{font-size:.75rem;padding:2px 8px;border-radius:99px;background:var(--honey-soft)}.role.admin{background:var(--pistachio-soft)}.center{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 24px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}input{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}input:focus,button:focus-visible{outline:2px solid var(--pistachio);outline-offset:1px}.btn{font:inherit;font-weight:600;border:0;border-radius:9px;padding:11px 18px;cursor:pointer;background:var(--pistachio);color:var(--surface);margin-top:6px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.small{padding:6px 12px;margin:0}.btn:disabled{opacity:.6}.err{color:var(--danger);min-height:1.4em;margin:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px}button,a,[role=button],.srow{touch-action:manipulation;user-select:none;-webkit-user-select:none}.top{padding-top:max(12px,env(safe-area-inset-top))}nav .tab{font:inherit;border:0;cursor:pointer}nav .tab[aria-selected=true]{background:var(--ink);color:var(--surface)}.tab:active,.btn:active,.step button:active{transform:scale(.97)}.btn,.tab,.step button{transition:transform .1s ease-out,background .1s}h2{font-family:var(--f-display);font-size:1.35rem;margin:0 0 10px}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}@media (max-width:860px){.layout{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field input,.field textarea,.search{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.field.haserr input{border-color:var(--danger)}.hint{color:var(--muted);font-size:.82rem}.lab{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.errlab{color:var(--danger)}.prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.prod{border:1px solid var(--line);border-radius:10px;padding:10px 10px 6px 12px}.prod.on{border-color:var(--pistachio);background:var(--pistachio-soft)}.pn small{color:var(--muted);margin-left:6px}.srow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;cursor:pointer;border-top:1px dashed var(--line)}.pn+.srow{border-top:0}.sz em{font-style:normal;color:var(--muted);font-size:.85rem;margin-left:4px;font-variant-numeric:tabular-nums}.step{display:flex;align-items:center;gap:4px}.step button{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.15rem;cursor:pointer}.step output{min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.formtotal{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:10px;background:var(--bg)}.formtotal b{font-family:var(--f-display);font-size:1.4rem;font-variant-numeric:tabular-nums}.payrow{display:grid;grid-template-columns:minmax(0,160px) auto minmax(0,1fr);gap:12px;align-items:end}@media (max-width:520px){.payrow{grid-template-columns:1fr 1fr}.payrow .rest{grid-column:1/-1;text-align:left}}.chk{display:flex;align-items:center;gap:8px;height:44px;text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--ink);font-weight:500}.chk input{width:20px;height:20px;accent-color:var(--pistachio)}.rest{text-align:right}.rest b{display:block;font-family:var(--f-display);font-size:1.2rem;font-variant-numeric:tabular-nums}.rest b.ok{color:var(--pistachio)}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions .btn{margin:0}.msg{margin:0;color:var(--pistachio);font-weight:500}.msg.err{color:var(--danger)}.editbar{background:var(--honey-soft);border-radius:8px;padding:8px 12px;font-size:.92rem}.link{font:inherit;font-size:.88rem;background:none;border:0;padding:4px 0;color:var(--pistachio);cursor:pointer;text-decoration:underline}.link.del{color:var(--danger)}.listhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.search{margin:6px 0 4px}.count{color:var(--muted);font-size:.85rem;margin:4px 0 8px}.list{display:flex;flex-direction:column;gap:8px}.order{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:6px}.order.sel{border-color:var(--honey);box-shadow:0 0 0 2px var(--honey-soft)}.ohead{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.oname{font-weight:600;overflow-wrap:anywhere;min-width:0}.when{font-size:.85rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.items,.meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:.88rem;color:var(--muted)}.items{gap:4px}.chip{font-size:.8rem;padding:2px 8px;border-radius:99px;background:var(--honey-soft);color:var(--ink)}.chip.late{background:var(--danger);color:#fff}.chip.ready{background:var(--pistachio);color:var(--surface)}.chip.paid{background:var(--pistachio-soft)}.chip.due{background:transparent;border:1px solid var(--danger);color:var(--danger)}.price{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.tel{-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums}.inlineconfirm{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink)}@media (hover:hover) and (pointer:fine){.link:hover{opacity:.8}.srow:hover output{color:var(--pistachio)}}