:root{--bg: #16201c;--panel: #1f2b26;--panel-2: #283630;--line: #3a4a42;--ink: #eef0e6;--ink-2: #aab5aa;--gold: #e8b12b;--on-gold: #1b1602;--red: #f0705f;--green: #6fcf97;--blue: #7fb6e6;--paper: #f3f1e7;--paper-ink: #1c2420;--paper-line: #c9c5b3;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--cond: "Bahnschrift", "DIN Alternate", "Roboto Condensed", sans-serif-condensed, system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r: 10px;color-scheme:dark}:root[data-theme=light]{--bg: #e9ebe6;--panel: #ffffff;--panel-2: #f1f3ee;--line: #cdd3ca;--ink: #18221d;--ink-2: #56635a;--gold: #c98f00;--on-gold: #1b1602;--red: #b3261e;--green: #1b7a45;--blue: #1f5f99;--paper: #fffdf4;--paper-ink: #1c2420;--paper-line: #d8d3bd;--shadow: 0 6px 20px rgba(24, 34, 29, .14);color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.4 var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}h1,h2,h3{font-family:var(--cond);font-weight:600;margin:0;letter-spacing:.01em}h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--ink-2)}.small{font-size:.86rem}.right{text-align:right}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.gap-l{gap:18px}.hide{display:none!important}button{font:inherit;color:inherit;cursor:pointer}.btn{min-height:48px;padding:0 16px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--panel-2);font-family:var(--cond);font-size:1.05rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;user-select:none}.btn:active{transform:translateY(1px);filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.btn.danger{border-color:var(--red);color:var(--red)}.btn.ghost{background:transparent}.btn.big{min-height:60px;font-size:1.25rem}.btn.sm{min-height:40px;padding:0 12px;font-size:.95rem}.btn.block{width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;min-height:46px;padding:8px 12px;width:100%}textarea{min-height:80px}input[type=checkbox]{width:24px;height:24px;min-height:0;accent-color:var(--gold);flex:none}label.field{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--ink-2)}label.check{display:flex;align-items:center;gap:10px;min-height:44px}.shell{display:grid;grid-template-columns:92px 1fr;height:100%}.rail{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.rail button{background:none;border:0;border-left:4px solid transparent;padding:10px 4px;min-height:64px;font-family:var(--cond);font-size:.92rem;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-2)}.rail button .ico{font-size:1.45rem;line-height:1}.rail button[aria-current=page]{color:var(--ink);border-left-color:var(--gold);background:var(--panel-2)}.rail .spacer{flex:1}.rail .who{padding:8px 4px;text-align:center;font-size:.8rem;color:var(--ink-2);border-top:1px solid var(--line)}.main{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.page{padding:18px 22px 40px;display:flex;flex-direction:column;gap:16px;max-width:1280px;width:100%}.banner{background:repeating-linear-gradient(135deg,var(--gold) 0 14px,#d39a12 14px 28px);color:var(--on-gold);font-family:var(--cond);font-weight:600;font-size:.86rem;padding:3px 12px;text-align:center}.banner.offline{background:var(--red);color:#fff;font-size:1rem;padding:8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card>h2,.card>h3{margin-bottom:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs button{flex:none;min-height:46px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--panel);font-family:var(--cond);font-size:1.02rem;font-weight:600}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;font-weight:600;color:var(--ink-2);font-size:.86rem;padding:6px 8px;border-bottom:1.5px solid var(--line);white-space:nowrap}table.list td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}table.list tr.tap{cursor:pointer}table.list tr.tap:active{background:var(--panel-2)}.scroll-x{overflow-x:auto}.kpi{display:flex;flex-direction:column;gap:2px}.kpi b{font-family:var(--cond);font-size:1.7rem;font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1.5px solid currentColor;font-family:var(--cond);font-size:.86rem;font-weight:600;white-space:nowrap}.st-open{color:var(--ink-2)}.st-partissued{color:var(--blue)}.st-issued{color:var(--gold)}.st-partpaid,.st-paid{color:var(--green)}.st-closed{color:var(--ink-2)}.st-warn{color:var(--red)}.st-ok{color:var(--green)}.order{display:grid;grid-template-columns:1fr clamp(320px,31vw,400px);height:100%;min-height:0}.work{min-width:0;min-height:0;display:flex;flex-direction:column}.workhead{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.workbody{flex:1;overflow-y:auto;padding:14px}.plan{display:flex;flex-direction:column;gap:14px}.area{border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px 16px}.area h3{color:var(--ink-2);margin-bottom:10px}.area .places{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.place{position:relative;border:2px solid var(--line);background:var(--panel);min-width:128px;min-height:96px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;text-align:center}.place.table{width:148px;height:148px;border-radius:50%}.place.bar{flex:1 1 260px;border-radius:12px 12px 40px 40px;min-height:84px;border-bottom-width:6px}.place.seat{min-width:96px;min-height:84px;border-radius:18px 18px 10px 10px}.place .pname{font-family:var(--cond);font-weight:600;font-size:1.12rem}.place .psum{font-size:1.02rem}.place .pstate{font-size:.78rem;font-family:var(--cond);font-weight:600}.place.busy{border-color:currentColor;background:var(--panel-2)}.place.busy .pname,.place.busy .psum{color:var(--ink)}.place.sel{box-shadow:0 0 0 4px var(--gold)}.place .count{position:absolute;top:-8px;right:-4px;background:var(--ink);color:var(--bg);border-radius:999px;min-width:26px;height:26px;font-size:.85rem;font-weight:700;display:grid;place-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.tile{position:relative;min-height:92px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--panel);padding:10px 10px 8px 14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.tile:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:hsl(var(--hue, 45) 60% 52%)}.tile:active{background:var(--panel-2);transform:scale(.98)}.tile .tname{font-family:var(--cond);font-weight:600;font-size:1.12rem;line-height:1.12}.tile.has-qty .tname{display:inline-block;padding-right:30px}.cart .btn{font-size:.98rem;padding:0 8px}.tile .tsub{font-size:.82rem;color:var(--ink-2)}.tile .tprice{font-weight:600}.tile .tqty{position:absolute;top:6px;right:6px;background:var(--gold);color:var(--on-gold);border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;font-weight:700}.tile .tstock{font-size:.74rem;color:var(--red);font-weight:600}.bon{background:var(--paper);color:var(--paper-ink);display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);position:relative}.bon:before{content:"";position:absolute;left:-7px;top:0;bottom:0;width:14px;background:radial-gradient(circle at 0 7px,var(--bg) 6px,transparent 6.5px) 0 0 / 14px 18px repeat-y}.bon .btn{background:transparent;border-color:var(--paper-ink);color:var(--paper-ink)}.bon .btn.primary{background:var(--paper-ink);color:var(--paper)}.bon .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.bon .btn.danger{border-color:#b3261e;color:#b3261e}.bon .muted{color:#5d665e}.bonhead{padding:12px 16px 8px;border-bottom:2px dashed var(--paper-line)}.bonhead h2{font-size:1.45rem}.bonbody{flex:1;overflow-y:auto;padding:6px 16px 10px}.bonfoot{padding:10px 16px 14px;border-top:2px dashed var(--paper-line);display:flex;flex-direction:column;gap:8px}.bon .chip{background:transparent}.bon .st-open{color:#5d665e}.bon .st-partissued{color:#1f5f99}.bon .st-issued{color:#8a5f00}.bon .st-partpaid,.bon .st-paid{color:#1b7a45}.round-h{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-family:var(--cond);font-weight:600;color:#5d665e;font-size:.9rem}.round-h:after{content:"";flex:1;border-top:1px solid var(--paper-line)}.line{display:grid;grid-template-columns:34px 1fr auto;gap:6px;align-items:center;width:100%;background:none;border:0;text-align:left;padding:7px 0;min-height:46px;border-bottom:1px dotted var(--paper-line);color:inherit}.line .q{font-family:var(--cond);font-weight:700;font-size:1.15rem}.line .n{line-height:1.15}.line .n small{display:block;color:#5d665e;font-size:.78rem}.line.done .q:after{content:" ✓";color:#1b7a45}.line.void .n{text-decoration:line-through;color:#8a8f88}.totals{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:1rem}.totals .big{font-family:var(--cond);font-size:1.6rem;font-weight:700}.cart{background:#fff7d6;border:2px solid var(--gold);border-radius:10px;padding:8px 10px;margin:8px 0}.cart h3{font-size:1rem}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper button{width:40px;height:40px;border-radius:8px;border:1.5px solid currentColor;background:transparent;font-size:1.3rem;font-weight:700;line-height:1}.stepper span{min-width:30px;text-align:center;font-weight:700;font-size:1.1rem}.overlay{position:fixed;inset:0;background:#080c0a9e;display:grid;place-items:center;z-index:50;padding:14px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);width:min(560px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column}.modal.wide{width:min(860px,100%)}.modal header{padding:14px 18px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.modal .mbody{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal footer{padding:12px 18px 16px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--line)}.toasts{position:fixed;left:50%;top:34px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80;width:min(560px,calc(100vw - 24px))}.toast{background:var(--ink);color:var(--bg);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;font-weight:600}.toast.err{background:var(--red);color:#fff}.toast a,.toast button{color:inherit;font-weight:700;text-decoration:underline;background:none;border:0;padding:4px}.note{border-left:4px solid var(--gold);background:var(--panel-2);padding:10px 12px;border-radius:0 8px 8px 0;font-size:.93rem}.note.warn{border-left-color:var(--red)}.gate{min-height:100%;display:grid;place-items:center;padding:20px}.gatebox{width:min(760px,100%);display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.gatebox.single{grid-template-columns:1fr;width:min(520px,100%)}.names{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.names button{min-height:72px;border-radius:12px;border:2px solid var(--line);background:var(--panel);font-family:var(--cond);font-size:1.25rem;font-weight:600}.names button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pad button{min-height:62px;border-radius:12px;border:1.5px solid var(--line);background:var(--panel);font-family:var(--cond);font-size:1.6rem;font-weight:600}.pad button:active{background:var(--gold);color:var(--on-gold)}.dots{display:flex;gap:10px;justify-content:center;min-height:26px;margin:6px 0 12px}.dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink-2)}.dots i.on{background:var(--gold);border-color:var(--gold)}.amount{font-family:var(--cond);font-size:2.2rem;font-weight:700;text-align:right;padding:4px 12px;border:2px solid var(--line);border-radius:10px;background:var(--bg);min-height:60px}@media(max-width:820px){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.rail{order:2;flex-direction:row;border-right:0;border-top:1px solid var(--line);overflow-x:auto}.rail button{border-left:0;border-top:4px solid transparent;min-width:74px;min-height:58px;padding:6px 4px}.rail button[aria-current=page]{border-top-color:var(--gold)}.rail .spacer,.rail .who{display:none}.order{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,46%)}.bon{border-left:0;border-top:1px solid var(--line)}.bon:before{display:none}.gatebox{grid-template-columns:1fr}.page{padding:12px 12px 30px}.banner{font-size:.72rem;padding:2px 8px}.workhead{flex-wrap:wrap}.place.table{width:118px;height:118px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{.rail,.banner,.toasts{display:none}}