:root{--bg:#f8f9fb;--surface:#ffffff;--surface-2:#fbfcfd;--subtle:#eef1f5;--border:#e3e6eb;--border-soft:#eef1f5;--text:#0f1729;--muted:#667085;--muted-2:#98a2b3;--accent:#0f766e;--accent-ink:#ffffff;--accent-soft:#e6f4f1;--accent-line:#cfe3df;--ok:#15803d;--ok-soft:#e6f4f1;--warn:#b45309;--warn-soft:#fff8ed;--warn-line:#f0c88a;--danger:#b42318;--radius:8px;--radius-sm:6px;--radius-lg:12px;--shadow:0 1px 2px rgba(15,23,41,0.05);--shadow-lg:0 1px 3px rgba(15,23,41,0.07),0 12px 32px rgba(15,23,41,0.06);--touch:44px;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI Variable Text,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:#0b5c56;text-decoration:underline}h1,h2,h3{line-height:1.15;letter-spacing:-.025em;margin:0 0 .4em}h1{font-size:1.3rem;font-weight:700}.money,.num,td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.015em}.lbl{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;color:var(--muted)}.btn,button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem .9rem;min-height:var(--touch);border-radius:var(--radius);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background .12s ease,border-color .12s ease,filter .12s ease}.btn:hover,button:hover{background:var(--subtle);text-decoration:none}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}.btn-primary:hover{background:#0b5c56;border-color:#0b5c56}.btn-lg{min-height:52px;padding:0 1.4rem;font-size:1rem}.btn-icon{padding:0;width:var(--touch);flex-shrink:0}.btn-quiet{border-color:transparent;background:transparent;min-height:32px;padding:.2rem .5rem;font-size:.85rem;color:var(--muted)}.btn-quiet:hover{background:var(--subtle);color:var(--text)}.btn-danger{color:var(--danger)}input,select,textarea{font:inherit;padding:.6rem .75rem;min-height:var(--touch);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);width:100%}input::placeholder{color:var(--muted-2)}input:focus,select:focus,textarea:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;color:var(--muted);margin-bottom:.3rem}label:has(input[type=checkbox]),label:has(input[type=radio]){display:inline-flex;align-items:center;gap:.45rem;text-transform:none;letter-spacing:normal;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:0;cursor:pointer}label input[type=checkbox],label input[type=radio]{width:auto;min-height:0;margin:0;accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.1rem}.container{max-width:1240px;margin:0 auto;padding:1.25rem}.row{align-items:center}.row,.stack{display:flex;gap:.75rem}.stack{flex-direction:column}.grid{display:grid;grid-gap:.9rem;gap:.9rem}.grid-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-form .span-all{grid-column:1/-1}.spread{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:650;padding:.2rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-muted{background:var(--subtle);color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.appbar{background:var(--surface);border-bottom:1px solid var(--border)}.appbar .container{justify-content:space-between;gap:.75rem;padding-top:.6rem;padding-bottom:.6rem}.appbar .container,.nav{display:flex;align-items:center}.nav{gap:.3rem}.nav a,.nav button{color:var(--text);padding:.4rem .7rem;min-height:38px;border-radius:var(--radius);border-color:transparent;background:transparent;font-weight:550}.nav a:hover,.nav button:hover{background:var(--subtle);text-decoration:none}.nav a.active,.nav button.active{background:var(--subtle);color:var(--text);font-weight:700}.brand{font-weight:700;font-size:1.1rem;letter-spacing:-.03em;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.brand-mark{width:28px;height:28px;border-radius:var(--radius);background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.1rem .85rem;gap:1.2rem}.sidebar,.sidebar-group{display:flex;flex-direction:column}.sidebar-group{gap:.15rem}.sidebar a{display:flex;align-items:center;gap:.6rem;padding:.5rem .55rem;min-height:38px;border-radius:var(--radius-sm);color:#475467;font-size:.92rem;font-weight:500}.sidebar a:before{content:"";width:6px;height:6px;border-radius:999px;background:transparent;flex-shrink:0}.sidebar a:hover{text-decoration:none}.sidebar a.active,.sidebar a:hover{background:var(--subtle);color:var(--text)}.sidebar a.active{font-weight:700}.sidebar a.active:before{background:var(--accent)}.page-head{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-body{padding:1.4rem 1.75rem 2.5rem;max-width:1280px}.segmented{display:inline-flex;background:var(--subtle);border-radius:var(--radius);padding:3px}.segmented button{border:0;background:transparent;min-height:34px;padding:.4rem .9rem;font-size:.86rem;font-weight:500;color:var(--muted);border-radius:var(--radius-sm)}.segmented button:hover{background:transparent;color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 2px rgba(15,23,41,.08)}.table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-head,.table-row{display:grid;grid-gap:1rem;gap:1rem;padding:.8rem 1.15rem;align-items:center}.table-head{background:var(--surface-2);border-bottom:1px solid var(--border)}.table-head+.table-row,.table-row+.table-row{border-top:1px solid var(--border-soft)}.bar{height:6px;background:var(--subtle);overflow:hidden}.bar,.bar-fill{border-radius:999px}.bar-fill{height:100%;background:var(--accent)}.avatar{width:34px;height:34px;border-radius:999px;background:var(--subtle);color:#475467;display:grid;place-items:center;font-size:.78rem;font-weight:750;flex-shrink:0}.avatar-owner{background:var(--text);color:#fff}.table-card.is-free{background:var(--surface)}.table-card.is-busy{background:var(--surface-2);border-color:#cfd9e4}.table-card.is-billed{background:var(--warn-soft);border-color:var(--warn-line)}.table-swatch{width:22px;height:12px;border-radius:3px;border:1px solid var(--border);background:var(--surface);flex-shrink:0}.table-swatch.sw-busy{background:var(--surface-2);border-color:#cfd9e4}.table-swatch.sw-billed{background:var(--warn-soft);border-color:var(--warn-line)}.actionbar{background:var(--surface);border-top:1px solid var(--border);padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:.65rem}.kds-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;align-items:start}.kds-band{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:var(--radius-lg);padding:.6rem .85rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.kds-band-queued{background:var(--subtle);color:#334155}.kds-band-cooking{background:var(--warn);color:#fff}.kds-band-ready{background:var(--accent);color:#fff}.kds-count{background:rgba(255,255,255,.22);border-radius:999px;min-width:24px;height:24px;padding:0 .45rem;display:grid;place-items:center;font-size:.82rem;font-weight:750}.kds-band-queued .kds-count{background:var(--surface)}.kds-card{border-radius:var(--radius-lg);padding:.85rem;display:flex;flex-direction:column;gap:.65rem}.kds-card-queued{background:var(--surface);border:1px solid #dbe1e8}.kds-card-cooking{background:var(--warn-soft);border:1px solid var(--warn-line)}.kds-card-ready{background:#eefaf6;border:1px solid #a7d9cf}.kds-card button{width:100%;font-weight:750}.kds-card-queued button{background:var(--text);border-color:var(--text);color:#fff}.kds-card-queued button:hover{background:#1e293b}.kds-card-cooking button{background:var(--warn);border-color:var(--warn);color:#fff}.kds-card-cooking button:hover{background:#96450a}.kds-card-ready button{background:var(--surface);border-color:#a7d9cf;color:var(--accent)}.kds-time{background:var(--subtle);color:#475467;border-radius:var(--radius-sm);padding:.18rem .5rem;font-size:.82rem;font-weight:700}.kds-time-late{background:var(--danger);color:#fff}.kds-note{align-self:flex-start;margin-left:1.75rem;background:#fff5e6;color:#92400e;border-radius:var(--radius-sm);padding:.2rem .45rem;font-size:.82rem;font-weight:650}@media (max-width:780px){.kds-board{grid-template-columns:minmax(0,1fr)}}.pos-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1fr);padding-bottom:8.5rem}.pos-cart{display:contents}.pos-cart-lines{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.1rem}.pos-cart-foot{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(15,23,41,.06);padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:.6rem}@media (min-width:900px){.pos-grid{grid-template-columns:minmax(0,1fr) 336px;padding-bottom:1.25rem}.pos-cart{display:flex;flex-direction:column;gap:.75rem;align-self:start;position:-webkit-sticky;position:sticky;top:1rem}.pos-cart-foot{position:static;box-shadow:none;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem}}@media (max-width:560px){.hide-mobile{display:none}.segmented button{padding:.4rem .7rem}}.topbar{display:none}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:.7rem;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);padding:.25rem .75rem}.topbar .btn-icon{width:36px;min-height:36px;border-color:transparent}.topbar strong{font-size:.95rem}.topbar-org{margin-left:auto;font-size:.78rem;color:var(--muted);max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(84vw,300px);border-right:1px solid var(--border);overflow-y:auto;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 40px rgba(15,23,41,.18)}.sidebar.open{transform:translateX(0)}.sidebar a{min-height:var(--touch)}.scrim{position:fixed;inset:0;z-index:50;background:rgba(15,23,41,.4);border:0;padding:0}.page-body,.page-head{padding-left:1rem;padding-right:1rem}.container{padding:1rem}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}