:root{--bg:#F6F4EF;--card:#FFFFFF;--ink:#1C1C1C;--muted:#6B6B6B;--green:#177A3E;--green-bg:#E3F4E8;--amber:#B97800;--amber-bg:#FFF2D6;--blue:#1758B7;--blue-bg:#E3ECFB;--red:#C62828;--red-bg:#FDE5E3;--line:#E4E0D6}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{background:var(--bg);font-family:Noto Sans Thai,-apple-system,sans-serif;color:var(--ink)}.app{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.hdr{padding:14px 16px;display:flex;align-items:center;gap:10px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.hdr .back{font-size:18px;font-weight:800;font-family:inherit;border:none;background:#f1eee6;border-radius:14px;padding:0 18px;min-width:120px;height:52px;cursor:pointer;flex-shrink:0;white-space:nowrap}.hdr .back:active{transform:scale(.96)}.hdr h1{font-size:20px;font-weight:700;line-height:1.2}.hdr .sub{font-size:13px;color:var(--muted)}.conn{margin-left:auto;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--green-bg);color:var(--green);white-space:nowrap}.conn.off{background:var(--red-bg);color:var(--red)}.offlinebar{background:var(--red);color:#fff;text-align:center;padding:10px;font-weight:700;font-size:15px}.wrap{padding:16px;display:flex;flex-direction:column;gap:12px}.bigbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;border:none;border-radius:16px;font-family:inherit;font-size:21px;font-weight:700;cursor:pointer}.bigbtn:active{transform:scale(.98)}.bigbtn.green{background:var(--green);color:#fff}.bigbtn.blue{background:var(--blue);color:#fff}.bigbtn.red{background:var(--red);color:#fff}.bigbtn.amber{background:#f5a300;color:#3a2a00}.bigbtn.ghost{background:var(--card);border:2px solid var(--line);color:var(--ink)}.bigbtn.gray{background:#ece9e0;color:var(--ink)}.card{background:var(--card);border-radius:16px;padding:14px 16px;border:1px solid var(--line)}.chip{display:inline-block;font-size:13.5px;font-weight:700;padding:3px 11px;border-radius:99px;white-space:nowrap}.chip.new{background:var(--amber-bg);color:var(--amber)}.chip.prep{background:var(--blue-bg);color:var(--blue)}.chip.served{background:var(--green-bg);color:var(--green)}.chip.cancel{background:var(--red-bg);color:var(--red)}.muted{color:var(--muted);font-size:14px}.cattabs{display:flex;gap:8px;padding:12px 16px 4px;overflow-x:auto;position:sticky;top:73px;background:var(--bg);z-index:4}.cattab{border:none;background:#ece9e0;border-radius:16px;padding:16px 22px;font-family:inherit;font-size:19px;font-weight:800;cursor:pointer;white-space:nowrap;min-height:56px}.cattab.on{background:var(--ink);color:#fff}.menuitem{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer}.menuitem.off{opacity:.55}.menuitem .img{font-size:30px;width:58px;height:58px;background:var(--bg);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.menuitem .img img{width:100%;height:100%;object-fit:cover}.menuitem .nm{font-size:20px;font-weight:800;line-height:1.25}.menuitem .pr{margin-left:auto;font-size:21px;font-weight:800;white-space:nowrap}.menuprice{font-size:17.5px;font-weight:800;margin-top:2px}.menuprice .soldout{color:var(--red);font-weight:700;font-size:14px}.soldtag{font-size:13px;font-weight:700;color:var(--red);background:var(--red-bg);border-radius:99px;padding:2px 10px}.menuitem.picked{border-color:var(--green);background:var(--green-bg)}.qstep{display:flex;align-items:center;gap:6px;flex-shrink:0}.qbtn{width:46px;height:46px;border-radius:12px;border:2px solid var(--line);background:#fff;font-family:inherit;font-size:24px;font-weight:800;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}.qbtn:disabled{opacity:.35}.qbtn.plus{background:var(--green);color:#fff;border-color:var(--green)}.qnum{min-width:30px;text-align:center;font-size:21px;font-weight:800}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.stat .v{font-size:24px;font-weight:800;margin-top:2px}.stat .k{font-size:14px;color:var(--muted);font-weight:600}.stat.big{grid-column:1/-1;background:var(--green-bg);border-color:var(--green)}.stat.big .v{color:var(--green);font-size:31px}.rowline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:16px}.rowline:last-child{border-bottom:none}.exgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exbtn{border:2px solid var(--line);background:var(--card);border-radius:16px;padding:18px 8px;font-family:inherit;font-size:16.5px;font-weight:700;cursor:pointer}.exbtn.on{border-color:var(--green);background:var(--green-bg);color:var(--green)}.exrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.exrow:last-child{border-bottom:none}.iconbtn{width:44px;height:44px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}.iconbtn.del{border-color:var(--red-bg);background:var(--red-bg)}.stafftag{font-size:13px;font-weight:700;color:var(--blue);background:var(--blue-bg);border-radius:99px;padding:2px 10px}.sheet{position:fixed;inset:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet .inner{background:var(--bg);width:100%;max-width:520px;border-radius:22px 22px 0 0;padding:18px 16px 26px;max-height:88vh;overflow-y:auto}.optgrp{margin-bottom:14px}.optgrp h3{font-size:16px;font-weight:700;margin-bottom:8px}.optrow{display:flex;flex-wrap:wrap;gap:8px}.opt{border:2px solid var(--line);background:var(--card);border-radius:12px;padding:13px 18px;font-family:inherit;font-size:19px;font-weight:700;cursor:pointer;min-height:52px}.opt.on{border-color:var(--green);background:var(--green-bg);color:var(--green)}.qtyrow{display:flex;align-items:center;justify-content:center;gap:20px;margin:6px 0}.qtyrow button{width:56px;height:56px;font-size:28px;border:2px solid var(--line);background:var(--card);border-radius:14px;cursor:pointer;font-weight:700}.qtyrow span{font-size:28px;font-weight:800;min-width:40px;text-align:center}textarea.note,input.txt{width:100%;border:2px solid var(--line);border-radius:12px;padding:12px;font-family:inherit;font-size:16px}textarea.note{min-height:64px;resize:none}input.amt{width:100%;border:2px solid var(--line);border-radius:14px;padding:14px;font-family:inherit;font-size:24px;font-weight:800;text-align:center}.stickybar{position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 30%)}.alertbar{background:var(--red);color:#fff;padding:12px 16px;font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:10px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.ocard{background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden}.ocard.new{border-color:#f5a300}.ocard .ohead{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg)}.tbadge{font-size:19px;font-weight:800;background:var(--ink);color:#fff;border-radius:10px;padding:4px 14px;white-space:nowrap}.tbadge.ta{background:#7b4bc9}.oitem{padding:12px 16px;border-bottom:1px solid var(--line)}.oitem .l1{display:flex;justify-content:space-between;font-size:18px;font-weight:700}.oitem .mods{font-size:14.5px;color:var(--muted);margin-top:2px}.oitem .onote{font-size:14.5px;color:var(--red);font-weight:600;margin-top:2px}.obtns{padding:12px}.stabs{display:flex;background:var(--card);border-top:1px solid var(--line);position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.stab{flex:1;border:none;background:none;min-height:52px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.stab.on{color:var(--ink)}.stab .i{display:block;font-size:22px}.badge{background:var(--red);color:#fff;border-radius:99px;font-size:12px;padding:1px 7px;font-weight:700}.tblgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tbl{border:none;border-radius:18px;padding:14px 8px;font-family:inherit;cursor:pointer;text-align:center;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tbl .n{font-size:24px;font-weight:800}.tbl .s{font-size:14px;font-weight:700}.tbl.free{background:var(--card);border:2px solid var(--line);color:var(--muted)}.tbl.new{background:var(--amber-bg);border:2px solid #F5A300;color:var(--amber)}.tbl.prep{background:var(--blue-bg);border:2px solid var(--blue);color:var(--blue)}.tbl.ready{background:var(--green-bg);border:2px solid var(--green);color:var(--green)}.floor{position:relative;width:100%;aspect-ratio:3/2;background:#fbfaf7;border:2px solid var(--line);border-radius:16px;overflow:hidden}.zbox{position:absolute;border:2px solid #C9C4B6;border-radius:10px}.zbox.zmid{inset:28% 26% 3% 15%;background:#f3f0e8}.zbox.zin{inset:52% 26% 3%;background:#e7eef8;border-color:#a8bedd}.zlabel{position:absolute;font-size:clamp(9px,1.6vw,13px);font-weight:700;color:#8a8578;top:4px;left:8px}.zlabel.zlow{color:#a09a8b}.lm{position:absolute;font-size:clamp(8.5px,1.5vw,13px);font-weight:700;text-align:center;border-radius:8px;padding:2px 4px;line-height:1.2;display:flex;align-items:center;justify-content:center}.lm.door1{left:41%;width:13%;top:1%;height:8%;background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.lm.stairs{left:41%;width:13%;top:19%;height:8%;background:#efebe0;color:#6b6b6b;border:1px dashed #B9B3A4}.lm.door2{left:40%;width:12%;top:50.5%;height:6.5%;background:var(--green-bg);color:var(--green);border:1px solid var(--green)}.lm.k-noodle{left:80%;width:17%;top:2%;height:17%;background:var(--amber-bg);color:var(--amber);border:1px solid #E0B45E}.lm.k-food{left:80%;width:17%;top:75%;height:17%;background:var(--amber-bg);color:var(--amber);border:1px solid #E0B45E}.lm.counter{left:43%;width:22%;top:84%;height:11%;background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue)}.mtbl{position:absolute;transform:translate(-50%,-50%);border:3px solid;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;padding:1px;background:#fff}.mtbl.circle{width:clamp(46px,10.5%,86px);aspect-ratio:1;border-radius:50%}.mtbl.rect-h{width:clamp(50px,11%,92px);aspect-ratio:3/2;border-radius:9px}.mtbl.rect-v{width:clamp(38px,8%,68px);aspect-ratio:2/3;border-radius:9px}.mtbl .mn{font-size:clamp(13px,2.1vw,21px);font-weight:800}.mtbl .ms{font-size:clamp(8px,1.2vw,12px);font-weight:700}.mtbl.free{background:#fff;border-color:#c9c4b6;color:#8a8578}.mtbl.new{background:var(--amber-bg);border-color:#f5a300;color:var(--amber)}.mtbl.prep{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.mtbl.ready{background:var(--green-bg);border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px #177a3e26}.maplegend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 0 0;font-size:13.5px;font-weight:600;color:var(--muted)}.maplegend span{display:flex;align-items:center;gap:5px}.maplegend i.lg{width:16px;height:16px;border-radius:5px;border:2px solid;display:inline-block}.maplegend i.free{background:#fff;border-color:var(--line)}.maplegend i.new{background:var(--amber-bg);border-color:#f5a300}.maplegend i.prep{background:var(--blue-bg);border-color:var(--blue)}.maplegend i.ready{background:var(--green-bg);border-color:var(--green)}.app.wide{max-width:900px}@media (min-width:820px){.app.wide .floor{aspect-ratio:16/10}}.paytotal{text-align:center;padding:10px 0}.paytotal .amt{font-size:42px;font-weight:800}.payrow{display:flex;gap:10px}.paysel{flex:1;border:3px solid var(--line);background:var(--card);border-radius:16px;padding:16px 8px;font-family:inherit;font-size:19px;font-weight:700;cursor:pointer}.paysel.on{border-color:var(--green);background:var(--green-bg);color:var(--green)}.undobar{display:flex;align-items:center;gap:10px;background:var(--blue-bg);border:1px solid var(--blue);border-radius:14px;padding:10px 14px;font-size:14.5px;font-weight:600;color:var(--blue)}.undobar button{margin-left:auto;border:none;background:var(--blue);color:#fff;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}.canlink{border:none;background:var(--red-bg);color:var(--red);border-radius:10px;min-height:44px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.smallbtn{border:none;background:#ece9e0;border-radius:10px;padding:8px 13px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.smallbtn.red{background:var(--red-bg);color:var(--red)}.adminrow{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.toggle{margin-left:auto;width:56px;height:32px;border-radius:99px;border:none;cursor:pointer;position:relative;background:#cfcbc0;flex-shrink:0}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on:after{left:27px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 22px;border-radius:16px;font-size:15.5px;font-weight:600;line-height:1.4;opacity:0;transition:opacity .25s;pointer-events:none;z-index:99;max-width:88vw;text-align:center}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:14px;padding:24px}.grouphdr{font-size:15.5px;font-weight:800;letter-spacing:.02em;color:#fff;padding:10px 14px;border-radius:10px;margin:14px 0 6px;box-shadow:0 1px 3px #00000026}.actiontiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:14px}.atile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:160px;border-radius:22px;border:2.5px solid var(--line);background:var(--card);color:var(--ink);font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 1px 5px #00000014;padding:14px}.atile .ico{font-size:46px;line-height:1}.atile .sub2{font-size:14.5px;font-weight:500;color:var(--muted)}.atile.blue{background:var(--blue);border-color:var(--blue);color:#fff}.atile.blue .sub2{color:#ffffffe0}.atile:active{transform:scale(.96)}.pickbtn{min-height:46px;padding:0 18px;border-radius:12px;border:2px solid var(--green);background:var(--green);color:#fff;font-size:16.5px;font-weight:800;white-space:nowrap;cursor:pointer}.pickbtn:active{transform:scale(.97)}.sheetimg{width:56px;height:56px;flex:none;border-radius:12px;overflow:hidden;background:var(--chip);display:flex;align-items:center;justify-content:center;font-size:28px}.sheetimg img{width:100%;height:100%;object-fit:cover}.xbtn{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:17px;color:var(--muted);cursor:pointer}.bigbtn:disabled{opacity:.55}.optpr{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:7px;background:#00000012;font-size:13.5px;font-weight:800}.opt.on .optpr{background:#ffffff47}.toolrow{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 2px}.toolbtn{flex:1 1 30%;min-height:52px;padding:0 10px;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-size:15.5px;font-weight:800;cursor:pointer}.toolbtn.danger{border-color:var(--red);color:var(--red)}.toolbtn:active{transform:scale(.97)}.segbar{display:flex;gap:8px;padding:0 0 10px}.segbar.main{padding:10px 16px 6px}.seg{flex:1;min-height:52px;border-radius:12px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-size:16.5px;font-weight:800;cursor:pointer}.seg.on{background:var(--blue);border-color:var(--blue);color:#fff}.navrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.navbtn{min-height:46px;padding:0 12px;border-radius:11px;border:2px solid var(--line);background:var(--card);color:var(--fg);font-size:14.5px;font-weight:800;cursor:pointer;white-space:nowrap}.navbtn:disabled{opacity:.35}.navlabel{flex:1;text-align:center;font-size:19px;font-weight:800}.chart{display:flex;align-items:flex-end;gap:4px;height:170px;margin-top:12px;overflow-x:auto;padding-bottom:2px}.bar{flex:1 0 26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.barval{font-size:10.5px;font-weight:700;color:var(--muted);margin-bottom:2px}.barfill{width:100%;background:linear-gradient(180deg,var(--green),#7cc47f);border-radius:5px 5px 0 0;min-height:4px}.barlbl{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}.hourrow{display:flex;align-items:flex-end;gap:3px;margin:10px 0 6px;overflow-x:auto}.hbar{flex:1 0 22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hfill{width:100%;background:var(--blue);border-radius:4px 4px 0 0;opacity:.85}.hlbl{font-size:10px;color:var(--muted);margin-top:3px}.minigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:4px 0}.mini{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mini.wide{grid-column:1/-1}.mini .k{font-size:12.5px;color:var(--muted);font-weight:700}.mini .v{font-size:18px;font-weight:800;margin-top:2px}.pbar{height:9px;border-radius:5px;background:var(--chip);overflow:hidden}.pfill{height:100%;background:var(--green);border-radius:5px}.amtfield{width:100%;border:2px solid var(--line);border-radius:14px;padding:14px;background:var(--card);font-family:inherit;font-size:26px;font-weight:800;text-align:center;cursor:pointer;min-height:64px;color:var(--ink)}.amtfield.empty{color:var(--muted);font-size:17px;font-weight:600}.npdisplay{text-align:center;font-size:42px;font-weight:800;padding:8px 0 14px}.npbaht{font-size:18px;color:var(--muted);font-weight:600}.npgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.npkey{min-height:68px;border-radius:16px;border:2px solid var(--line);background:var(--card);font-family:inherit;font-size:30px;font-weight:800;cursor:pointer;color:var(--ink)}.npkey:active{transform:scale(.95)}.npkey.del{background:var(--red-bg);color:var(--red);border-color:var(--red-bg);font-size:26px}.npkey.ok{background:var(--green);border-color:var(--green);color:#fff;font-size:23px}.billrow{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--line);cursor:pointer}.billrow:last-child{border-bottom:none}.billtime{font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.billitems{background:var(--bg);border-radius:12px;padding:8px 12px;margin:0 0 10px}