:root{--accent: #7c5cfc;--accent-strong: #6a45f0;--accent-2: #9b7bff;--accent-soft: #efeaff;--accent-ink: #5b3fd6;--accent-contrast: #ffffff;--grad: linear-gradient(135deg, var(--accent), var(--accent-2));--bg: #f4f5fb;--surface: #ffffff;--surface-2: #f8f9fc;--border: #ebedf4;--ink: #1e2233;--ink-soft: #5c6479;--muted: #8a90a2;--dark: #1f2433;--radius: 14px;--radius-lg: 20px;--pill: 999px;--shadow-sm: 0 2px 8px rgba(30,34,80,.05);--shadow-md: 0 8px 24px rgba(30,34,80,.08);--shadow-lg: 0 18px 44px rgba(30,34,80,.18);--green: #16a34a;--red: #dc2626;--amber: #d97706;--blue: #3b82f6}@font-face{font-family:Noto Sans Thai UI;src:url(/fonts/NotoSansThaiUI-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B}@font-face{font-family:Noto Sans Thai UI;src:url(/fonts/NotoSansThaiUI-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans Thai UI,Segoe UI,Leelawadee UI,Tahoma,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}button:active{transform:translateY(1px)}.muted{color:var(--muted);font-size:.85rem}.center{text-align:center;margin-top:2rem}.error{color:var(--red);font-size:.9rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grad);padding:1rem}.login-card{background:var(--surface);padding:2.5rem;border-radius:var(--radius-lg);width:350px;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-lg)}.login-card h1{font-size:1.5rem}.login-card input{padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:12px;font-size:1rem;background:var(--surface-2);outline:none;transition:border-color .15s}.login-card input:focus{border-color:var(--accent);background:var(--surface)}.login-card button{padding:.85rem;border:none;border-radius:12px;background:var(--grad);color:#fff;font-size:1rem;font-weight:700;box-shadow:var(--shadow-md)}.login-card button:disabled{opacity:.6}.pos{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;background:linear-gradient(120deg,var(--accent-strong),var(--accent));color:#fff;box-shadow:var(--shadow-md);position:relative;z-index:20}.brand{font-weight:800;font-size:1.15rem;letter-spacing:.2px;white-space:nowrap}.topbar nav{display:flex;gap:.35rem;flex:1;flex-wrap:wrap}.topbar nav button{padding:.5rem .95rem;border:none;border-radius:var(--pill);background:#ffffff24;color:#fff;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar nav button:hover{background:#ffffff42}.topbar nav button.active{background:#fff;color:var(--accent-ink);box-shadow:var(--shadow-sm)}.topbar nav button:disabled{opacity:.4;cursor:not-allowed}.topbar .icon-only{padding:0;width:36px;height:36px;justify-content:center;font-size:1.05rem;gap:0;flex:0 0 auto}.userbox{display:flex;align-items:center;gap:.6rem;font-size:.9rem}.userbox button{background:#ffffff24;color:#fff;border:none;border-radius:var(--pill);padding:.4rem .8rem;font-weight:600}.userbox button:hover{background:#ffffff42}.workarea{display:flex;flex:1;overflow:hidden}.left-pane{flex:1;overflow-y:auto;padding:1.2rem}.right-pane{width:370px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-8px 0 24px #1e22500a}@media (orientation: portrait) and (max-width: 1024px){.workarea{flex-direction:column}.left-pane{min-height:0}.right-pane{width:auto;flex:0 0 auto;max-height:46vh;border-left:none;border-top:1px solid var(--border);box-shadow:0 -8px 24px #1e22500f}.right-pane .cart{height:auto;max-height:46vh}.cart-body{min-height:0}.right-pane .cart-toggle{display:flex;align-items:center;gap:.55rem;width:100%;background:linear-gradient(#ffffffc7,#ffffffc7),var(--accent);color:var(--accent-ink);border-bottom:2px solid var(--accent)}.ct-main{flex:1;min-width:0;display:flex;align-items:center;gap:.55rem;padding:.6rem .4rem .6rem 1.1rem;border:none;background:none;color:inherit;font-size:.95rem;font-weight:700;text-align:start}.ct-chev{flex:0 0 auto;font-size:.8rem}.ct-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-count{margin-inline-start:auto;flex:0 0 auto;color:var(--accent-contrast);background:var(--accent);padding:.15rem .6rem;border-radius:var(--pill);font-size:.85rem}.ct-close{flex:0 0 auto;margin-inline-end:.6rem;padding:.4rem .8rem;border:none;border-radius:var(--pill);background:var(--accent);color:var(--accent-contrast);font-size:.85rem;font-weight:700;white-space:nowrap}.ct-close:hover{background:var(--accent-strong)}.workarea{position:relative}.right-pane.pane-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;max-height:none;border-top:none;box-shadow:none}.right-pane.pane-open .cart{height:100%;max-height:none}.cart.collapsed .cart-head,.cart.collapsed .cart-body,.cart.collapsed .gross-row,.cart.collapsed .discount-list,.cart.collapsed .coupon-btn{display:none}.cart.collapsed .cart-foot{border-top:none}}.theme-picker{position:relative}.theme-btn{background:#ffffff24;border:none;border-radius:var(--pill);width:36px;height:36px;font-size:1rem;color:#fff}.theme-btn:hover{background:#ffffff42}.theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.theme-menu{position:absolute;top:46px;right:0;z-index:50;width:300px;max-height:min(76vh,640px);overflow-y:auto;background:var(--surface);border-radius:var(--radius);padding:.9rem;box-shadow:var(--shadow-lg);color:var(--ink)}.theme-menu-title{font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:.5rem;margin-top:.9rem}.theme-menu-title:first-child{margin-top:0}.theme-menu button{padding:0;background:transparent;color:var(--ink);min-width:0}.theme-swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.theme-menu .theme-swatch{height:34px;border-radius:10px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.theme-menu .theme-swatch.active{border-color:var(--ink)}.theme-check{text-shadow:0 1px 2px rgba(0,0,0,.4)}.hue-slider,.light-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;border-radius:9px;outline:none;margin-bottom:.55rem;cursor:pointer;border:1px solid var(--border)}.hue-slider{background:linear-gradient(90deg,#ea2e2e,#eaea2e,#15d115,#15d1d1,#3c3cec,#ea2eea,#ea2e31)}.hue-slider::-webkit-slider-thumb,.light-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 1px 4px #0000004d}.hue-slider::-moz-range-thumb,.light-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 1px 4px #0000004d}.grid256{display:grid;grid-template-columns:repeat(16,1fr);gap:1px}.theme-menu .grid256-cell{aspect-ratio:1;border:none;padding:0;border-radius:2px;cursor:pointer;min-width:0;transition:transform .06s ease}.theme-menu .grid256-cell:hover{transform:scale(1.35);border-radius:3px;z-index:2;position:relative}.theme-menu .grid256-cell.active{outline:2px solid var(--ink);z-index:1;position:relative}.lang-btn{width:auto;min-width:36px;padding:0 .6rem;font-size:.8rem;font-weight:700}.lang-menu{width:230px;display:flex;flex-direction:column;gap:.3rem}.theme-menu .lang-option{padding:.6rem .8rem;border-radius:10px;text-align:start;font-size:.95rem;font-weight:600;background:var(--surface-2)}.theme-menu .lang-option:hover{background:var(--accent-soft);color:var(--accent-ink)}.theme-menu .lang-option.active{background:var(--accent);color:#fff}.login-top{display:flex;align-items:center;justify-content:space-between}.login-card button.login-close{width:34px;height:34px;padding:0;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-soft);font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.login-card button.login-close:hover{background:var(--red);color:#fff;border-color:var(--red)}.login-lang{align-self:flex-end}.login-lang .theme-btn{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.login-lang .theme-menu{right:auto;inset-inline-end:0}.theme-preview-row{display:flex;align-items:center;gap:.35rem;margin-top:.8rem}.theme-preview-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);display:inline-block}.tmap-bar{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;flex-wrap:wrap}.tmap-bar .legend{margin-bottom:0;flex:1}.col-select{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}.col-select select{padding:.3rem .5rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.85rem;font-weight:600;outline:none}.zone-block{margin-bottom:.95rem}.zone-head{font-size:.86rem;font-weight:800;color:var(--ink);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;background:var(--accent-soft);border-radius:8px;padding:.28rem .8rem}.zone-count{margin-left:auto;font-size:.7rem;font-weight:800;color:var(--accent-ink);background:var(--surface);border-radius:var(--pill);padding:.08rem .6rem}.legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem}.legend-item{font-size:.75rem;padding:.25rem .7rem;border-radius:var(--pill);color:#fff;font-weight:600;background:linear-gradient(160deg,var(--tc-light),var(--tc-color))}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1rem}.table-grid.tg-capsule{gap:1.2rem 3rem;padding-right:44px}.table-card{--tc-color: #6b7280;--tc-light: #cbd1da;--tc-pale: #e8eaee;position:relative;border:none;display:flex;color:var(--ink);transition:transform .12s ease,box-shadow .15s ease;will-change:transform}.table-card:hover{transform:translateY(-3px)}.table-card:active{transform:translateY(0)}.tc-left{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1}.tc-tlabel{font-size:.66rem;font-weight:700;opacity:.92;line-height:1;margin-bottom:-1px}.tc-tno{font-size:2rem;font-weight:800;line-height:1}.tc-tname{font-size:.82rem;font-weight:800;text-align:center;line-height:1.15;padding:0 4px}.tc-mid{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:left}.tc-extra{font-size:.72rem;font-weight:800}.table-status{font-size:.82rem;font-weight:800;color:var(--tc-color)}.table-order{font-size:.66rem;color:var(--muted)}.tc-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:none}.tc-num{font-size:1.5rem;font-weight:800;line-height:1}.tc-unit{font-size:.62rem;font-weight:700;opacity:.95;margin-top:2px}.ts-capsule{border-radius:22px;min-height:100px;padding:0 70px 0 0;align-items:stretch;overflow:visible;background:linear-gradient(160deg,var(--tc-light),var(--tc-color));box-shadow:inset 0 -2px 4px #00000014,0 4px 10px #1e22501a}.ts-capsule:hover{box-shadow:inset 0 -2px 4px #00000014,0 10px 20px #1e22502e}.ts-capsule .tc-left{width:66px;color:#fff}.ts-capsule .tc-tno{text-shadow:0 1px 2px rgba(0,0,0,.15)}.ts-capsule .tc-mid{margin:6px 0;border-radius:14px;padding:.4rem .75rem;background:linear-gradient(180deg,#ffffff 0%,#ffffff 45%,var(--tc-pale) 100%);box-shadow:inset 0 -2px 4px #0000000d}.ts-capsule .tc-extra{color:var(--ink)}.ts-capsule .tc-circle{position:absolute;right:-38px;top:50%;transform:translateY(-50%);width:100px;height:100px;border-radius:50%;z-index:2;color:#fff;background:linear-gradient(180deg,#ffffff1a,#fff0 55%),linear-gradient(160deg,var(--tc-light),var(--tc-color));box-shadow:inset 0 -2px 4px #00000012,0 3px 8px #00000024}.ts-capsule .tc-num{text-shadow:0 1px 1px rgba(0,0,0,.15)}.ts-capsule .table-qr{background:#ffffff40;color:#fff}.ts-capsule .table-qr:hover{background:#fff;color:var(--tc-color)}.ts-minimal{border-radius:16px;min-height:86px;padding:.65rem .9rem;gap:.75rem;align-items:center;border:2px solid var(--tc-light);background:linear-gradient(180deg,#ffffff,var(--tc-pale));box-shadow:0 3px 8px #1e225012}.ts-minimal:hover{box-shadow:0 8px 18px #1e225024}.ts-minimal .tc-left{color:var(--tc-color)}.ts-minimal .tc-tlabel{color:var(--muted)}.ts-minimal .tc-tno{font-size:1.75rem}.ts-minimal .tc-extra{color:var(--ink)}.ts-minimal .tc-circle{width:58px;height:58px;border-radius:50%;margin-left:auto;background:var(--tc-pale);color:var(--tc-color)}.ts-minimal .tc-num{font-size:1.15rem}.ts-minimal .table-qr{background:var(--tc-pale);color:var(--tc-color)}.ts-minimal .table-qr:hover{background:var(--tc-color);color:#fff}.ts-solid{border-radius:18px;min-height:92px;padding:.65rem .9rem;gap:.75rem;align-items:center;color:#fff;background:linear-gradient(160deg,var(--tc-light),var(--tc-color));box-shadow:0 6px 14px #1e22502e}.ts-solid:hover{box-shadow:0 12px 24px #1e225042}.ts-solid .tc-left{color:#fff}.ts-solid .tc-tno{font-size:1.85rem;text-shadow:0 1px 2px rgba(0,0,0,.18)}.ts-solid .tc-extra{color:#fff}.ts-solid .table-status{color:#fffffff2}.ts-solid .table-order{color:#fffc}.ts-solid .tc-circle{width:60px;height:60px;border-radius:50%;margin-left:auto;background:#ffffff3d;color:#fff}.ts-solid .tc-num{font-size:1.2rem;text-shadow:0 1px 1px rgba(0,0,0,.15)}.ts-solid .table-qr{background:#ffffff40;color:#fff}.ts-solid .table-qr:hover{background:#fff;color:var(--tc-color)}.ts-ticket{border-radius:14px;min-height:88px;padding:0;overflow:hidden;align-items:stretch;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.ts-ticket:hover{box-shadow:var(--shadow-md)}.ts-ticket .tc-left{width:60px;color:#fff;background:linear-gradient(180deg,var(--tc-light),var(--tc-color))}.ts-ticket .tc-tno{font-size:1.75rem;text-shadow:0 1px 2px rgba(0,0,0,.15)}.ts-ticket .tc-mid{padding:.5rem .8rem}.ts-ticket .tc-extra{color:var(--ink)}.ts-ticket .tc-circle{width:76px;border-left:2px dashed var(--border);border-radius:0;background:var(--surface-2);color:var(--tc-color);align-self:stretch}.ts-ticket .tc-num{font-size:1.25rem}.ts-ticket .tc-unit{color:var(--muted)}.ts-ticket .table-qr{background:#ffffff40;color:#fff}.ts-ticket .table-qr:hover{background:#fff;color:var(--tc-color)}.ts-vertical{flex-direction:column;align-items:stretch;gap:4px;border-radius:16px;padding:.5rem .75rem .55rem;min-height:112px;background:#fff;border-top:5px solid var(--tc-color);box-shadow:var(--shadow-sm)}.ts-vertical:hover{box-shadow:var(--shadow-md)}.ts-vertical .tc-left{flex-direction:row;justify-content:center;align-items:baseline;gap:6px;color:var(--tc-color)}.ts-vertical .tc-tlabel{color:var(--muted)}.ts-vertical .tc-tno{font-size:1.6rem}.ts-vertical .tc-mid{flex:1;align-items:center;text-align:center}.ts-vertical .tc-circle{flex-direction:row;justify-content:center;gap:6px;padding:.3rem;border-radius:var(--pill);color:#fff;background:linear-gradient(160deg,var(--tc-light),var(--tc-color))}.ts-vertical .tc-num{font-size:1.15rem}.ts-vertical .table-qr{background:var(--tc-pale);color:var(--tc-color)}.ts-vertical .table-qr:hover{background:var(--tc-color);color:#fff}.ts-corner{border-radius:14px;min-height:96px;padding:.6rem .9rem;gap:.8rem;align-items:center;background:#fff;border:1.5px solid var(--tc-light);box-shadow:var(--shadow-sm)}.ts-corner:hover{box-shadow:var(--shadow-md)}.ts-corner .tc-left{width:64px;gap:3px}.ts-corner .tc-tlabel{color:var(--muted)}.ts-corner .tc-tno{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;background:linear-gradient(160deg,var(--tc-light),var(--tc-color));transform:rotate(-6deg);box-shadow:0 3px 8px #00000029}.ts-corner .tc-tname{color:var(--tc-color)}.ts-corner .tc-circle{margin-left:auto;color:var(--tc-color)}.ts-corner .tc-num{font-size:1.45rem}.ts-corner .tc-unit{color:var(--muted)}.ts-corner .table-qr{background:var(--tc-pale);color:var(--tc-color)}.ts-corner .table-qr:hover{background:var(--tc-color);color:#fff}.ts-dark{border-radius:18px;min-height:92px;padding:.65rem .9rem;gap:.75rem;align-items:center;color:#eef0f7;background:linear-gradient(160deg,#262c47,#171b29);border:1px solid rgba(255,255,255,.07);box-shadow:0 6px 16px #0a0c1866}.ts-dark:hover{box-shadow:0 12px 26px #0a0c188c}.ts-dark .tc-left{color:var(--tc-light)}.ts-dark .tc-tlabel{color:#ffffff8c}.ts-dark .tc-tno{font-size:1.9rem;text-shadow:0 0 14px var(--tc-light)}.ts-dark .tc-tname{color:var(--tc-light)}.ts-dark .tc-extra{color:#fff}.ts-dark .table-status{color:var(--tc-light)}.ts-dark .table-order{color:#ffffff80}.ts-dark .tc-circle{width:60px;height:60px;border-radius:50%;margin-left:auto;border:2px solid var(--tc-light);color:var(--tc-light);background:transparent;box-shadow:inset 0 0 12px #ffffff12}.ts-dark .tc-num{font-size:1.15rem}.ts-dark .table-qr{background:#ffffff24;color:#fff}.ts-dark .table-qr:hover{background:var(--tc-light);color:#171b29}.ts-banner{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:16px;min-height:98px;background:#fff;border:1.5px solid var(--tc-light);box-shadow:var(--shadow-sm)}.ts-banner:hover{box-shadow:var(--shadow-md)}.ts-banner .tc-left{flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:.28rem .6rem;color:#fff;background:linear-gradient(160deg,var(--tc-light),var(--tc-color))}.ts-banner .tc-tno{font-size:1.2rem;text-shadow:0 1px 2px rgba(0,0,0,.15)}.ts-banner .tc-mid{flex:1;padding:.28rem .8rem 0;align-items:center;text-align:center}.ts-banner .tc-circle{flex-direction:row;justify-content:center;gap:6px;padding:.12rem 0 .42rem;color:var(--tc-color);background:transparent}.ts-banner .tc-num{font-size:1.3rem}.ts-banner .tc-unit{color:var(--muted)}.ts-banner .table-qr{background:#ffffff40;color:#fff}.ts-banner .table-qr:hover{background:#fff;color:var(--tc-color)}.ts-circleleft{border-radius:999px;min-height:92px;padding:.5rem 1.1rem .5rem .55rem;gap:.75rem;align-items:center;background:#fff;border:2px solid var(--tc-pale);box-shadow:var(--shadow-sm)}.ts-circleleft:hover{box-shadow:var(--shadow-md);border-color:var(--tc-light)}.ts-circleleft .tc-circle{order:-1;width:68px;height:68px;border-radius:50%;flex-shrink:0;color:#fff;background:linear-gradient(160deg,var(--tc-light),var(--tc-color));box-shadow:0 3px 8px #00000024}.ts-circleleft .tc-num{font-size:1.2rem}.ts-circleleft .tc-left{color:var(--tc-color)}.ts-circleleft .tc-tlabel{color:var(--muted)}.ts-circleleft .tc-tno{font-size:1.7rem}.ts-circleleft .tc-mid{align-items:flex-end;text-align:right}.ts-circleleft .table-qr{background:var(--tc-pale);color:var(--tc-color)}.ts-circleleft .table-qr:hover{background:var(--tc-color);color:#fff}.tc-ribbon{position:absolute;bottom:0;left:0;z-index:3;background:var(--red);color:#fff;font-size:.6rem;font-weight:800;padding:.12rem .6rem;border-radius:0 10px 0 22px;box-shadow:0 -1px 4px #0003}.st-available{--tc-color: #34b877;--tc-light: #8ce8b8;--tc-pale: #e2f7ec}.st-occupied{--tc-color: #f58a4b;--tc-light: #ffc496;--tc-pale: #ffedde}.st-waiting_payment{--tc-color: #e3b31c;--tc-light: #ffe58a;--tc-pale: #fcf3d0}.st-reserved{--tc-color: #5e8ef2;--tc-light: #a3c2fc;--tc-pale: #e3edfe}.st-cleaning{--tc-color: #9d78f2;--tc-light: #c9b4fa;--tc-pale: #eee7fc}.st-inactive{--tc-color: #9aa3b0;--tc-light: #d5dae1;--tc-pale: #edeff2}.cat-bar{display:flex;gap:.5rem;margin-bottom:1.1rem;flex-wrap:wrap}.cat-bar button{padding:.5rem 1.05rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:.4rem}.cat-bar button:hover{border-color:var(--accent);color:var(--accent-ink)}.cat-bar button.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.menu-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(var(--menu-card-min, 160px),1fr))}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;display:flex;flex-direction:column;text-align:left;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .15s ease,border-color .15s}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent)}.menu-thumb{height:calc(var(--menu-card-min, 160px) * .575);display:flex;align-items:center;justify-content:center;font-size:calc(var(--menu-card-min, 160px) * .1625);background:var(--accent-soft);color:var(--accent-ink)}.menu-thumb img{width:100%;height:100%;object-fit:cover}.menu-body{padding:.7rem .85rem .85rem;display:flex;flex-direction:column;gap:.25rem}.menu-name{font-weight:700;font-size:.95rem;line-height:1.25}.menu-price{color:var(--accent-ink);font-weight:800}.menu-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem}.menu-toolbar .cat-bar{flex:1;margin-bottom:0}.menu-grid.mg-photo{grid-template-columns:repeat(auto-fill,minmax(var(--menu-card-min, 160px),1fr))}.mg-photo .menu-card{position:relative;aspect-ratio:1 / 1;padding:0}.mg-photo .menu-thumb{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;font-size:3.2rem}.mg-photo .menu-thumb img{width:100%;height:100%;object-fit:cover}.mg-photo .menu-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1.6rem .7rem .55rem;gap:.1rem;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4) 55%,transparent)}.mg-photo .menu-name{color:#fff;font-size:.9rem;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mg-photo .menu-price{color:#ffe08a;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.7)}.cart{display:flex;flex-direction:column;height:100%}.cart-toggle{display:none}.cart-head{padding:1rem 1.1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.cart-body{flex:1;overflow-y:auto;padding:.6rem 1.1rem}.cart-section{font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:.9rem 0 .35rem}.cart-line{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px dashed var(--border);font-size:.92rem}.cart-line.sent{color:var(--ink-soft)}.cart-section.pending{color:#b45309}.cart-section.pending,.cart-line:not(.sent){background:#ffedd5;margin-inline:-1.1rem;padding-inline:1.1rem}.line-name{flex:1}.line-qty{display:flex;align-items:center;gap:.4rem}.line-qty button{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-weight:700;color:var(--accent-ink)}.line-qty button:hover{border-color:var(--accent)}.line-total{width:62px;text-align:right;font-weight:700}.line-x{border:none;background:transparent;color:var(--red);font-size:.9rem}.cart-foot{border-top:1px solid var(--border);padding:1rem 1.1rem;background:var(--surface-2)}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.total-row strong{color:var(--accent-ink);font-size:1.4rem}.btn-row{display:flex;gap:.6rem}.btn-row button{flex:1;padding:.9rem;border:none;border-radius:12px;font-size:1rem;font-weight:700}.btn-send{background:var(--dark);color:#fff}.btn-pay{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}.btn-cancel{background:#eceef3;color:var(--ink);padding:.7rem 1.1rem;border:none;border-radius:12px;font-weight:700}.btn-row button:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14162d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:1.6rem;width:420px;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-lg);max-height:92vh;overflow-y:auto}.modal-wide{width:min(600px,100%)}.modal h2{font-size:1.3rem}.pay-total{font-size:1.1rem}.pay-methods{display:flex;gap:.5rem;flex-wrap:wrap}.pay-methods button{padding:.6rem 1rem;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);font-weight:600}.pay-methods button.active{background:var(--grad);color:#fff;border-color:transparent}.modal label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600}.modal input{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:12px;font-size:1.1rem;background:var(--surface-2);outline:none}.modal input:focus{border-color:var(--accent);background:var(--surface)}.quick-cash{display:flex;gap:.4rem;flex-wrap:wrap}.quick-cash button{padding:.5rem .85rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface-2);font-weight:600}.quick-cash button:hover{border-color:var(--accent)}.split-list{display:flex;flex-direction:column;gap:.3rem;max-height:40vh;overflow-y:auto}.modal .split-line{display:flex;flex-direction:row;align-items:center;gap:.6rem;cursor:pointer;padding:.55rem .7rem;border:1.5px solid var(--border);border-radius:10px;font-size:.92rem;font-weight:500}.modal .split-line input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.modal .split-line.on{border-color:var(--accent);background:var(--accent-soft)}.modal .split-line .line-name{flex:1}.mod-modal{max-height:85vh;overflow-y:auto;width:480px}.mod-groups{display:flex;flex-direction:column;gap:.9rem}.mod-group-name{font-weight:700;margin-bottom:.4rem}.mod-group-name .req{color:var(--red);font-size:.8rem;font-style:normal}.mod-group-name .muted{font-size:.8rem;font-style:normal}.mod-chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{padding:.5rem .95rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);font-size:.9rem;display:flex;gap:.35rem;align-items:center;font-weight:600}.chip.active{background:var(--grad);color:#fff;border-color:transparent}.chip-price{font-size:.75rem;opacity:.85}.mod-footer{display:flex;align-items:center;justify-content:space-between}.qty-stepper{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700}.qty-stepper button{width:38px;height:38px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:1.2rem;color:var(--accent-ink)}.qty-stepper button:hover{border-color:var(--accent)}.mod-price{font-size:1.3rem;font-weight:800;color:var(--accent-ink)}.line-mods{display:block;color:var(--muted);font-size:.75rem}.kds-bar{display:flex;gap:.5rem;align-items:center;margin-bottom:1.1rem;flex-wrap:wrap}.kds-bar button{padding:.55rem 1.15rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);font-size:.95rem;font-weight:600}.kds-bar button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.kds-count{margin-left:auto;color:var(--muted);font-size:.9rem}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}.ticket{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);border-top:5px solid var(--green)}.ticket.late{border-top-color:var(--red);animation:pulse-late 1.2s infinite}@keyframes pulse-late{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:0 0 0 4px #dc262640}}.ticket-head{display:flex;align-items:center;gap:.6rem;padding:.75rem .95rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.ticket-head strong{font-size:1.05rem}.ticket-no{color:var(--muted);font-size:.75rem;flex:1}.ticket-wait{font-size:.85rem;font-weight:700;color:var(--green)}.ticket-wait.amber{color:var(--amber)}.ticket-wait.red{color:var(--red)}.ticket-item{display:flex;align-items:center;gap:.6rem;padding:.65rem .95rem;border-bottom:1px dashed var(--border)}.ticket-item:last-child{border-bottom:none}.ki-main{flex:1;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ki-qty{font-weight:800;color:var(--accent-ink)}.ki-name{font-weight:700}.ki-station,.ki-note{color:var(--muted);font-weight:400;font-size:.8rem}.ki-badge{font-size:.7rem;padding:.15rem .6rem;border-radius:var(--pill);color:#fff}.b-queued{background:#6b7280}.b-cooking{background:#f97316}.b-ready{background:var(--green)}.ki-btn{border:none;border-radius:10px;padding:.5rem .85rem;color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap}.n-cooking{background:#f97316}.n-ready{background:var(--green)}.n-served{background:var(--blue)}.ki-cooking{background:#fff7ed}.ki-ready{background:#f0fdf4}.stock-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.stock-table th,.stock-table td{padding:.65rem .95rem;text-align:left}.stock-table thead th{background:var(--dark);color:#e5e7eb;font-size:.8rem;font-weight:600}.stock-table tbody tr{border-bottom:1px solid var(--border)}.stock-table .num{text-align:right}.stock-table .amt-out{color:var(--red);font-weight:600}.stock-table .amt-in{color:var(--green);font-weight:600}.row-low{background:#fef2f2}.badge{font-size:.72rem;padding:.15rem .6rem;border-radius:var(--pill);color:#fff}.badge-ok{background:var(--green)}.badge-low{background:var(--amber)}.badge-out{background:var(--red)}.low-alert{color:var(--red);font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.1rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.1rem 1.3rem;box-shadow:var(--shadow-sm)}.card-label{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.card-value{font-size:1.6rem;font-weight:800}.card.highlight{border-top:4px solid var(--accent)}.card.profit{border-top:4px solid var(--green)}.card.profit .card-value{color:var(--green)}.panel{background:var(--surface);border-radius:var(--radius);padding:1.2rem 1.3rem;margin-bottom:1.1rem;box-shadow:var(--shadow-sm)}.panel h3{margin-bottom:.9rem;font-size:1.05rem}.form-row{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.form-row label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600}.form-row input,.form-row select{padding:.65rem .95rem;border:1.5px solid var(--border);border-radius:10px;font-size:1rem;background:var(--surface-2);outline:none}.form-row input:focus,.form-row select:focus{border-color:var(--accent);background:var(--surface)}.form-row button{padding:.7rem 1.4rem;border:none;border-radius:10px;font-weight:700;background:var(--grad);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-danger:disabled{opacity:.4}.cash-list{list-style:none;margin-top:.8rem}.cash-list li{display:grid;grid-template-columns:90px 110px 1fr 80px;gap:.6rem;padding:.45rem 0;border-bottom:1px dashed var(--border);font-size:.9rem}.close-result{padding:.95rem 1.2rem;border-radius:12px;margin-bottom:1rem;font-weight:600}.close-result.ok{background:#f0fdf4;border:1px solid var(--green);color:#166534}.close-result.diff{background:#fffbeb;border:1px solid var(--amber);color:#92400e}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 900px){.report-grid{grid-template-columns:1fr}}.cust-btn{margin-left:auto;padding:.4rem .85rem;border:1.5px solid var(--accent);border-radius:var(--pill);background:var(--accent-soft);color:var(--accent-ink);font-size:.8rem;font-weight:700}.cust-btn+.cust-btn{margin-left:0}.cust-btn-danger{border-color:var(--red);background:#fef2f2;color:#b91c1c}.cust-current{background:#f0fdf4;border:1px solid var(--green);border-radius:12px;padding:.65rem .95rem;font-size:.9rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cust-results{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.cust-row{display:grid;grid-template-columns:1fr auto auto auto;gap:.6rem;align-items:center;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);text-align:left}.cust-row:hover{border-color:var(--accent)}.cust-name{font-weight:700}.cust-tier{font-size:.75rem;color:var(--accent-ink)}.cust-points{font-size:.8rem;font-weight:700;color:var(--accent-ink)}.gross-row{display:flex;justify-content:space-between;font-size:.92rem;font-weight:600;color:var(--ink-soft);padding:.15rem 0 .35rem;border-bottom:1px dashed var(--border);margin-bottom:.4rem}.promo-modal{width:min(94vw,640px);max-height:88vh;overflow-y:auto}.promo-modal .form-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}.promo-modal .form-row>label{flex:1;min-width:130px}.promo-modal .check-label{flex-direction:row;align-items:center;gap:.45rem;white-space:nowrap;flex:0 0 auto}.promo-modal .check-label input{width:18px;height:18px;accent-color:var(--accent)}.promo-type{font-size:.76rem;font-weight:800;padding:.18rem .6rem;border-radius:var(--pill);background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap}.promo-cond{font-size:.82rem;color:var(--ink-soft);line-height:1.5}.promo-days,.promo-targets{display:flex;flex-direction:column;gap:.4rem;border-top:1px dashed var(--border);padding-top:.7rem;margin-top:.2rem}.day-chips{display:flex;gap:.35rem;flex-wrap:wrap;max-height:160px;overflow-y:auto}.day-chip{padding:.4rem .8rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);font-size:.84rem;font-weight:600;color:var(--ink-soft)}.day-chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.nowrap{white-space:nowrap}.coupon-code{font-family:Courier New,monospace;font-weight:800;font-size:.92rem;background:var(--surface-2);border:1.5px dashed var(--border);padding:.15rem .5rem;border-radius:8px;letter-spacing:.5px}.coupon-modal{width:min(92vw,400px)}.coupon-input{width:100%;padding:.9rem 1rem;border:2px solid var(--border);border-radius:12px;font-family:Courier New,monospace;font-size:1.3rem;font-weight:800;text-align:center;letter-spacing:2px;text-transform:uppercase;outline:none}.coupon-input:focus{border-color:var(--accent)}.coupon-btn{width:100%;margin-bottom:.6rem;padding:.6rem;border:1.5px dashed var(--border);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:.88rem;font-weight:700}.coupon-btn:hover{border-color:var(--accent);color:var(--accent-ink)}.disc-amt{display:inline-flex;align-items:center;gap:.15rem;white-space:nowrap}.discount-list{margin-bottom:.5rem}.discount-line{display:flex;justify-content:space-between;font-size:.85rem;color:var(--green);padding:.15rem 0}.redeem-box{background:var(--accent-soft);border:1px solid var(--accent-2);border-radius:12px;padding:.75rem .95rem;font-size:.9rem}.redeem-box .form-row{margin-top:.5rem}.bell{position:relative;background:#ffffff24;border:none;font-size:1.05rem;color:#fff;width:36px;height:36px;border-radius:var(--pill)}.bell:hover{background:#ffffff42}.bell-active{animation:ring 1.5s infinite}@keyframes ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(8deg)}40%{transform:rotate(0)}}.bell-badge{position:absolute;top:-4px;right:-6px;background:var(--red);color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--pill);padding:.05rem .35rem}.svc-panel{position:absolute;top:58px;right:12px;z-index:60;width:380px;background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.5rem}.svc-line{display:flex;align-items:center;gap:.6rem;font-size:.9rem;border-bottom:1px dashed var(--border);padding:.45rem 0}.svc-line span:first-child{flex:1}.snd-settings{margin-top:.4rem;padding-top:.7rem;border-top:2px solid var(--border);display:flex;flex-direction:column;gap:.5rem;font-size:.88rem}.snd-device{font-size:.75rem;font-weight:500}.snd-toggle{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.35rem .45rem;margin:-.35rem -.45rem;border:none;background:transparent;border-radius:8px;font:inherit;font-weight:700;color:var(--ink);text-align:left}.snd-toggle:hover{background:var(--surface-2)}.snd-row{display:flex;align-items:center;gap:.6rem}.snd-row select{flex:1;padding:.45rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.88rem;font-weight:600;color:var(--ink)}.snd-row input[type=range]{flex:1;accent-color:var(--accent)}.snd-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.snd-row select:disabled,.snd-row input:disabled{opacity:.45}.snd-vol-num{min-width:42px;text-align:right;font-weight:700;color:var(--ink-soft)}.svc-line button{padding:.35rem .7rem;font-size:.8rem;border-radius:8px;border:none}.table-qr{font-size:.62rem;background:#ffffff40;color:#fff;font-weight:700;border:none;border-radius:var(--pill);padding:.12rem .5rem;cursor:pointer;position:relative;z-index:1}.table-qr:hover{background:#fff;color:var(--tc-color)}.qr-page{max-width:520px;margin:0 auto;min-height:100vh;background:var(--surface);padding-bottom:96px;font-size:17px}.qr-page button{font-size:inherit}.qr-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:1.1rem;background:var(--grad);color:#fff}.qr-title{font-size:1.5rem;font-weight:800}.qr-sub{font-size:.95rem;opacity:.9;margin-top:.15rem}.qr-actions{display:flex;gap:.45rem;flex-direction:column}.qr-actions button{border:none;border-radius:var(--pill);padding:.6rem 1.1rem;font-size:.95rem;background:#ffffff38;color:#fff;font-weight:700}.qr-ordered{background:#f0fdf4;border-bottom:1px solid #bbf7d0;padding:.9rem 1rem}.qr-ordered-head{font-weight:800;font-size:1.02rem;margin-bottom:.45rem}.qr-ordered-line{display:flex;justify-content:space-between;gap:.5rem;font-size:.98rem;padding:.28rem 0}.qr-ordered .muted{font-size:.88rem}.qr-status{font-size:.82rem;padding:.18rem .65rem;border-radius:var(--pill);color:#fff;white-space:nowrap}.s-pending,.s-queued{background:#6b7280}.s-cooking{background:#f97316}.s-ready{background:var(--green)}.s-served{background:var(--blue)}.qr-cats{padding:.9rem 1rem 0}.qr-cats button{padding:.6rem 1.2rem;font-weight:700}.qr-menu{padding:.6rem 1rem;display:flex;flex-direction:column;gap:.6rem}.qr-item{display:flex;align-items:center;gap:.8rem;text-align:left;border:1.5px solid var(--border);border-radius:var(--radius);padding:.95rem 1rem;background:var(--surface)}.qr-item:active{border-color:var(--accent);background:var(--accent-soft)}.qr-item-info{flex:1}.qr-item-name{font-weight:700;font-size:1.08rem;line-height:1.35}.qr-item-desc{font-size:.9rem;margin-top:.1rem}.qr-item-price{color:var(--accent-ink);font-weight:800;font-size:1.05rem;margin-top:.25rem}.qr-add{width:44px;height:44px;flex-shrink:0;border-radius:var(--pill);background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700}.qr-page .qr-cart-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(92%,490px);padding:1.1rem;border:none;border-radius:var(--radius);background:var(--grad);color:#fff;font-size:1.15rem;font-weight:800;box-shadow:var(--shadow-lg);z-index:40}.qr-cart-modal{width:min(92vw,440px);max-height:80vh;overflow-y:auto;font-size:1rem}.qr-cart-modal .line-name{font-size:1.02rem;font-weight:700}.qr-cart-modal .line-mods{font-size:.88rem}.qr-cart-modal .total-row{font-size:1.12rem}.qr-cart-modal .btn-row button{font-size:1.02rem;padding:.85rem 1rem}.alert-banner{background:#fef2f2;border:2px solid var(--red);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1.1rem;display:flex;flex-direction:column;gap:.35rem}.alert-banner strong{color:var(--red);font-size:1.05rem}.alert-line{font-size:.92rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.panel-head h3{margin-bottom:0}.panel-head button{padding:.55rem 1.1rem;border:none;border-radius:10px;font-weight:700;background:var(--grad);color:#fff}.mini-btn{padding:.35rem .75rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.8rem;font-weight:600}.mini-btn.on{background:var(--green);color:#fff;border-color:var(--green)}.mini-btn.off{background:#9ca3af;color:#fff;border-color:#9ca3af}.row-off{opacity:.45}.seat-input{width:60px;text-align:right;padding:.3rem;border:1.5px solid var(--border);border-radius:6px}.zone-admin{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.6rem .8rem;margin-bottom:.9rem;font-size:.88rem}.zone-admin input{padding:.4rem .7rem;border:1.5px solid var(--border);border-radius:8px;font-size:.85rem}.zone-admin .btn-send{padding:.45rem .9rem;border:none;border-radius:8px;font-size:.82rem;font-weight:700}.zone-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:.8rem;border-radius:var(--pill);padding:.25rem .4rem .25rem .7rem}.zone-x{border:none;background:transparent;color:var(--red);font-size:.75rem;padding:0 .2rem}.zone-admin select{padding:.4rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.85rem;outline:none}.opt-admin{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.6rem .8rem;margin-bottom:.9rem;font-size:.88rem}.opt-admin summary{cursor:pointer;font-weight:700;color:var(--ink-soft)}.opt-admin[open] summary{margin-bottom:.6rem;color:var(--accent-ink)}.opt-admin-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.45rem 0;border-top:1px dashed var(--border)}.opt-group-name{display:flex;flex-direction:column;min-width:120px;font-weight:800;line-height:1.2}.opt-group-name small{font-weight:500;font-size:.7rem}.opt-admin input,.opt-admin select{padding:.35rem .6rem;border:1.5px solid var(--border);border-radius:8px;font-size:.83rem;background:var(--surface);outline:none}.opt-inp{width:170px}.opt-price{width:74px}.opt-del-group{margin-left:auto;font-size:.85rem}.opt-admin .btn-send{padding:.4rem .9rem;border:none;border-radius:8px;font-size:.82rem;font-weight:700}.zone-chip.has-ingredient{background:var(--green);color:#fff}.mod-ingredient{font-weight:500;font-size:.68rem;opacity:.95}.mod-bind{color:inherit;font-size:.8rem}.bind-panel{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%;margin-top:.4rem;padding:.55rem .7rem;background:var(--surface);border:1.5px solid var(--green);border-radius:10px}.bind-panel strong{font-size:.85rem}.bind-panel .recipe-qty{width:160px;padding:.45rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.85rem;font-weight:600;outline:none;text-align:right}.bind-panel .recipe-qty:focus{border-color:var(--green)}.recipe-edit{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:14px;padding:.85rem .9rem;margin:.5rem 0 .3rem}.recipe-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.7rem}.recipe-title{font-size:1rem;font-weight:800;color:var(--accent-ink)}.recipe-sub{font-size:.74rem;font-weight:500;color:var(--ink-soft)}.recipe-empty{font-size:.82rem;color:var(--ink-soft);text-align:center;padding:.7rem;border:1.5px dashed var(--border);border-radius:10px;margin-bottom:.6rem}.recipe-cols,.modal .recipe-row{display:grid;grid-template-columns:1fr 132px 78px 28px;align-items:center;gap:.5rem}.recipe-cols{font-size:.68rem;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;padding:0 .15rem .3rem;margin-bottom:.1rem}.recipe-cols .rc-qty,.recipe-cols .rc-waste{text-align:center}.modal .recipe-row{margin-bottom:.5rem}.recipe-row select,.bind-panel select{padding:.5rem .6rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);font-size:.88rem;font-weight:600;outline:none;min-width:0;transition:border-color .15s}.recipe-row select:focus,.bind-panel select:focus{border-color:var(--accent)}.recipe-field{display:flex;align-items:center;gap:.35rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);padding:0 .55rem 0 .15rem;transition:border-color .15s}.recipe-field:focus-within{border-color:var(--accent)}.recipe-field input{border:none!important;outline:none;background:transparent;width:100%;min-width:0;text-align:right;padding:.5rem .2rem!important;font-size:.9rem;font-weight:700;color:var(--ink);-moz-appearance:textfield}.recipe-field input::-webkit-outer-spin-button,.recipe-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recipe-field-waste{justify-content:flex-end}.recipe-unit{flex-shrink:0;font-size:.76rem;color:var(--ink-soft);font-weight:700;white-space:nowrap}.recipe-del{width:26px;height:26px;border:none;border-radius:8px;cursor:pointer;background:var(--surface-2);color:var(--red);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s}.recipe-del:hover{background:var(--red);color:#fff}.recipe-add{margin-top:.2rem;padding:.5rem 1rem;cursor:pointer;border:1.5px dashed var(--accent);border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-size:.85rem;font-weight:700;transition:background .15s}.recipe-add:hover{background:var(--accent);color:#fff;border-style:solid}.recipe-badge{display:inline-block;margin-left:.4rem;font-size:.7rem;font-weight:700;background:var(--green);color:#fff;border-radius:var(--pill);padding:.05rem .45rem;vertical-align:middle}.hint-box{background:var(--surface-2, #f8fafc);border:1px solid var(--line, #e5e7eb);border-radius:10px;padding:.6rem .8rem;font-size:.82rem;color:var(--muted);line-height:1.5;margin-bottom:.8rem}input.tr-cell{width:100%;padding:.35rem .5rem;border:1px solid var(--line, #e5e7eb);border-radius:7px;font-size:.88rem;font-family:inherit}input.tr-cell:focus{outline:2px solid var(--accent-light, #99f6e4);border-color:var(--accent, #0f766e)}input.tr-cell::placeholder{color:#cbd5e1;font-style:italic}.hq-lock-badge{display:inline-block;margin-left:.4rem;font-size:.7rem;font-weight:700;background:#7c3aed;color:#fff;border-radius:var(--pill);padding:.05rem .45rem;vertical-align:middle}.stock-table .mini-btn:disabled{opacity:.45;cursor:not-allowed}.pack-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.5rem}.modal .pack-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:600}.pack-qty{width:90px;text-align:right}.pack-row select{flex:1;min-width:0}.pack-preview{font-size:.85rem;font-weight:700;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border-radius:8px;padding:.35rem .6rem}.set-hint{font-size:.85rem;margin:.2rem 0 1rem;line-height:1.5}.set-note{font-size:.8rem;margin-top:1rem}.ok-msg{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);border:1.5px solid var(--green);border-radius:10px;padding:.55rem .8rem;font-weight:700;font-size:.88rem;margin-bottom:.8rem}.rc-img-row{display:flex;flex-wrap:wrap;gap:1rem;margin:.6rem 0}.rc-img-box{border:1.5px solid var(--border);border-radius:14px;padding:.8rem;background:var(--surface);display:flex;flex-direction:column;gap:.5rem;align-items:center;min-width:190px}.rc-img-preview{max-width:150px;max-height:110px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.rc-img-empty{width:150px;height:110px;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.85rem}.rc-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.rc-toggle{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .7rem;border:1.5px solid var(--border);border-radius:10px;cursor:pointer}.rc-toggle input{width:18px;height:18px;margin:0;flex:none}.rc-wide>label{flex:1;min-width:240px}.rc-wide input{width:100%}.kstation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.kstation-card{border:1.5px solid var(--border);border-radius:14px;padding:1rem;background:var(--surface);display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s,box-shadow .15s}.kstation-card.is-print{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kstation-name{font-size:1.05rem;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:.5rem}.kstation-rename{flex:1;min-width:0;font:inherit;color:inherit;border:1.5px solid transparent;border-radius:8px;padding:.3rem .45rem;background:transparent;outline:none}.kstation-rename:hover{border-color:var(--border)}.kstation-rename:focus{border-color:var(--accent);background:var(--surface)}.kstation-tools{display:flex;gap:.35rem;flex-shrink:0}.mini-btn.danger{border-color:#fecaca;color:var(--red)}.mini-btn.danger:hover{background:#fef2f2;border-color:var(--red)}.kstation-badges{display:flex;gap:.4rem;flex-wrap:wrap}.kstation-badges:empty{display:none}.off-badge{font-size:.68rem;font-weight:800;padding:.15rem .55rem;border-radius:var(--pill);background:#9ca3af;color:#fff}.kstation-card.is-off{opacity:.6;border-style:dashed}.kstation-card.is-off .kstation-rename{text-decoration:line-through}.station-add-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:.6rem}.station-add-row input{flex:1;min-width:180px;padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:10px;font-size:.92rem;background:var(--surface)}.station-add-row input:focus{border-color:var(--accent);outline:none}.kstation-modes{display:flex;gap:.5rem}.kmode{flex:1;padding:.6rem .5rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--ink-soft);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}.kmode.on{background:var(--accent);color:#fff;border-color:var(--accent)}.kstation-print{display:flex;flex-direction:column;gap:.6rem;border-top:1px dashed var(--border);padding-top:.75rem}.kstation-print label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.kstation-print select,.kstation-print input{padding:.55rem .65rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface);font-size:.9rem;font-weight:600;color:var(--ink);outline:none}.kstation-print select:focus,.kstation-print input:focus{border-color:var(--accent)}.kstation-print .warn-note{background:#fef3c7;color:#92400e;border-left:3px solid #f59e0b;padding:.45rem .6rem;border-radius:0 8px 8px 0;font-size:.78rem;font-weight:600;line-height:1.45}.test-print-btn{margin-top:.2rem;align-self:flex-start}.direct-badge{margin-left:.5rem;font-size:.68rem;font-weight:800;vertical-align:middle;background:var(--green);color:#fff;border-radius:var(--pill);padding:.05rem .45rem}.agent-status{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.7rem .9rem;border-radius:12px;margin-bottom:.9rem;border:1.5px solid var(--border);font-size:.9rem}.agent-status.on{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.agent-status.off{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,transparent)}.agent-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.agent-status.on .agent-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}.agent-status.off .agent-dot{background:#f59e0b}.agent-q{color:var(--accent-ink);font-weight:700}.agent-err{color:var(--red);font-weight:700}.agent-status small{flex-basis:100%}.optgroup-title{font-size:.9rem;font-weight:600;margin-bottom:.4rem}.optgroup-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto}.modal .optgroup-item{display:flex;flex-direction:row;align-items:center;gap:.6rem;cursor:pointer;padding:.45rem .7rem;border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;font-weight:500}.modal .optgroup-item.on{border-color:var(--accent);background:var(--accent-soft)}.modal .optgroup-item input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}.modal .optgroup-item span{display:flex;flex-direction:column;line-height:1.25}.modal .optgroup-item small{font-size:.72rem}.zone-chip.cat-sub{background:var(--surface-2);color:var(--ink-soft)}.cat-pen{color:var(--accent-ink)}.cat-edit{width:130px;padding:.15rem .45rem!important;border:1.5px solid var(--accent)!important;border-radius:6px;font-size:.82rem}.stock-table select{padding:.3rem .5rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-size:.85rem;outline:none}.perm-matrix .pm-role{text-align:center;white-space:nowrap}.perm-matrix .pm-cell{text-align:center}.perm-matrix .pm-cell input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.perm-matrix .pm-owner{color:var(--green);font-weight:800}.perm-matrix .pm-module td{background:var(--accent-soft);color:var(--accent-ink);font-weight:800;font-size:.82rem;padding:.4rem .9rem}.menu-photo-wrap{display:inline-flex;align-items:center;gap:2px}.menu-photo-thumb{width:56px;height:42px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--border);display:block}.menu-photo-thumb:hover{border-color:var(--accent)}.check-label{display:flex;flex-direction:row!important;align-items:center;gap:.5rem!important}.po-modal{width:min(94vw,720px);max-height:88vh;overflow-y:auto}.po-link{background:none;border:none;padding:0;cursor:pointer;color:var(--accent-ink);font-weight:700;text-decoration:underline;font-size:inherit}.po-link:hover{color:var(--accent)}.row-actions{display:flex;gap:.35rem}.ap-total{font-size:1rem;color:var(--red)}.hq-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem}.hq-legend-item{display:inline-flex;align-items:center;gap:.4rem}.hq-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle}.hq-chart{display:flex;gap:.6rem;align-items:flex-end;padding:1rem .4rem .4rem;min-height:200px}.hq-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.hq-bars{display:flex;gap:2px;align-items:flex-end;height:155px}.hq-bar-wrap{display:flex;align-items:flex-end}.hq-bar{width:22px;border-radius:5px 5px 0 0;position:relative;cursor:default;transition:opacity .15s}.hq-bar:hover{opacity:.85}.hq-bar:hover .hq-tip{display:block}.hq-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--dark);color:#fff;font-size:.72rem;padding:.3rem .6rem;border-radius:6px;white-space:nowrap;z-index:30}.hq-day-label{font-size:.75rem;color:var(--muted)}.warn-text{color:var(--amber);font-weight:600;font-size:.85rem}.sub-banner{background:#fffbeb;border-bottom:2px solid var(--amber);color:#92400e;padding:.65rem 1rem;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.sub-banner.grace{background:#fef2f2;border-bottom-color:var(--red);color:#991b1b}.sub-banner-btn{margin-left:auto;border:none;border-radius:8px;padding:.4rem .95rem;background:var(--amber);color:#fff;font-weight:700;font-size:.82rem}.sub-banner.grace .sub-banner-btn{background:var(--red)}.sub-banner.sync-warn{background:#eff6ff;border-bottom-color:#3b82f6;color:#1e40af;font-weight:500;line-height:1.45}.sub-banner.sync-warn strong{font-weight:700}.sub-banner.sync-warn .sub-banner-btn{background:#3b82f6;white-space:nowrap}.sub-banner.sync-warn .sub-banner-btn:disabled{opacity:.6}.blocked-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#111827);padding:1rem}.blocked-card{background:var(--surface);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:460px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.blocked-icon{font-size:3.5rem}.blocked-card h1{font-size:1.5rem;margin:.6rem 0;color:var(--ink)}.blocked-reason{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:10px;padding:.7rem 1rem;font-weight:600;margin-bottom:1rem}.blocked-detail{font-size:.95rem;color:#374151;margin-bottom:1rem;line-height:1.7}.blocked-help{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem}.blocked-actions{display:flex;flex-direction:column;gap:.6rem}.blocked-actions button{padding:.85rem;border:none;border-radius:12px;font-size:1rem;font-weight:700}.wiz-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grad);padding:1rem}.wiz-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.8rem 1.6rem;max-width:640px;width:100%;box-shadow:var(--shadow-lg)}.wiz-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wiz-brand{font-weight:800;color:var(--accent)}.wiz-steps{display:flex;gap:.4rem;margin:1rem 0 .4rem}.wiz-dot{width:28px;height:4px;border-radius:4px;background:var(--border)}.wiz-dot.on{background:var(--accent)}.wiz-dot.done{background:var(--green)}.wiz-card h1{font-size:1.35rem;margin:.5rem 0;color:var(--ink)}.wiz-hint{font-size:.88rem;color:var(--muted);line-height:1.6;margin-bottom:1rem}.wiz-opts{display:grid;gap:.6rem;margin-bottom:1.2rem}.wiz-opt{display:grid;grid-template-columns:2.4rem 1fr;grid-template-rows:auto auto;align-items:center;gap:0 .7rem;text-align:start;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:.75rem .9rem;cursor:pointer}.wiz-opt.on{border-color:var(--accent);background:var(--accent-soft)}.wiz-opt-icon{grid-row:span 2;font-size:1.7rem}.wiz-opt-name{font-weight:700;color:var(--ink)}.wiz-opt-desc{font-size:.82rem;color:var(--muted)}.wiz-summary{border:1px solid var(--border);border-radius:14px;padding:.4rem 1rem;margin-bottom:1rem}.wiz-sum-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.wiz-sum-row:last-child{border-bottom:none}.wiz-err{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;border-radius:10px;padding:.6rem .9rem;margin-bottom:.8rem;font-size:.9rem}.wiz-actions{display:flex;justify-content:space-between;gap:.8rem}.wiz-actions button{padding:.8rem 1.4rem;border:none;border-radius:12px;font-weight:700;cursor:pointer}.wiz-skip{background:transparent;color:var(--muted)}.wiz-next{background:var(--accent);color:#fff;min-width:8rem}.wiz-next:disabled{opacity:.6}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:.8rem 1.5rem;border-radius:var(--pill);box-shadow:var(--shadow-lg);z-index:100;font-weight:600}.acc-tabs{display:flex;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}.acc-tabs button{padding:.5rem 1.1rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);color:var(--ink-soft);font-weight:700;font-size:.9rem}.acc-tabs button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.acc-range{padding-bottom:.9rem}.acc-presets{display:flex;gap:.35rem;flex-wrap:wrap;padding-bottom:.15rem}.acc-filter{margin-bottom:.9rem}.acc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}.acc-card{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:.8rem .95rem;display:flex;flex-direction:column;gap:.15rem}.acc-card-label{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.acc-card strong{font-size:1.25rem;font-weight:800}.acc-card small{font-size:.75rem}.acc-card.income{border-color:#bbf7d0;background:#f0fdf4}.acc-card.income strong{color:var(--green)}.acc-card.expense{border-color:#fecaca;background:#fef2f2}.acc-card.expense strong{color:var(--red)}.acc-card.profit{border-color:var(--accent);background:var(--accent-soft)}.acc-card.profit strong{color:var(--accent-ink)}.acc-card.profit.loss{border-color:var(--red);background:#fef2f2}.acc-card.profit.loss strong{color:var(--red)}.acc-share{height:8px;background:var(--border);border-radius:var(--pill);overflow:hidden;min-width:90px;margin-bottom:.2rem}.acc-share span{display:block;height:100%;background:var(--grad);border-radius:var(--pill)}.acc-legend{display:flex;gap:1rem;font-size:.82rem;color:var(--ink-soft);margin-bottom:.6rem}.acc-legend span{display:flex;align-items:center;gap:.35rem;font-weight:600}.acc-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.acc-legend .sw-in{background:var(--green)}.acc-legend .sw-out{background:var(--red)}.acc-chart{display:flex;gap:.35rem;align-items:flex-end;overflow-x:auto;padding-bottom:.3rem}.acc-day{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:26px}.acc-day small{font-size:.7rem;color:var(--muted)}.acc-bars{display:flex;gap:2px;align-items:flex-end;height:110px}.acc-bars span{width:9px;border-radius:3px 3px 0 0;min-height:2px}.acc-bars .in{background:var(--green)}.acc-bars .out{background:var(--red)}.doc-no{font-family:Courier New,monospace;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.stock-table .small{font-size:.78rem}.inline-input{width:100%;min-width:140px;padding:.4rem .6rem;font-family:inherit;font-size:.92rem;border:1.5px solid transparent;border-radius:8px;background:transparent;color:inherit}.inline-input:hover{border-color:var(--border);background:var(--surface-2)}.inline-input:focus{border-color:var(--accent);background:var(--surface);outline:none}a.mini-btn{display:inline-block;text-decoration:none;color:inherit;line-height:1.35}.sn-shell{display:flex;align-items:flex-start;gap:1.1rem}.sn-main{flex:1;min-width:0}.sn-nav{position:sticky;top:0;z-index:2;flex:0 0 226px;width:226px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem .6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-height:calc(100vh - 8.5rem);overflow-y:auto}.sn-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.1rem .45rem .55rem;border-bottom:1px solid var(--border)}.sn-title{font-size:.95rem;font-weight:800;letter-spacing:.2px}.sn-rail-btn{flex:0 0 auto;width:26px;height:26px;line-height:1;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--ink-soft);font-weight:800;font-size:.85rem}.sn-rail-btn:hover{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.sn-group{display:flex;flex-direction:column;gap:.2rem}.sn-group-title{padding:0 .55rem .2rem;font-size:.68rem;font-weight:800;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}.sn-item{position:relative;display:flex;align-items:center;gap:.6rem;width:100%;padding:.42rem .55rem;border:none;border-radius:11px;background:transparent;color:var(--ink-soft);font-size:.88rem;font-weight:600;text-align:start}.sn-item:hover{background:var(--surface-2);color:var(--ink)}.sn-ico{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--surface-2);font-size:.95rem;transition:background .15s ease,transform .12s ease}.sn-item:hover .sn-ico{background:var(--accent-soft);transform:scale(1.06)}.sn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-item.active{background:var(--grad);color:var(--accent-contrast);font-weight:700;box-shadow:0 6px 16px -6px var(--accent)}.sn-item.active .sn-ico{background:#ffffff38;transform:none}.sn-item.active:before{content:"";position:absolute;inset-inline-start:-.7rem;top:50%;width:3px;height:20px;margin-top:-10px;background:var(--accent);border-radius:0 3px 3px 0}.sn-shell.rail .sn-nav{flex-basis:62px;width:62px;padding-inline:.55rem}.sn-shell.rail .sn-head{justify-content:center}.sn-shell.rail .sn-title,.sn-shell.rail .sn-group-title,.sn-shell.rail .sn-label{display:none}.sn-shell.rail .sn-item{justify-content:center;padding-inline:0}.sn-shell.rail .sn-item.active:before{display:none}.sn-shell.rail .sn-group{gap:.25rem}.sn-shell.rail .sn-group+.sn-group{border-top:1px solid var(--border);padding-top:.7rem}.sn-shell.rail .sn-foot{display:none}@media (max-width: 820px){.sn-shell{flex-direction:column;gap:.8rem}.sn-nav{flex:0 0 auto;width:100%;max-height:none;flex-direction:row;align-items:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.6rem}.sn-head,.sn-group-title{display:none}.sn-group{flex-direction:row;gap:.35rem}.sn-item{width:auto;white-space:nowrap;padding:.45rem .7rem}.sn-item.active:before{display:none}.sn-group+.sn-group{border-inline-start:1px solid var(--border);padding-inline-start:.5rem}.sn-foot{margin:0 0 0 auto;padding:0 .4rem;border-top:none;white-space:nowrap;align-self:center}}.sn-foot{margin-top:auto;padding:.55rem .6rem 0;border-top:1px solid var(--border);font-size:.78rem;font-weight:700;color:var(--ink-soft);text-align:center}.sn-ico.text{font-size:.72rem;font-weight:800;letter-spacing:-.3px}.sn-item.active .sn-ico.text{color:var(--accent-contrast)}.chip-btn{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;padding:0;line-height:1;border:none;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:.72rem;opacity:.55}.chip-btn:hover{opacity:1;background:#00000012}.chip-btn.del:hover{background:#fee2e2;color:var(--red)}.cat-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;margin-bottom:1.1rem}.cat-empty{padding:1rem}.cat-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--border)}.cat-row:last-child{border-bottom:none}.cat-row:hover{background:var(--surface-2)}.cat-row:before{content:"";flex:0 0 auto;width:4px;height:18px;border-radius:3px;background:var(--grad)}.cat-row-name{flex:1;min-width:0;font-size:.95rem;font-weight:700}.cat-row-act{display:flex;align-items:center;gap:.15rem}.cat-row.sub{padding-inline-start:2.2rem;background:var(--surface-2)}.cat-row.sub:hover{background:var(--accent-soft)}.cat-row.sub:before{width:12px;height:12px;background:none;border-inline-start:1.5px solid var(--border);border-bottom:1.5px solid var(--border);border-end-start-radius:4px;margin-top:-6px}.cat-row.sub .cat-row-name{font-size:.88rem;font-weight:600;color:var(--ink-soft)}.cat-edit{flex:1;min-width:0;padding:.35rem .6rem;border:1.5px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:.92rem;font-weight:700;outline:none}.cat-add{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap;padding-top:.9rem;border-top:1px solid var(--border)}.cat-add label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.cat-add input,.cat-add select{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:.9rem;font-family:inherit;outline:none;min-width:190px}.cat-add input:focus,.cat-add select:focus{border-color:var(--accent);background:var(--surface)}.cat-add .btn-pay{padding:.6rem 1.2rem;border:none;border-radius:10px;font-weight:700}.opt-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.7rem;overflow:hidden}.opt-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.6rem .8rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.opt-card-name{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.opt-card-name strong{font-size:.95rem}.opt-tag{padding:.12rem .55rem;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--border);font-size:.7rem;font-weight:700;color:var(--ink-soft)}.opt-tag.req{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.opt-card-act{display:flex;align-items:center;gap:.35rem}.opt-card-body{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.7rem .8rem}.opt-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .35rem .28rem .7rem;border-radius:var(--pill);background:var(--accent-soft);background:color-mix(in srgb,var(--accent) 15%,#fff);border:1.5px solid var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 32%,#fff);font-size:.82rem;font-weight:700;color:var(--accent-ink)}.opt-chip .chip-btn{color:inherit}.opt-chip-price{padding:.02rem .4rem;border-radius:var(--pill);background:#ffffffb3;font-weight:800;font-size:.76rem}.opt-chip.linked{background:#dcfce7;border-color:#86efac;color:#14532d}.opt-chip-ing{font-size:.7rem;font-weight:600;padding-inline-start:.35rem;border-inline-start:1px solid rgba(20,83,45,.25)}.opt-chip.binding{border-color:var(--green);box-shadow:0 0 0 3px #16a34a26}.opt-card-add{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.6rem .8rem;border-top:1px dashed var(--border)}.opt-admin .opt-inp,.opt-admin .opt-price,.opt-admin select{padding:.45rem .7rem;border:1.5px solid var(--border);border-radius:9px;background:var(--surface);font-size:.85rem;font-family:inherit;outline:none}.opt-admin .opt-inp:focus,.opt-admin .opt-price:focus,.opt-admin select:focus{border-color:var(--accent)}.opt-admin .opt-inp{flex:1 1 200px;min-width:150px;max-width:320px}.opt-admin .opt-price{width:88px;text-align:right}.mini-btn.add{font-weight:700}.mini-btn.add:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.mini-btn:disabled{opacity:.45}.opt-card-new{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.75rem .8rem;background:transparent;border:1.5px dashed var(--border);margin-top:1rem}.opt-card-new .btn-pay{padding:.5rem 1.1rem;border:none;border-radius:9px;font-weight:700}.opt-chip-add{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .75rem;border-radius:var(--pill);border:1.5px dashed var(--border);background:transparent;color:var(--ink-soft);font-size:.8rem;font-weight:700;font-family:inherit}.opt-chip-add:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.modal select,.modal .form-row select,.recipe-row select,.bind-panel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%235c6479' d='M0 0h10L5 6z'/%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}.modal select{padding-block:.75rem;padding-inline:1rem 2.4rem;border:1.5px solid var(--border);border-radius:12px;font-size:1.1rem;font-family:inherit;color:var(--ink);background-color:var(--surface-2);background-position:right 1rem center;outline:none}.modal select:focus{border-color:var(--accent);background-color:var(--surface)}.modal select:disabled{opacity:.5;cursor:not-allowed}.modal .form-row input,.modal .form-row select{padding-block:.75rem;padding-inline:1rem;border-radius:12px;font-size:1.1rem}.modal .form-row select{padding-inline-end:2.4rem}.recipe-row select,.bind-panel select{padding-inline-end:1.7rem;background-position:right .55rem center}[dir=rtl] .modal select{background-position:left 1rem center}[dir=rtl] .recipe-row select,[dir=rtl] .bind-panel select{background-position:left .55rem center}.modal input:not([type=checkbox]),.modal select{line-height:1.15}.recipe-row select,.bind-panel select{padding:.4rem 1.6rem .4rem .6rem;border-radius:9px;font-size:.88rem;font-weight:600;background-color:var(--surface);background-position:right .5rem center}[dir=rtl] .recipe-row select,[dir=rtl] .bind-panel select{padding:.4rem .6rem .4rem 1.6rem;background-position:left .5rem center}.modal input[type=date],.modal input[type=time],.modal input[type=datetime-local]{height:46px;padding-block:0}.queue-board{max-width:1100px}.queue-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}.queue-head h3{font-size:1.05rem}.queue-head .btn-pay{padding:.6rem 1.2rem;border:none;border-radius:11px;font-weight:700}.queue-empty{padding:2.5rem 1rem}.queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}.queue-card{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm)}.queue-no{flex:0 0 auto;min-width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);font-size:1.9rem;font-weight:800;line-height:1;color:var(--ink-soft)}.queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.queue-state{font-size:.82rem;font-weight:800}.queue-state.s-empty{color:var(--muted)}.queue-state.s-cooking{color:var(--amber)}.queue-state.s-ready{color:var(--green)}.queue-cust{font-size:.8rem;font-weight:600}.queue-total{font-size:1.05rem}.queue-pay{font-size:.75rem;font-weight:800}.queue-pay.ok{color:var(--green)}.queue-pay.due{color:var(--red)}.queue-act{display:flex;flex-direction:column;gap:.35rem}.queue-act button{padding:.45rem .7rem;border:none;border-radius:9px;font-size:.8rem;font-weight:700}.queue-act button:disabled{opacity:.4;cursor:not-allowed}.queue-card.k-ready{border-color:var(--green);background:#f0fdf4}.queue-card.k-ready .queue-no{background:var(--green);color:#fff}.queue-card.k-cooking .queue-no{background:#fef3c7;color:#92400e}.queue-card.paid .queue-no{box-shadow:inset 0 0 0 2px #16a34a59}.ticket-queue{color:var(--accent-ink)}.wt-page{min-height:100vh;background:var(--bg);color:var(--ink);padding:0 0 5.5rem;max-width:720px;margin:0 auto}.wt-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background:var(--grad);color:var(--accent-contrast);box-shadow:var(--shadow-md)}.wt-head-mid{flex:1;min-width:0}.wt-title{font-size:1.15rem;font-weight:800;line-height:1.2}.wt-sub{font-size:.8rem;opacity:.85}.wt-head-act{display:flex;align-items:center;gap:.4rem;margin-inline-start:auto}.wt-logout,.wt-sent-btn{padding:.45rem .8rem;border:1.5px solid rgba(255,255,255,.45);border-radius:var(--pill);background:#ffffff26;color:inherit;font-size:.82rem;font-weight:700}.wt-back{flex:0 0 auto;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff2e;color:inherit;font-size:1.7rem;line-height:1}.wt-msg{margin:.6rem 1rem}.wt-hint{padding:.9rem 1rem .3rem;font-size:.88rem;color:var(--ink-soft);font-weight:600}.wt-zone{padding:.4rem 1rem .6rem}.wt-zone h4{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.wt-tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem}.wt-table{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;min-height:92px;justify-content:center;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);font-family:inherit}.wt-table-name{font-size:1.05rem;font-weight:800}.wt-table-seats{font-size:.72rem;color:var(--muted)}.wt-table-free{font-size:.75rem;font-weight:700;color:var(--green)}.wt-table-total{font-size:.85rem;font-weight:800;color:var(--amber)}.wt-table.busy{border-color:var(--amber);background:#fffbeb}.wt-table:disabled{opacity:.55}.wt-sent{margin:.6rem 1rem;padding:.8rem 1rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.wt-sent-line{display:flex;justify-content:space-between;gap:.6rem;padding:.3rem 0;font-size:.9rem;border-bottom:1px solid var(--border)}.wt-sent-line:last-child{border-bottom:none}.wt-filter{position:sticky;top:68px;z-index:5;padding:.6rem 1rem;background:var(--bg)}.wt-search{width:100%;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);font-family:inherit;font-size:1rem;outline:none}.wt-search:focus{border-color:var(--accent)}.wt-cats{display:flex;gap:.35rem;overflow-x:auto;padding-top:.5rem}.wt-cats button{flex:0 0 auto;padding:.45rem .9rem;border:1.5px solid var(--border);border-radius:var(--pill);background:var(--surface);font-family:inherit;font-size:.85rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.wt-cats button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.wt-menu{display:flex;flex-direction:column;gap:.4rem;padding:0 1rem}.wt-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.85rem 1rem;min-height:58px;border:none;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);font-family:inherit;text-align:start}.wt-item:active{background:var(--accent-soft)}.wt-item-name{flex:1;min-width:0;font-size:.98rem;font-weight:700}.wt-item-price{font-size:.92rem;font-weight:800;color:var(--accent-ink)}.wt-item-add{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:var(--accent-contrast);font-size:1.2rem;font-weight:800}.wt-bar{position:fixed;left:50%;transform:translate(-50%);bottom:.9rem;width:min(92vw,680px);z-index:20;display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border:none;border-radius:var(--pill);background:var(--dark);color:#fff;box-shadow:var(--shadow-lg);font-family:inherit;font-size:1rem;font-weight:700}.wt-bar-count{min-width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:.85rem;font-weight:800}.wt-bar strong{margin-inline-start:auto;font-size:1.05rem}.wt-sheet{width:100%;max-width:640px;margin-top:auto;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.2rem 1.1rem 1.4rem;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.wt-lines{display:flex;flex-direction:column;gap:.5rem}.wt-line{display:flex;align-items:center;gap:.7rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.wt-line-info{flex:1;min-width:0;display:flex;flex-direction:column}.wt-line-info small{font-size:.75rem}.wt-note{color:var(--amber);font-weight:600}.wt-qty{display:flex;align-items:center;gap:.5rem}.wt-qty button{width:36px;height:36px;border:1.5px solid var(--border);border-radius:50%;background:var(--surface-2);font-size:1.1rem;font-weight:800;line-height:1}.wt-qty span{min-width:24px;text-align:center;font-weight:800}.wt-sheet-foot{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700}.wt-page .modal-backdrop{align-items:flex-end;padding:0}.qr-thumb,.wt-thumb{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;aspect-ratio:1 / 1;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.qr-thumb img,.wt-thumb img{width:100%;height:100%;object-fit:cover;display:block}.qr-thumb{width:clamp(58px,18vw,96px)}.qr-thumb>span{font-size:clamp(1.6rem,8vw,2.4rem);line-height:1}.wt-thumb{width:clamp(44px,13vw,60px);border-radius:10px}.wt-thumb>span{font-size:clamp(1.2rem,6vw,1.7rem);line-height:1}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.4rem;margin-top:.6rem}.sp-item{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:10px;padding:.55rem .7rem;font-size:.9rem;cursor:pointer}.sp-item.locked{opacity:.55;cursor:not-allowed}.sp-item em{margin-inline-start:auto;font-size:.75rem;color:var(--muted);font-style:normal}.printer-own{border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1rem;background:var(--surface-2)}.printer-own-title{font-weight:700;margin-bottom:.5rem}.printer-own-item{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.95rem;cursor:pointer}.printer-own-item input{width:18px;height:18px}.printer-own-hint{font-size:.82rem;margin:.5rem 0 0}.sp-display{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:.6rem .9rem;margin-top:.6rem}.sp-display>span{font-size:.9rem}.sp-display .theme-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.sp-display .theme-btn:hover{background:var(--accent-strong)}.sp-display .theme-menu{right:auto;inset-inline-start:0}.ico{vertical-align:-.18em;flex:0 0 auto}.sn-ico .ico{vertical-align:0}.pay-change{display:flex;align-items:baseline;justify-content:space-between;margin-top:.7rem;padding:.6rem .9rem;background:#ffedd5;border-radius:12px;font-weight:700;color:#b45309}.pay-change strong{font-size:1.5rem;color:#b45309}.change-modal{text-align:center}.change-done{font-weight:800;color:var(--green);margin-bottom:.8rem}.change-label{font-size:.9rem;font-weight:700;color:var(--ink-soft)}.change-amount{font-size:3rem;font-weight:800;line-height:1.15;color:#b45309;margin:.2rem 0 .6rem}.change-points{color:var(--accent-ink);font-weight:700;margin-bottom:.9rem}.change-close{width:100%;padding:.95rem;font-size:1.05rem}.ml-styles{display:flex;gap:.8rem;flex-wrap:wrap;margin:.6rem 0 1rem}.ml-style{flex:1 1 180px;max-width:260px;padding:.6rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer}.ml-style.active{border-color:var(--accent);box-shadow:var(--shadow-sm)}.ml-style-name{display:block;margin-top:.5rem;font-size:.85rem;font-weight:700;color:var(--ink)}.ml-style.active .ml-style-name{color:var(--accent-ink)}.ml-mini{--menu-card-min: 66px;gap:.4rem;pointer-events:none}.ml-mini .menu-name{font-size:.6rem;line-height:1.15}.ml-mini .menu-price{font-size:.6rem}.ml-mini .menu-body{padding:.3rem .35rem .4rem;gap:.1rem}.ml-mini .menu-card:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--border)}.ml-size{display:flex;align-items:center;gap:.8rem;font-size:.9rem;font-weight:600;margin-bottom:.9rem}.ml-size input[type=range]{flex:1;min-width:120px;max-width:320px;accent-color:var(--accent)}.ml-size strong{color:var(--accent-ink);min-width:56px}.ml-preview{border:1px dashed var(--border);border-radius:var(--radius);padding:.8rem;background:var(--bg)}.ml-preview-title{font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:.6rem}.ml-preview .menu-card{pointer-events:none}.sp-display select{padding:.45rem .6rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:.9rem;font-weight:600;min-height:36px;outline:none}