:root{--ink: #F3EBDD;--muted: #9b948a;--paper: #0b0906;--surface: #171310;--surface-2: #211b16;--dark: #050505;--gold: #F5B800;--line: #2b2621;--ok: #7ddc9a;--bad: #ff8f84;--rem: #ffcf6b;--disp: "Bebas Neue", sans-serif;--body: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column}img{max-width:100%}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit}code{background:var(--dark);padding:.1em .3em;border-radius:4px;font-size:.9em}.loading,.muted{color:var(--muted)}.loading{padding:2rem;text-align:center}.pad{padding:1rem}.err{color:var(--bad);font-size:.9rem}.brand{font-family:var(--disp);font-size:1.6rem;letter-spacing:.04em}.brand span{color:var(--gold)}.mid{margin:auto;text-align:center;padding:2rem;display:grid;gap:1rem;max-width:380px}.mid h1{font-family:var(--disp);font-weight:400}.login{display:grid;gap:.7rem}.login input,.login button,.big-input{padding:.9rem 1rem;border-radius:12px;font-size:1rem;border:1px solid var(--line);background:var(--dark);color:var(--ink);width:100%}.login button{background:var(--gold);color:var(--dark);font-weight:800;border:0}.bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:var(--dark);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:8}.brandbtn{border:0;background:transparent;font-family:var(--disp);font-size:1.3rem;letter-spacing:.04em}.brandbtn span{color:var(--gold)}.who{color:var(--muted);font-size:.8rem;margin-right:auto}.ghost{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.45rem .8rem;font-size:.8rem}.ghost.sm{padding:.3rem .6rem;font-size:.75rem}#screen{flex:1;display:flex;flex-direction:column}.service{padding:.8rem;display:grid;gap:1rem}.mesas{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:start}.col{display:grid;gap:.6rem}.mid-col{align-content:center}.mesa{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:.9rem .6rem;display:grid;gap:.15rem;text-align:center;min-height:84px;align-content:center}.mesa.occ{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.mesa-n{font-weight:800}.mesa-free{color:var(--muted);font-size:.8rem}.mesa-t{color:var(--gold);font-weight:800}.mesa-m{color:var(--muted);font-size:.72rem}.takeout-btn{border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent);border-radius:16px;padding:1.2rem .6rem;display:grid;gap:.3rem;font-size:1.6rem;color:var(--gold)}.takeout-btn span{font-family:var(--disp);font-size:1rem;letter-spacing:.05em;color:var(--ink)}.open-list h3,.history h3,.admin h3{font-family:var(--disp);font-weight:400;font-size:1.3rem;margin-bottom:.5rem}.open-list h3 span,.history h3 span{color:var(--muted);font-family:var(--body);font-size:.8rem}.open-row,.hrow{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:.3rem .6rem;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.6rem .7rem;margin-bottom:.4rem;text-align:left}.open-row strong,.hrow strong{font-size:.95rem}.tag{font-size:.68rem;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.to,.tag.in{grid-row:1}.tag.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.tag.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.op-total,.h-total{font-weight:800}.op-pay{grid-column:1 / -1;font-size:.72rem;color:var(--muted)}.op-pay.paid{color:var(--ok)}.op-pay.partially_paid{color:var(--rem)}.order,.catalog,.checkout,.history,.admin{padding:.8rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.order-head,.cat-head{display:flex;align-items:center;gap:.6rem}.oh-title{display:grid;margin-right:auto}.oh-title strong{font-size:1.05rem}.oh-title .muted{font-size:.75rem}#more{font-size:1rem;line-height:1}.items{display:grid;gap:.5rem}.it{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;display:grid;gap:.15rem}.it.voided{opacity:.55}.it-top{display:flex;justify-content:space-between;font-weight:700;font-size:.92rem}.it em{font-style:normal;font-size:.76rem}.it .rm{color:var(--bad)}.it .ad{color:var(--gold)}.it .nt{color:var(--muted)}.it-act{display:flex;gap:.8rem}.it-act button{border:0;background:transparent;color:var(--muted);font-size:.74rem;text-decoration:underline;padding:0}.items.ro .it-act{display:none}.summary{border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;display:grid;gap:.3rem;background:var(--surface)}.sl{display:flex;justify-content:space-between;font-size:.9rem}.sl.disc{color:var(--gold)}.sl.total{font-weight:800;font-size:1.05rem;border-top:1px solid var(--line);padding-top:.35rem;margin-top:.1rem}.sl.rem span{color:var(--rem);font-weight:700}.sl.ok span{color:var(--ok)}.order-actions{margin-top:auto;display:grid;gap:.5rem;position:sticky;bottom:0;padding:.6rem 0 calc(.4rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 22%)}.btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.95rem;font-weight:700;width:100%}.btn.primary{background:var(--gold);color:var(--dark);border:0;font-weight:800}.btn.ghost2{background:transparent}.btn.big{padding:1.15rem;font-size:1.05rem}.btn.sm{padding:.5rem .8rem;width:auto;font-size:.85rem}.btn.xs{padding:.45rem .7rem;width:auto;font-size:.8rem;background:var(--gold);color:var(--dark);border:0;font-weight:700}.btn[disabled]{opacity:.4}.cat-head{justify-content:space-between}.cat-tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem}.cat-tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem .9rem;font-weight:700;font-size:.85rem;white-space:nowrap}.cat-tabs button.on{background:var(--gold);color:var(--dark);border-color:var(--gold)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;align-content:start}@media(min-width:700px){.pgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.pcard{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;display:grid;gap:.1rem;padding-bottom:.5rem;text-align:left}.pcard img,.pcard .noimg{aspect-ratio:4/3;width:100%;object-fit:cover;display:grid;place-items:center;font-size:2rem;background:var(--surface-2)}.pc-n{font-weight:700;font-size:.9rem;padding:.4rem .5rem 0}.pc-p{color:var(--gold);font-weight:800;font-size:.85rem;padding:0 .5rem}.co-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.co-amounts div{border:1px solid var(--line);border-radius:10px;padding:.6rem;text-align:center;display:grid;gap:.2rem}.co-amounts span{color:var(--muted);font-size:.72rem}.co-amounts b{font-size:1.1rem}.co-amounts .rem b{color:var(--rem)}.co-amounts .ok b{color:var(--ok)}.paylist{display:grid;gap:.35rem}.pl{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font-size:.85rem}.pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.pays button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.9rem .5rem;font-weight:700}.lbl{font:700 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.done{margin:auto;text-align:center;display:grid;gap:.7rem;padding:2rem;max-width:320px}.done-ic{font-size:3rem}.done h2{font-family:var(--disp);font-weight:400}.hlist{display:grid}.hrow{grid-template-columns:auto 1fr auto auto}.hrow .muted{grid-column:1 / -1;font-size:.7rem}.sheet-wrap{position:fixed;inset:0;z-index:20;background:#050505b8;display:grid;align-items:end}@media(min-width:640px){.sheet-wrap{align-items:center;justify-items:center}}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:92dvh;overflow:auto;padding:1.2rem;display:grid;gap:.7rem;position:relative}@media(min-width:640px){.sheet{border-radius:20px}}.sheet h2{font-family:var(--disp);font-weight:400;font-size:1.6rem}.x{position:absolute;top:.6rem;right:.7rem;width:38px;height:38px;border:0;border-radius:999px;background:var(--dark);font-size:1.4rem}.stack{display:grid;gap:.7rem}.stack input,.nt,.fl input,.fl select,.fl textarea{padding:.8rem;border-radius:10px;border:1px solid var(--line);background:var(--dark);color:var(--ink);width:100%;font-size:.95rem}.fl{display:grid;gap:.3rem;font-size:.8rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips button{border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent);border-radius:999px;padding:.45rem .75rem;font-size:.82rem}.chips button.off{border-color:var(--line);background:transparent;color:var(--muted);text-decoration:line-through}.chips .contodo{background:transparent;border-color:var(--line);color:var(--muted)}.chips .contodo.on{background:var(--gold);border-color:var(--gold);color:var(--dark);font-weight:700}.qrow{display:flex;gap:.8rem;align-items:center;margin-top:.3rem}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}.stepper.big{justify-self:center;font-size:1.2rem}.stepper button{width:44px;height:48px;border:0;background:transparent;font-size:1.4rem}.stepper span{min-width:2.4ch;text-align:center;font-weight:800}.add{border:0;background:var(--gold);color:var(--dark);font-weight:800;padding:1rem;border-radius:12px;width:100%;flex:1}.menu-list{display:grid;gap:.4rem}.menu-list button{border:1px solid var(--line);background:var(--dark);border-radius:10px;padding:.8rem;text-align:left}.menu-list button.on{border-color:var(--gold)}.menu-list button.danger,.menu-list button.on.danger{color:var(--bad)}.grid-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.grid-btns button{border:1px solid var(--line);background:var(--dark);border-radius:10px;padding:.8rem .4rem;font-weight:700}.disc-list{display:grid;gap:.4rem}.disc-opt{border:1px solid var(--line);background:var(--dark);border-radius:10px;padding:.8rem;display:flex;justify-content:space-between}.disc-opt.on{border-color:var(--gold)}.disc-opt.rem{color:var(--bad);justify-content:center}.disc-opt b{color:var(--gold)}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%) translateY(1rem);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.7rem 1.1rem;font-size:.85rem;opacity:0;transition:.2s;z-index:30;max-width:90vw;text-align:center}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.toast.bad{border-color:var(--bad);color:var(--bad)}.toast.ok{border-color:var(--ok);color:var(--ok)}.admin-tabs{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.4rem}.admin-tabs button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.45rem .8rem;font-size:.8rem;white-space:nowrap}.admin-tabs button.on{background:var(--gold);color:var(--dark);border-color:var(--gold)}.atable{display:grid;gap:.5rem;margin-top:.7rem}.arow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;background:var(--surface)}.arow input:not([type=checkbox]),.arow select{padding:.5rem .6rem;border-radius:8px;border:1px solid var(--line);background:var(--dark);color:var(--ink);font-size:.85rem;min-width:0}.arow input[name=name],.arow input[name=display_name]{flex:1 1 120px}.a-num{width:84px}.a-chk{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--muted)}