:root{--bg0: #0b0f14;--bg1: #101824;--card: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .64);--ok: #3ddc97;--warn: #ffb020;--accent: #4dd2ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:Bahnschrift,Segoe UI,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(1000px 600px at 20% 10%,rgba(77,210,255,.12),transparent 60%),radial-gradient(900px 520px at 70% 0%,rgba(61,220,151,.1),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0))}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#ffffffe6}.shell{height:100vh;display:grid;grid-template-columns:260px 1fr}.side{padding:16px;border-right:1px solid var(--line);background:#0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-rows:auto auto auto 1fr;gap:14px}.sideBrand{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.nav{display:grid;gap:8px}.subnav{margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1);display:grid;gap:8px}.subnav .navBtn{height:36px;border-radius:12px}.navBtn{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);cursor:pointer;text-align:left;padding:0 12px}.navBtn.on{border-color:#4dd2ff47;background:#4dd2ff1a}.navBtn:disabled{cursor:not-allowed;opacity:.55}.sideStatus{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sideStatus .pill{flex:0 0 auto;white-space:nowrap}.sideFoot{align-self:end;display:grid;gap:8px}.sideFootIndicators{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.sideFootActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sideFootActions>button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideFootActions>button.primary{grid-column:1 / -1}.sideFootBar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sideFootPills{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.main{overflow:auto}.wrap{max-width:1100px;margin:0 auto;padding:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{width:40px;height:40px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;font-weight:700;color:#000000d9;background:linear-gradient(135deg,var(--accent),var(--ok))}.bposLogo{display:block;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.bposMarkB{font-weight:900;font-size:22px;line-height:1;letter-spacing:-.4px;transform:translateY(-.5px)}.bposMarkBolt{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(-18deg);opacity:.92;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}.authBrand{display:flex;align-items:center;gap:12px}.authPage{min-height:100vh;min-height:100svh;padding:22px;display:grid;place-items:center}.authPanel{width:100%;max-width:520px}.authTop .name{font-size:18px}.authTop .sub{font-size:12px;color:#ffffffb3}.name{font-size:16px;font-weight:700;letter-spacing:.2px}.sub{font-size:12px;color:var(--muted)}.sideClock{margin-top:2px;font-size:13px;font-weight:800;letter-spacing:.3px;font-variant-numeric:tabular-nums;color:#ffffffe6}.pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:12px}.pill.ok{border-color:#3ddc9759;color:#3ddc97f2}.pill.bad{border-color:#ef476f8c;color:#ef476ff2}.ordNoCell{display:flex;align-items:center}.pill.ordNoPill{color:#ffffffeb;font-weight:800;letter-spacing:.2px;font-variant-numeric:tabular-nums}.grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px}.card.wide{grid-column:1 / -1}h2{margin:0 0 12px;font-size:14px;letter-spacing:.3px;text-transform:uppercase;color:#ffffffc7}.field{display:grid;gap:6px;margin-bottom:10px}.field span{font-size:12px;color:var(--muted)}input{height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);outline:none}.inputRow{position:relative;display:flex;align-items:center}.inputRow>input{width:100%;padding-right:44px}.iconBtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:30px;padding:0;border-radius:10px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.iconBtn:hover{border-color:#ffffff3d}.iconBtn:active{transform:translateY(-50%) scale(.98)}select{height:38px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);outline:none}textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);outline:none;resize:vertical}input:focus{border-color:#4dd2ff73;box-shadow:0 0 0 3px #4dd2ff1f}select:focus{border-color:#4dd2ff73;box-shadow:0 0 0 3px #4dd2ff1f}textarea:focus{border-color:#4dd2ff73;box-shadow:0 0 0 3px #4dd2ff1f}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.sideStoreActions{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sideStoreActions>button{width:100%}.sideStoreActions>button:last-child:nth-child(odd){grid-column:1 / -1}button{height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);cursor:pointer}button:hover{border-color:#ffffff38}.btnSpin{display:inline-flex;align-items:center;gap:8px}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:spin .9s linear infinite}button:disabled{cursor:not-allowed;opacity:.55}button.primary{border-color:#4dd2ff59;background:#4dd2ff1f}button.cta{height:40px;padding:0 14px;border-radius:12px;border-color:#3ddc9773;background:linear-gradient(135deg,#3ddc97eb,#4dd2ffcc);color:#000000db;font-weight:900;letter-spacing:.2px}button.cta:hover{border-color:#3ddc97b3;transform:translateY(-1px)}.ctaPair{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}button.ctaRooms{height:40px;padding:0 14px;border-radius:12px;border-color:#ffb02099;background:linear-gradient(135deg,#ffb020f2,#ffd166eb);color:#000000db;font-weight:900;letter-spacing:.2px}button.ctaRooms:hover{border-color:#ffb020d9;transform:translateY(-1px)}button.danger{border-color:#ef476f73;background:#ef476f24}.palette{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:999px;padding:0;border:1px solid rgba(255,255,255,.16)}.swatch.on{border-color:#4dd2ff99;box-shadow:0 0 0 3px #4dd2ff29}.tileGrid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.tile{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.tile.on{border-color:#4dd2ff8c;box-shadow:0 0 0 3px #4dd2ff1f}.tileMain{width:100%;height:124px;padding:0;border:0;border-radius:0;background:transparent;display:grid;grid-template-rows:76px 1fr;text-align:left}.tileImg{width:100%;height:76px;object-fit:cover;display:block}.tilePh{width:100%;height:76px;background:#0000002e}.tileText{padding:10px 12px;font-weight:700;letter-spacing:.1px;display:grid;gap:2px}.tileTitle{font-weight:800}.tileMeta{font-size:12px;color:#ffffffc7;font-variant-numeric:tabular-nums}.tilePencil{position:absolute;top:8px;right:8px;width:34px;height:34px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#00000047;display:grid;place-items:center}.foldHead{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;padding:10px 12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;cursor:pointer}.foldHead.static{cursor:default;border:0;background:transparent;padding:0;border-radius:0}.foldTitle{font-weight:900;letter-spacing:.2px}.foldSum{font-size:12px;color:#ffffffb8;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.foldArrow{font-weight:900;color:#ffffffc7}.vOptGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.vOptTile{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.vOptTile.on{border-color:#4dd2ff8c;box-shadow:0 0 0 3px #4dd2ff1f}.vOptMain{width:100%;aspect-ratio:1 / 1;padding:0;border:0;border-radius:0;background:#00000029;position:relative;overflow:hidden;text-align:left;cursor:pointer;color:inherit}.vOptImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vOptText{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;display:grid;gap:3px;background:linear-gradient(180deg,#0000,#000000b8 60%,#000000e0)}.vOptText.noimg{top:0;right:0;bottom:0;left:0;align-content:center;justify-items:center;text-align:center;padding:14px;background:linear-gradient(180deg,#00000038,#00000052)}.vOptTitle{font-weight:900;letter-spacing:.1px;text-shadow:0 1px 2px rgba(0,0,0,.45)}.vOptText.noimg .vOptTitle{font-size:16px;letter-spacing:.2px}.vOptMeta{font-size:12px;color:#ffffffdb;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.45)}.imgPreview{width:100%;height:160px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;object-fit:cover;display:block;margin:8px 0}.imgPreview.ph{display:block}.imgFrame{width:100%;height:160px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;overflow:hidden;margin:8px 0;position:relative}.imgFrame>img{width:100%;height:100%;object-fit:cover;display:block}.imgPlaceholder{width:100%;height:100%;border:0;border-radius:0;padding:0;background:radial-gradient(240px 140px at 30% 30%,rgba(255,255,255,.06),transparent 60%),radial-gradient(220px 120px at 70% 70%,rgba(77,210,255,.08),transparent 55%),#0000002e;color:#ffffffd6;cursor:pointer;display:grid;place-items:center}.imgPlaceholder:hover{background:radial-gradient(240px 140px at 30% 30%,rgba(255,255,255,.08),transparent 60%),radial-gradient(220px 120px at 70% 70%,rgba(77,210,255,.12),transparent 55%),#0000002e}.imgPlaceholder:disabled{cursor:not-allowed;opacity:.55}.imgPlaceholderInner{display:grid;gap:10px;justify-items:center;text-align:center;padding:10px}.imgPlaceholderIcon{width:44px;height:44px;border-radius:999px;border:1px dashed rgba(255,255,255,.26);background:#0003;display:grid;place-items:center}.imgPlaceholderText{font-weight:900;letter-spacing:.2px}.imgPlaceholderSub{font-size:12px;color:#ffffffad}button.linkBtn{width:100%;height:34px;border:0;padding:0;background:transparent;text-align:left}button.linkBtn.on{font-weight:800}.hint{margin:10px 0 0;font-size:12px;color:var(--muted)}.alert{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000038;font-size:12px;color:#ffffffdb}.alert.err{border-color:#ffb02059;color:#ffd296f2}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;font-weight:800;letter-spacing:.2px;z-index:2200;max-width:min(560px,calc(100vw - 26px));text-align:center}.out{margin:0;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000047;overflow:auto}.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#ffffffeb;display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.out.err{border-color:#ffb02047;color:#ffd296f2}.pos{padding:18px}.posFull{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.posTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posGrid{margin-top:14px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.posFull .posGrid{flex:1 1 auto;min-height:0;overflow:hidden}.posFull .posGrid>.card{min-height:0;display:flex;flex-direction:column;overflow:hidden}.roomsGrid{display:grid;grid-template-columns:1fr 260px;gap:14px}.roomCanvas{position:relative;height:560px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:linear-gradient(transparent 19px,#ffffff0f 20px),linear-gradient(90deg,transparent 19px,rgba(255,255,255,.06) 20px),#0000002e;background-size:20px 20px;overflow:hidden}.tableEl{position:absolute;z-index:2;width:92px;height:66px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;display:grid;place-items:center;padding:6px}.tableEl.free{border-color:#3ddc9773;background:#3ddc971a}.tableEl.busy{border-color:#ffb0208c;background:#ffb0201f}.tableEl.sel{box-shadow:0 0 0 3px #4dd2ff29}.sepEl{position:absolute;z-index:1;width:190px;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;padding:0}.sepEl.sel{z-index:3;box-shadow:0 0 0 3px #4dd2ff29}.barEl{position:absolute;z-index:1;width:230px;height:26px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#00000038;padding:0}.barEl.sel{z-index:3;box-shadow:0 0 0 3px #4dd2ff29}.doorEl{position:absolute;z-index:1;width:96px;height:96px;border-radius:14px;border:1px solid transparent;background:transparent;padding:0}.doorEl:before{content:"";position:absolute;left:10px;top:10px;width:68px;height:2px;background:#ffffffbf;transform-origin:left center}.doorEl:after{content:"";position:absolute;left:10px;top:10px;width:68px;height:68px;border:2px solid rgba(255,255,255,.35);border-left-color:transparent;border-top-color:transparent;border-radius:0 0 68px}.doorEl.sel{z-index:3;box-shadow:0 0 0 3px #4dd2ff29}.tableNo{font-weight:900;font-size:18px;letter-spacing:.2px;color:#fffffff2}.tableMeta{margin-top:2px;font-size:12px;color:#ffffffc7;font-variant-numeric:tabular-nums}.roomTools{position:sticky;top:18px;align-self:start}.roomToolBtns{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roomToolBtns>button{width:100%}.roomToolBtns>.pill{width:100%;text-align:center}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffdb}.chip.on{border-color:#3ddc974d;background:#3ddc971a}.toggleList{display:grid;gap:8px}.toggleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000024;cursor:pointer}.toggleRow.disabled{cursor:not-allowed;opacity:.6}.toggleLabel{font-size:13px;color:#ffffffe0}.toggleInput{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;position:relative;cursor:pointer;transition:background .12s ease,border-color .12s ease}.toggleInput:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#ffffffdb;transition:transform .14s ease,background .12s ease}.toggleInput:checked{border-color:#3ddc9766;background:#3ddc972e}.toggleInput:checked:after{transform:translate(18px);background:#ffffffeb}.toggleInput:disabled{cursor:not-allowed;opacity:.7}.toggleInput:focus-visible{outline:none;box-shadow:0 0 0 3px #4dd2ff2e}.ingChips{display:flex;gap:8px;flex-wrap:wrap}.ingChip{height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffdb;cursor:pointer;font-size:12px;text-align:left}.ingChip.no{border-color:#ff4d4d66;background:#ff4d4d1f;text-decoration:line-through}.ingChip.extra{border-color:#3ddc9766;background:#3ddc971f}.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.posFull .items{grid-template-columns:repeat(6,minmax(0,1fr));flex:1 1 auto;min-height:0;overflow:auto;align-content:start;padding-right:4px;gap:8px}.itemBtn{height:74px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000002e;display:grid;gap:6px;padding:10px 12px;text-align:left}.posFull .itemBtn{height:auto;aspect-ratio:4 / 3;display:flex;flex-direction:column;padding:8px;gap:8px;overflow:hidden}.posFull .itemThumb{width:100%;aspect-ratio:2 / 1;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0000002e}.posFull .itemThumb.ph{border-style:dashed;background:radial-gradient(120px 80px at 30% 30%,rgba(77,210,255,.18),transparent 60%),radial-gradient(120px 80px at 70% 70%,rgba(61,220,151,.14),transparent 60%),#0000002e}.posFull .itemThumb img{width:100%;height:100%;display:block;object-fit:cover}.posFull .itemMeta{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.itemBtn:hover{border-color:#ffffff38;transform:translateY(-1px)}.itemName{font-weight:700;letter-spacing:.1px}.posFull .itemName{font-size:11.5px;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.itemPrice{color:var(--muted);font-size:12px}.posFull .itemPrice{margin-top:auto}.ticket{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:grid;gap:10px;max-height:420px;overflow:auto}.posFull .ticket{flex:1 1 auto;min-height:0;max-height:none}.line{display:grid;grid-template-columns:44px 1fr 86px;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08}.line.sel{border-color:#ffffff47;background:#ffffff0f}.qty{font-weight:700;color:#ffffffe6}.lnName{font-weight:650}.lnNote{margin-top:2px;font-size:12px;color:var(--muted)}.amt{text-align:right;font-variant-numeric:tabular-nums}.totalRow{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:baseline;justify-content:space-between;gap:12px}.total{font-size:22px;font-weight:800;letter-spacing:.2px;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.modalBack{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modal{width:min(760px,100%);border:1px solid var(--line);border-radius:16px;background:#101824eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;max-height:calc(100vh - 36px);overflow:auto}.modal.sm{width:min(520px,100%)}.modalTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.choiceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choiceBtn{height:64px;border-radius:16px;font-size:16px;font-weight:800;letter-spacing:.2px;background:#ffffff0f}@media (max-width: 520px){.choiceGrid{grid-template-columns:1fr}}.chk{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff08;cursor:pointer;-webkit-user-select:none;user-select:none}.chk input{width:16px;height:16px}@media (max-width: 900px){.shell{grid-template-columns:1fr}.side{grid-template-rows:auto auto auto auto;border-right:none;border-bottom:1px solid var(--line)}.grid,.posGrid,.roomsGrid{grid-template-columns:1fr}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.posFull .items{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 520px){.posFull .items{grid-template-columns:repeat(2,minmax(0,1fr))}}