.menu-fit{padding-top:16px}.mn{display:grid;gap:12px}.mn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.mn-head h1{font-size:28px}.mn-head p{margin:0;color:var(--muted);font-size:13px}.mn-tabs{display:flex;gap:4px;padding:4px;background:#f0eeec;border-radius:22px;position:relative}.mn-tabs button{position:relative;z-index:1;height:34px;border:0;background:transparent;border-radius:17px;padding:0 16px;font-weight:600;font-size:13px}.mn-tabs button.on{color:#c2410c}.mn-tabs i{position:absolute;top:4px;bottom:4px;border-radius:17px;background:#fff;transition:left .2s var(--settle),width .2s var(--settle)}.mn-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mn-tools input{height:40px;width:min(280px,46vw);border-radius:20px}.mn-tools .ghost,.mn-tools .btn{height:40px}.mn-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;border-radius:11px;background:#fff;color:var(--accent);font-size:11px}.mn-undo{background:none;border:0;color:var(--accent);font-weight:700;height:auto}.mn-body{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:16px;align-items:start}.mn-body.cats{grid-template-columns:minmax(0,1fr) 300px}.mn-col,.mn-items,.mn-tree{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:560px}.mn-col{padding:8px}.mn-col h2,.mn-tree h2{margin:8px;font-size:16px}.mn-cat,.mn-sub{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border:0;background:transparent;border-radius:12px;min-height:40px;padding:6px 8px;text-align:left}.mn-cat.on,.mn-sub.on,.mn-row.over{background:var(--accent-soft)}.mn-sub{padding-left:22px;color:var(--ink-soft)}.mn-cat b,.mn-sub b{font-weight:600}.mn-cat em,.mn-row em{color:var(--muted);font-style:normal;font-size:12px}.mn-add{margin:8px;height:36px}.mn-items{padding:12px}.mn-items header,.mn-tree header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.mn-items header p,.mn-tree header p{margin:2px 0 0;color:var(--muted);font-size:12px}.mn-card{display:grid;grid-template-columns:16px 80px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#fff;border:1px solid transparent;margin-bottom:8px;transition:transform .2s var(--settle),box-shadow .2s var(--settle)}.mn-card.lift{box-shadow:0 12px 28px #1d1a1629;position:relative;z-index:2}.mn-card.flash{animation:mn-flash .6s var(--settle)}.mn-card img,.mn-photo{width:80px;height:80px;border-radius:12px;object-fit:cover;background:var(--canvas)}.mn-card.sold img,.mn-card.sold .mn-photo{opacity:.45}.mn-card.sold strong{color:var(--muted)}.mn-card strong{display:block}.mn-card p{margin:2px 0 6px;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mn-chips{display:flex;flex-wrap:wrap;gap:4px}.mn-chips span,.mn-sold{height:22px;padding:0 8px;border-radius:11px;background:#f5f5f4;color:var(--ink-soft);font-size:11px;font-weight:700;display:inline-flex;align-items:center}.mn-sold{background:var(--error-soft);color:var(--error)}.mn-side{text-align:right;display:grid;justify-items:end;gap:6px}.mn-side .toggle{width:40px;height:24px}.mn-side .toggle i{width:18px;height:18px}.mn-side .toggle.on i{transform:translate(16px)}.mn-phone{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.mn-switch{display:flex;gap:4px;background:#f5f5f4;border-radius:18px;padding:4px;width:fit-content;margin:8px 0 12px}.mn-switch button{height:28px;border:0;border-radius:14px;background:transparent;padding:0 12px;font-size:12px;font-weight:600}.mn-switch button.on{background:#fff}.mn-frame{width:276px;height:560px;margin:0 auto;border:8px solid #1d1a16;border-radius:28px;overflow:hidden;background:#fff;transition:opacity .2s linear}.mn-frame.fade{opacity:.45}.mn-frame iframe{width:390px;height:780px;border:0;transform:scale(.667);transform-origin:top left}.mn-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1a1673;z-index:20;animation:fade .2s var(--settle)}.mn-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:#fff;z-index:21;display:flex;flex-direction:column;box-shadow:-12px 0 32px #1d1a161f;animation:mn-in .4s var(--settle)}.mn-drawer.out{animation:mn-out .25s var(--settle) forwards}.mn-drawer form{display:flex;flex-direction:column;min-height:100%}.mn-drawer textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.mn-drawer .scroll{flex:1;overflow:auto;padding:24px 28px 12px}.mn-drawer h2{margin:0;font-size:22px}.mn-drawer .who{color:var(--muted);font-size:13px;margin:4px 0 12px}.mn-dtabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:16px}.mn-dtabs button{height:36px;border:0;background:none;padding:0;font-weight:600;color:var(--muted);position:relative}.mn-dtabs button.on{color:var(--ink)}.mn-dtabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ink);border-radius:2px}.mn-dtabs button:disabled{cursor:not-allowed}.mn-dtabs button:disabled:after{content:"Coming next";display:block;font-size:10px;font-weight:600;color:#92400e}.mn-drop{height:150px;border:1px dashed var(--line);border-radius:16px;display:grid;place-items:center;text-align:center;color:var(--ink-soft);background:#fafaf9;margin-bottom:12px}.mn-drop img{width:120px;height:120px;object-fit:cover;border-radius:12px;animation:fade .25s var(--settle)}.mn-drop small,.mn-help{color:var(--muted);font-size:12px}.mn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mn-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mn-pills button,.mn-days button{height:34px;border-radius:17px;border:0;background:#f5f5f4;padding:0 16px;font-weight:600;font-size:13px}.mn-pills button.on,.mn-days button.on{background:var(--accent-soft);color:#c2410c}.mn-foot{height:76px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 28px;border-top:1px solid var(--line)}.mn-foot .danger{background:none;color:var(--error);height:auto;padding:0}.mn-tree{padding:16px}.mn-row{display:grid;grid-template-columns:16px 16px 1fr auto auto auto;gap:8px;align-items:center;min-height:42px;padding:0 8px;border-radius:12px}.mn-row.child{margin-left:28px;grid-template-columns:16px 1fr auto auto}.mn-handle{cursor:grab;color:var(--muted);border:0;background:none}.mn-icons{display:flex;gap:8px;flex-wrap:wrap}.mn-icons button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fafaf9;font-size:20px}.mn-icons button.on{border:2px solid var(--accent);background:var(--accent-soft)}.mn-soon,.mn-empty{display:grid;place-items:center;min-height:420px;text-align:center;padding:24px}.mn-empty{background:#fff;border:1px solid var(--line);border-radius:16px}.mn-steps{display:flex;gap:8px;justify-content:center;margin-top:8px}.mn-steps span{background:var(--accent-soft);color:#c2410c;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.mn-pop{position:absolute;right:8px;top:28px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;min-width:140px;z-index:4;overflow:hidden;box-shadow:0 8px 24px #1d1a161f}.mn-pop button{border:0;background:#fff;height:40px;text-align:left;padding:0 12px}.mn-check svg{width:18px;height:18px;vertical-align:-3px;margin-right:6px}@keyframes mn-in{0%{transform:translate(40px);opacity:.6}}@keyframes mn-out{to{transform:translate(40px);opacity:0}}@keyframes mn-flash{40%{background:#ffedd5}}@media(prefers-reduced-motion:reduce){.mn-drawer,.mn-card,.mn-tabs i,.mn-frame,.mn-card.flash{animation:fade .2s linear;transition:none}}@media(max-width:1100px){.mn-body,.mn-body.cats{grid-template-columns:1fr}.mn-phone{order:3}}.pay-page h1{margin-bottom:4px}.pay-page .lede{color:var(--muted);margin-bottom:18px}.pay-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;align-items:start}.pay-card{padding:24px}.pay-head{display:flex;gap:16px;align-items:flex-start}.pay-mark{width:64px;height:64px;border-radius:16px;background:#635bff;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;flex:none}.pay-head h2{font-size:24px;margin:0 0 4px}.pay-status{transition:opacity .2s linear}.pay-status.fade{opacity:.45}.stripe-btn{background:#635bff;color:#fff;height:48px;border:0;border-radius:24px;padding:0 24px;font-weight:700}.stripe-btn:disabled{opacity:.55}.pay-benefits{display:grid;gap:16px;margin:22px 0}.pay-benefits div{display:flex;gap:12px;align-items:flex-start}.pay-benefits i{width:44px;height:44px;border-radius:22px;background:var(--accent-soft);display:grid;place-items:center;flex:none}.pay-benefits strong{display:block}.pay-benefits span,.pay-note{color:var(--muted);font-size:13px}.pay-actions{display:flex;gap:14px;align-items:center}.pill-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700}.pill-chip.amber{background:#fef3c7;color:#b45309}.pill-chip.green{background:var(--success-soft);color:var(--success)}.pill-chip.red{background:var(--error-soft);color:var(--error)}.need-box{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px 16px 16px 44px;margin:16px 0;position:relative}.need-box.bad{background:var(--error-soft);border-color:#fecaca}.need-box ul{margin:8px 0;padding-left:18px}.test-pill{margin-left:auto;height:30px;border-radius:15px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:12px;font-weight:600}.test-pill.on{background:#fffbeb;border-color:#fde68a;color:#b45309}.method-row{display:flex;align-items:center;gap:12px;margin:14px 0}.method-row span{flex:1;font-weight:600}.method-row.off span{color:var(--muted)}.pay-list{margin-top:16px;padding:8px 0}.pay-list table{width:100%;border-collapse:collapse}.pay-list th,.pay-list td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14px}.pay-list th{color:var(--muted);font-size:12px}.banner-test,.banner-bad{margin:0 0 16px;padding:12px 16px;border-radius:14px;font-weight:650}.banner-test{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.banner-bad{background:var(--error-soft);color:var(--error);border:1px solid #fecaca;display:flex;justify-content:space-between;align-items:center;gap:12px}@media(max-width:980px){.pay-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pay-status{transition:none}}:root{--accent: #e66a23;--accent-press: #c9561a;--accent-soft: #ffedd5;--canvas: #fbf9f7;--surface: #fff;--ink: #1d1a16;--ink-soft: #44403c;--muted: #a8a29e;--line: #e7e5e4;--success: #16a34a;--success-soft: #dcfce7;--error: #dc2626;--error-soft: #fee2e2;--amber: #ffc72c;--amber-soft: #fff6d6;--settle: cubic-bezier(.22, 1, .36, 1);font-family:Plus Jakarta Sans,sans-serif;color:var(--ink);background:var(--canvas);font-weight:500;font-size:15px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}.press:active{transform:scale(.96);filter:brightness(.92)}button,.press{transition:transform .1s var(--settle),filter .1s linear}.signin{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.card,.signin form,.modal,.type-card,.qr-card,.guide article,.status-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px #1d1a160f}.signin form{width:min(440px,100%);padding:28px}h1{font-size:28px;font-weight:800;margin:0 0 8px}h2{font-size:18px;font-weight:700;margin:0 0 8px}p{color:var(--ink-soft);margin:0 0 12px}label{display:grid;gap:6px;font-size:13px;color:var(--ink-soft);margin-bottom:12px}input,select{height:48px;border-radius:999px;border:1px solid var(--line);padding:0 16px;background:#fff;color:var(--ink)}.btn,.ghost,.danger{height:48px;border-radius:999px;padding:0 18px;border:0;font-weight:700}.btn{background:var(--accent);color:#fff}.btn:disabled{opacity:.5}.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.danger{background:var(--error);color:#fff}.text{background:none;border:0;color:var(--accent);font-weight:700;height:auto}.shake{animation:shake .35s var(--settle)}.inline{color:var(--error);font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.shell{min-height:100vh;display:flex;background:var(--canvas)}.shell.in .side{animation:side-in .3s var(--settle)}.side{width:240px;flex:none;background:#fff;border-right:1px solid var(--line);padding:20px 12px;position:relative}.logo{font-weight:800;padding:8px 12px 18px}.logo small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:500}.nav{display:grid;gap:4px;position:relative}.nav button,.soon{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:44px;border:0;background:transparent;border-radius:999px;padding:0 14px;text-align:left;color:var(--ink);font-weight:600}.nav .pill{position:absolute;left:0;right:0;height:44px;border-radius:999px;background:var(--accent-soft);transition:top .2s var(--settle);z-index:0}.soon{color:var(--muted)}.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--amber-soft);color:var(--ink);font-size:12px;font-weight:700}.chip.ok{background:var(--success-soft);color:var(--success);animation:pop .3s var(--settle)}.chip.muted{background:#f5f5f4;color:var(--muted)}.work{flex:1;min-width:0}.top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800}.menu-btn{display:none}.page{padding:24px;animation:rise .25s var(--settle)}.page>*{animation:rise .25s var(--settle) both}.page>*:nth-child(2){animation-delay:40ms}.page>*:nth-child(3){animation-delay:80ms}.page>*:nth-child(4){animation-delay:.12s}.page>*:nth-child(5){animation-delay:.16s}.page>*:nth-child(6){animation-delay:.2s}.card,.status-card{padding:16px;margin-bottom:16px}.slip-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.slip-row figure{margin:0;display:grid;gap:8px;justify-items:center}.slip-row figcaption{font-weight:700}.slip-row iframe{width:280px;height:640px;border:1px solid var(--line);border-radius:8px;background:#fff}.bar{height:8px;background:#f5f5f4;border-radius:99px;overflow:hidden;margin:12px 0}.bar i{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .35s var(--settle)}.step{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.step.on{background:var(--accent-soft);margin:0 -16px;padding:12px 16px;border-radius:12px}.mark{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}.mark.done{background:var(--accent);border-color:var(--accent)}.mark svg{width:16px;height:16px}.ready{background:var(--success-soft)}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide article{padding:16px}.shot{height:92px;border-radius:12px;background:var(--canvas);margin-bottom:8px;display:grid;place-items:center;font-size:28px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-weight:500}.table input{height:36px;width:160px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--muted);transition:background .3s linear}.dot.on{background:var(--success)}.menu-pop{position:relative}.menu-pop div{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;min-width:140px;z-index:3;overflow:hidden}.menu-pop button{border:0;background:#fff;height:40px;text-align:left;padding:0 12px}.drop{border:1px dashed var(--line);border-radius:16px;min-height:88px;display:grid;place-items:center;background:var(--canvas)}.drop img{max-height:72px;border-radius:8px;animation:fade .3s var(--settle)}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.type-card{padding:16px;text-align:left;background:#fff}.mode-card{position:relative;display:flex;gap:12px;align-items:flex-start;width:100%;margin:0 0 8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;transition:border-color .2s var(--settle),box-shadow .2s var(--settle)}.mode-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode-card small,.dine-follow small{display:block;color:var(--muted);font-size:13px}.mode-card .tick{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px;animation:pop .2s var(--settle)}.mode-card.shake{animation:shake .35s cubic-bezier(.4,0,.2,1)}.keep-note{margin:4px 0 8px;color:var(--error);font-size:13px;font-weight:700}.dine-follow{display:grid;gap:8px;margin:8px 0 16px;animation:rise .25s var(--settle)}.pay-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.pay-rule small{display:block;color:var(--muted);font-size:13px}.type-card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.toggle{width:48px;height:28px;border-radius:99px;border:0;background:#e7e5e4;position:relative}.toggle i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s var(--settle)}.toggle.on{background:var(--accent)}.toggle.on i{transform:translate(20px)}.hours{display:grid;gap:8px}.hours .row input{width:120px}.segment{display:inline-flex;background:var(--canvas);border-radius:999px;padding:4px;position:relative}.segment button{border:0;background:transparent;height:36px;border-radius:999px;padding:0 14px;position:relative;z-index:1}.segment i{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:#fff;box-shadow:0 1px 4px #1d1a1614;transition:left .2s var(--settle)}.table-edit{margin-bottom:16px}.table-edit .line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.table-edit input.num{width:96px}.table-edit input.zone{width:160px}.qrs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.qr-card{padding:16px;text-align:center}.qr-wrap{position:relative;width:160px;height:160px;margin:0 auto 8px}.qr-wrap img{width:160px;height:160px}.qr-logo{position:absolute;left:50%;top:50%;width:36px;height:36px;transform:translate(-50%,-50%);background:#fff;border-radius:8px;display:grid;place-items:center;font-weight:800;color:var(--accent);border:1px solid var(--line)}.dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1a1673;display:grid;place-items:center;z-index:20;animation:fade .2s var(--settle)}.modal{width:min(480px,calc(100% - 32px));padding:24px;animation:pop-in .3s var(--settle)}.modal.out{animation:pop-out .2s var(--settle) forwards}.code{font-size:40px;font-weight:800;letter-spacing:.28em;text-align:center}.expire{height:4px;background:#f5f5f4;border-radius:99px;overflow:hidden;margin:8px 0 12px}.expire i{display:block;height:100%;background:var(--accent);transform-origin:left}.toast{position:fixed;right:16px;bottom:16px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;z-index:30;animation:toast-in .3s var(--settle)}.scan-test{min-height:48px;display:grid;place-items:center;border-radius:12px;background:var(--canvas)}.scan-test.ok{background:var(--success-soft);color:var(--success)}.paused{background:var(--amber-soft)}.check path{stroke-dasharray:24;stroke-dashoffset:24;animation:draw .3s var(--settle) forwards}.pin-roll{display:flex;gap:8px;justify-content:center;font-size:28px;font-weight:800}.arrow{display:inline-block;animation:drop .45s var(--settle)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes side-in{0%{transform:translate(-24px);opacity:.4}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(.86)}70%{transform:scale(1.06)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes pop-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes drop{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}@media(max-width:900px){.menu-btn{display:inline-flex}.side{position:fixed;inset:0 auto 0 0;z-index:10;transform:translate(-100%);transition:transform .3s var(--settle)}.side.open{transform:none}.grid-2,.guide,.types{grid-template-columns:1fr}.page{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}