:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#202723;background:#f1f2ef;font-synthesis:none;--ink: #173f35;--ink-dark: #102f28;--orange: #e8612e;--orange-soft: #fff1ea;--warm: #f7f4ee;--line: #e4e7e1;--muted: #758078;--green-soft: #edf6ef;--danger: #bc493e;--radius: 14px;--motion-instant: .12s;--motion-fast: .16s;--motion-base: .24s;--motion-spring: .42s;--ease-standard: cubic-bezier(.2,.8,.2,1);--ease-spring: cubic-bezier(.18,.89,.32,1.28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.button{min-height:42px;border:0;border-radius:10px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button svg{width:18px}.button-primary{color:#fff;background:var(--orange);box-shadow:0 7px 18px #e8612e2e}.button-secondary{color:var(--ink);background:#edf3f0;border:1px solid #d6e1dc}.button-ghost{color:#4e5b54;background:#fff;border:1px solid var(--line)}.button-danger{color:#fff;background:var(--danger)}.wide-button{width:100%}.icon-button{border:0;background:transparent;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:inherit}.icon-button:hover{background:#173f3512}.state-view{min-height:60vh;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--muted);text-align:center}.state-view svg{width:28px;height:28px}.state-error{color:var(--danger);padding:40px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-page{min-height:100vh;background:#fff;padding:28px clamp(24px,6vw,90px) 42px}.preview-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto}.brand-mark{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:19px}.brand-mark span{width:38px;height:38px;background:var(--ink);color:#fff;display:grid;place-items:center;border-radius:50%;font-family:serif}.preview-safe{display:inline-flex;align-items:center;gap:7px;color:#5f6c64;font-size:14px}.preview-intro{max-width:760px;margin:clamp(58px,8vh,96px) auto 34px;text-align:center}.preview-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.15;letter-spacing:-.04em;color:#1b2923;margin-bottom:20px}.preview-intro p{color:var(--muted);font-size:18px;line-height:1.8}.test-console{max-width:1120px;margin:0 auto 26px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fafbf9}.test-steps{min-height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-bottom:1px solid var(--line);color:#5d6861;font-size:13px}.test-steps span{display:flex;align-items:center;gap:7px}.test-steps i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-size:11px}.test-steps b{color:#a5ada7;font-weight:400}.test-status{min-height:92px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:16px 20px}.test-status>div:first-child{display:flex;align-items:center;gap:13px}.test-status>div:first-child>svg{width:28px;color:#43805c}.test-status>div:first-child span{display:flex;flex-direction:column;gap:2px}.test-status small,.test-status em{color:var(--muted);font-size:11px;font-style:normal}.test-status strong{color:var(--ink)}.test-counts{display:flex;gap:18px;color:var(--muted);font-size:12px}.test-counts strong{margin-left:4px;font-size:18px}.reset-demo{min-height:40px;border:1px solid #d6ded9;background:#fff;color:var(--ink);border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font-weight:600}.reset-demo svg{width:16px}.reset-demo:disabled{opacity:.55}.test-message{margin:0;padding:10px 20px;border-top:1px solid var(--line);color:#347457;font-size:12px}.preview-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.preview-card{padding:34px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line);transition:.2s ease}.preview-card:last-child{border-right:0}.preview-card:hover{background:#fafbf9}.preview-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:36px}.tone-orange .preview-icon{background:var(--orange-soft);color:var(--orange)}.tone-green .preview-icon{background:var(--green-soft);color:#347457}.tone-ink .preview-icon{background:var(--ink);color:#fff}.preview-card h2{font-size:24px;margin-bottom:12px}.preview-card p{color:var(--muted);line-height:1.75;margin-bottom:30px}.preview-card>span{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.preview-footer{max-width:1120px;margin:28px auto 0;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.preview-footer code{background:var(--warm);color:var(--ink);border-radius:8px;padding:8px 11px}.customer-shell{width:min(100%,440px);min-height:100vh;margin:0 auto;background:#fff;position:relative;box-shadow:0 0 45px #19282117}.customer-top{height:64px;padding:8px 14px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;border-bottom:1px solid #f0f1ee;position:sticky;top:0;background:#fffffff5;z-index:20}.customer-top strong{font-size:17px}.more-button{border:1px solid #e5e7e3;background:#fff;border-radius:18px;height:32px}.table-heading{padding:24px 20px 20px;display:flex;align-items:center;justify-content:space-between}.table-heading span{color:var(--orange);font-weight:700;font-size:14px}.table-heading h1{font-size:27px;letter-spacing:-.04em;margin:6px 0 0}.table-stamp{color:var(--ink);background:var(--warm);border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.table-stamp svg{width:20px}.table-stamp small{font-size:10px}.notice{height:43px;padding:0 20px;background:#fbf7ef;color:#806f57;display:flex;align-items:center;gap:8px;font-size:13px}.menu-layout{display:grid;grid-template-columns:92px 1fr;min-height:calc(100vh - 200px)}.category-nav{background:#f7f7f4;display:flex;flex-direction:column}.category-nav button{min-height:58px;border:0;background:transparent;color:#5f685f;text-align:left;padding:0 13px 0 19px;font-size:14px;position:relative}.category-nav button.active{background:#fff;color:var(--ink);font-weight:700}.category-nav button.active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--orange)}.dish-list{padding:7px 14px 110px}.dish-row{display:grid;grid-template-columns:94px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #eef0ec;min-height:124px}.dish-photo,.dish-thumb{background-image:url(/assets/dishes-grid.png);background-size:300% 200%;background-repeat:no-repeat}.dish-photo{width:94px;height:94px;border-radius:11px;position:relative;overflow:hidden}.dish-1{background-position:0% 0%}.dish-2{background-position:50% 0%}.dish-3{background-position:100% 0%}.dish-4{background-position:0% 100%}.dish-5{background-position:50% 100%}.dish-6{background-position:100% 100%}.dish-photo span{position:absolute;inset:auto 0 0;color:#fff;background:#202723cc;font-size:12px;text-align:center;padding:5px}.sold-out .dish-photo{filter:grayscale(.7);opacity:.7}.dish-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.dish-info h2{font-size:16px;margin:1px 0 6px}.dish-info h2 em{display:inline-grid;place-items:center;font-size:10px;width:18px;height:18px;border-radius:5px;margin-left:5px;font-style:normal;color:#fff;background:var(--orange)}.dish-info p{font-size:12px;color:#879087;line-height:1.5;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dish-action{display:flex;align-items:center;justify-content:space-between}.dish-action>strong{color:var(--orange);font-size:17px}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:27px;height:27px;border-radius:50%;border:1px solid #d7ddd8;color:var(--orange);background:#fff;padding:5px;display:grid;place-items:center}.stepper button:last-child{border:0;color:#fff;background:var(--orange)}.stepper button svg{width:16px}.cart-bar{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(calc(100% - 28px),412px);height:70px;border-radius:35px;color:#fff;background:var(--ink-dark);display:grid;grid-template-columns:54px 1fr auto;align-items:center;padding:8px 9px 8px 12px;z-index:30;box-shadow:0 12px 30px #102f284d}.cart-bar .button{height:52px;border-radius:25px}.cart-bar>div:nth-child(2){display:flex;flex-direction:column}.cart-bar>div:nth-child(2) strong{font-size:20px}.cart-bar small{color:#c8d3ce}.cart-bag{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);position:relative}.cart-bag i{position:absolute;top:-8px;right:-3px;background:var(--orange);color:#fff;border-radius:10px;min-width:20px;padding:2px 5px;font-style:normal;font-size:11px}.cart-note-trigger{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #20272314;border-radius:18px;padding:8px 14px;z-index:25;color:#6b756e;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b167a;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 25px 80px #00000038}.modal>header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0;font-size:19px}.option-dialog{padding:20px}.option-dialog fieldset{border:0;margin:0 0 22px;padding:0}.option-dialog legend{width:100%;font-weight:700;margin-bottom:11px}.option-dialog legend span{margin-left:6px;color:var(--orange);font-size:11px}.option-dialog fieldset div{display:flex;flex-wrap:wrap;gap:9px}.option-dialog fieldset button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px}.option-dialog fieldset button.active{border-color:var(--orange);background:var(--orange-soft);color:var(--orange)}.note-field{display:flex;flex-direction:column;gap:8px;font-weight:600;margin-bottom:18px}.note-field input,.tenant-form input,.tenant-form select{min-height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;outline:none}.success-hero{text-align:center;padding:38px 20px 24px}.success-icon{width:62px;height:62px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:50%;margin:0 auto 18px}.success-icon.cancelled{background:var(--danger);font-size:30px}.success-hero h1{font-size:25px;margin-bottom:9px}.success-hero p{color:var(--muted);font-size:13px}.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0 18px 26px;margin:0}.status-timeline li{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;color:#a0a8a1;position:relative}.status-timeline li:after{content:"";position:absolute;height:2px;left:calc(50% + 14px);right:calc(-50% + 14px);top:13px;background:#e7e9e6}.status-timeline li:last-child:after{display:none}.status-timeline i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#f0f1ee;z-index:1}.status-timeline li.done{color:var(--ink);font-weight:600}.status-timeline li.done i,.status-timeline li.done:after{background:var(--ink);color:#fff}.receipt{margin:0 18px 18px;border:1px solid var(--line);border-radius:14px;padding:18px}.receipt>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.receipt h2{font-size:17px;margin:0}.receipt header span{color:var(--muted);font-size:13px}.receipt-row{display:grid;grid-template-columns:1fr 40px 70px;gap:8px;padding:12px 0;font-size:13px}.receipt-row div{display:flex;flex-direction:column}.receipt-row small{color:var(--muted)}.receipt-row b{text-align:right}.receipt-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.order-success>.wide-button{width:calc(100% - 36px);margin:0 18px}.offline-pay-note{text-align:center;color:var(--muted);font-size:12px;margin:14px 0 30px}.merchant-shell{min-height:100vh;display:grid;grid-template-columns:226px 1fr;background:#f5f6f3}.side-nav{background:var(--ink-dark);color:#fff;padding:24px 14px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.side-brand i{width:43px;height:43px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center}.side-brand i svg{width:22px}.side-brand div{display:flex;flex-direction:column}.side-brand small{color:#a9beb5;margin-top:2px}.side-nav nav{display:flex;flex-direction:column;gap:5px}.side-nav nav button{border:0;color:#cfdbd6;background:transparent;height:48px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:left;position:relative}.side-nav nav button svg{width:19px}.side-nav nav button.active{background:#fff;color:var(--ink);font-weight:700}.side-nav nav button em{margin-left:auto;background:var(--orange);color:#fff;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:11px}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding:18px 10px 0;display:flex;flex-direction:column;gap:15px;color:#c5d4ce;font-size:13px}.side-bottom>span{display:flex;gap:8px}.connection{display:inline-flex;align-items:center;gap:7px}.connection i{width:8px;height:8px;border-radius:50%}.connection.online i{background:#5fd47a;box-shadow:0 0 0 4px #5fd47a1f}.connection.offline i{background:#ef816f}.merchant-main{min-width:0}.app-header{min-height:90px;padding:20px 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.app-header h1{font-size:25px;margin-bottom:4px}.app-header p{color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.disconnect{color:var(--danger);display:flex;align-items:center;gap:7px;font-size:13px}.disconnect svg{width:17px}.inline-alert{margin:14px 30px 0;padding:12px 14px;border-radius:9px;color:#863c34;background:#fff0ec;display:flex;justify-content:space-between;font-size:13px}.inline-alert button{border:0;background:transparent;color:inherit}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;padding:22px 30px 18px}.metric{min-height:104px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;display:flex;flex-direction:column}.metric.attention{border-color:#f1c5b5;box-shadow:inset 3px 0 var(--orange)}.metric span{color:#647068;font-size:13px}.metric strong{font-size:29px;color:var(--ink);margin-top:8px;line-height:1}.metric small{color:#9ba29d;font-size:10px;margin-top:7px}.order-board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;padding:0 30px 30px;align-items:start}.order-column{background:#eef0ec;border-radius:11px;min-height:560px;padding:12px}.order-column>header{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 13px}.order-column h2{font-size:15px;margin:0}.order-column header>span{background:#dde2dc;border-radius:10px;padding:2px 8px;font-size:12px}.order-stack{display:flex;flex-direction:column;gap:10px}.order-card{background:#fff;border:1px solid #dfe3de;border-radius:10px;padding:14px;box-shadow:0 4px 12px #1f2f2608}.order-card.new-order{border-color:#eda98d;box-shadow:0 5px 18px #e8612e1a}.order-card>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:11px;border-bottom:1px solid #edf0ec}.order-card>header div{display:flex;gap:9px;align-items:center}.order-card>header strong{color:var(--orange);font-size:17px}.order-card>header span{background:var(--warm);border-radius:6px;padding:3px 7px;font-size:12px}.order-card time{color:var(--muted);font-size:11px}.order-items{padding:10px 0 5px;display:flex;flex-direction:column;gap:8px}.order-items>div{display:flex;justify-content:space-between;font-size:13px}.order-items span{display:flex;flex-direction:column}.order-items small{color:var(--muted);font-size:10px}.order-note{color:#a25036;background:#fff5f0;font-size:11px;padding:7px 8px;border-radius:6px}.order-card>footer{display:flex;justify-content:space-between;font-size:12px;padding:8px 0 12px}.order-card>footer span{color:var(--muted)}.order-card>footer strong{font-size:15px}.order-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.order-actions .button-ghost{padding-inline:12px}.column-empty{color:#99a09b;text-align:center;padding:50px 10px;font-size:12px}.management-panel{margin:24px 30px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.management-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.management-panel h2{margin:0 0 5px;font-size:19px}.management-panel p{margin:0;color:var(--muted);font-size:12px}.dish-table{min-width:700px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr .8fr .8fr 1fr;align-items:center;min-height:58px;padding:0 20px;column-gap:16px}.table-head{color:#7f8982;background:#f8f8f6;font-size:12px}.table-row{border-top:1px solid #edf0ec;font-size:13px}.dish-cell{display:flex;align-items:center;gap:10px}.dish-thumb{width:38px;height:38px;border-radius:7px}.status-good,.status-bad{justify-self:start;border-radius:12px;padding:4px 9px;font-size:11px}.status-good{background:var(--green-soft);color:#43805c}.status-bad{background:var(--orange-soft);color:var(--orange)}.table-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.table-grid article{border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center}.table-grid article>.button{grid-column:1/-1}.fake-qr{width:52px;height:52px;background:var(--warm);display:grid;place-items:center;border-radius:7px;color:var(--ink)}.table-grid h3{margin:0 0 5px}.table-grid code{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-grid a{display:block;color:var(--orange);font-size:12px;margin-top:5px}.platform-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#f6f7f5}.platform-nav{background:var(--ink-dark);color:#fff;display:flex;flex-direction:column;padding:20px 13px;position:sticky;top:0;height:100vh}.platform-brand{height:54px;display:flex;align-items:center;gap:10px;padding:0 10px 20px;font-size:16px}.platform-brand svg{width:25px}.platform-nav nav{display:flex;flex-direction:column;gap:5px}.platform-nav button{height:46px;border:0;border-radius:8px;color:#c9d6d1;background:transparent;display:flex;align-items:center;gap:11px;padding:0 14px}.platform-nav button svg{width:18px}.platform-nav button.active{color:var(--ink);background:#fff;font-weight:700}.platform-nav .help{margin-top:auto}.platform-main{min-width:0}.platform-top{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.platform-top>div{display:flex;align-items:center;gap:9px;font-size:13px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e6ece8;color:var(--ink);border-radius:50%}.platform-content{padding:28px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-title h1{font-size:27px;margin-bottom:5px}.page-title p{color:var(--muted);margin:0;font-size:13px}.tenant-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.tenant-metrics>div{min-height:104px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}.tenant-metrics span{color:#6e7871;font-size:13px}.tenant-metrics strong{font-size:30px;margin-top:9px;color:var(--ink)}.tenant-metrics .attention strong{color:var(--orange)}.tenant-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.tenant-panel>header{padding:14px 18px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.search-box{width:min(420px,100%);border:1px solid var(--line);border-radius:8px;height:39px;display:flex;align-items:center;gap:8px;padding:0 11px}.search-box svg{width:17px;color:#8c958f}.search-box input{border:0;outline:0;flex:1;min-width:0}.tenant-panel select{height:39px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 30px 0 11px;color:#5c665f}.tenant-table{min-width:900px}.tenant-head,.tenant-row{display:grid;grid-template-columns:1.5fr .8fr 1fr .7fr .7fr .9fr .9fr;gap:14px;align-items:center;padding:0 18px}.tenant-head{min-height:48px;background:#f8f8f6;color:#7d8780;font-size:12px}.tenant-row{min-height:70px;border-top:1px solid #edf0ec;font-size:13px}.tenant-row>span:first-child{display:flex;flex-direction:column;gap:4px}.tenant-row small{color:#98a099}.tenant-status{border-radius:11px;padding:4px 9px;font-style:normal;font-size:11px}.tenant-status.active{background:var(--green-soft);color:#347b52}.tenant-status.trial{background:#fff2df;color:#9c6424}.tenant-status.expired,.tenant-status.disabled{background:#f0f1ef;color:#777f79}.tenant-actions{display:flex;gap:8px}.tenant-actions button{border:0;background:transparent;color:var(--ink);padding:0;font-size:12px}.empty-search{text-align:center;padding:70px;color:var(--muted)}.tenant-form{padding:20px;display:flex;flex-direction:column;gap:16px}.tenant-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tenant-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.tenant-form footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}.credential-box{padding:22px}.credential-box p{color:#5f6962;line-height:1.7}.credential-box dl{margin:18px 0;border:1px solid var(--line);border-radius:10px}.credential-box dl div{display:flex;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line)}.credential-box dl div:last-child{border-bottom:0}.credential-box dt{color:var(--muted)}.credential-box dd{margin:0;font-weight:700}.credential-box small{display:block;color:#9b6b38;margin-bottom:18px}@media(max-width:900px){.preview-grid{grid-template-columns:1fr}.preview-card{border-right:0;border-bottom:1px solid var(--line);min-height:240px}.preview-card:last-child{border-bottom:0}.preview-footer{flex-direction:column;gap:12px}.merchant-shell,.platform-shell{grid-template-columns:74px 1fr}.side-nav,.platform-nav{padding-inline:9px}.side-brand div,.side-nav nav button:not(.active)>:not(svg),.side-bottom,.platform-brand strong,.platform-nav nav button{font-size:0}.side-brand{padding-inline:6px}.side-nav nav button{justify-content:center;padding:0}.side-nav nav button em{position:absolute;top:2px;right:2px;font-size:10px}.platform-nav button{justify-content:center;padding:0}.metric-row,.tenant-metrics{grid-template-columns:repeat(2,1fr)}.order-board{overflow-x:auto;grid-template-columns:repeat(3,minmax(280px,1fr))}.app-header{align-items:flex-start}.header-actions .button{font-size:0;padding:0 13px}.header-actions .button svg{margin:0}.tenant-panel,.management-panel{overflow-x:auto}}@media(max-width:600px){.preview-page{padding-inline:18px}.preview-header{align-items:flex-start}.preview-safe{font-size:0}.preview-intro{text-align:left;margin-top:56px}.preview-intro h1{font-size:39px}.test-steps{justify-content:flex-start;gap:9px;padding:10px 14px;flex-wrap:wrap}.test-status{grid-template-columns:1fr auto;gap:13px}.test-counts{display:none}.reset-demo{grid-column:1/-1;width:100%;justify-content:center}.preview-grid{border-radius:14px}.preview-card{padding:26px}.customer-shell{box-shadow:none}.merchant-shell,.platform-shell{display:block}.side-nav,.platform-nav{height:62px;width:100%;position:fixed;left:0;bottom:0;top:auto;z-index:80;flex-direction:row;padding:5px 8px}.side-brand,.side-bottom,.platform-brand,.platform-nav .help{display:none}.side-nav nav,.platform-nav nav{flex:1;flex-direction:row;justify-content:space-around}.side-nav nav button,.platform-nav nav button{width:52px;height:52px}.side-nav nav button:nth-child(n+4),.platform-nav nav button:nth-child(n+4){display:none}.merchant-main,.platform-main{padding-bottom:70px}.app-header{padding:15px 16px;min-height:76px}.app-header h1{font-size:21px}.app-header p,.header-actions .icon-button{display:none}.metric-row{padding:14px 14px 12px;grid-template-columns:repeat(2,1fr)}.metric{min-height:86px}.metric strong{font-size:24px}.order-board{padding:0 14px 20px}.management-panel{margin:14px}.platform-top{display:none}.platform-content{padding:18px 14px}.page-title h1{font-size:22px}.page-title p{display:none}.page-title .button{padding-inline:12px}.tenant-metrics{grid-template-columns:repeat(2,1fr)}.tenant-panel>header{flex-wrap:wrap}.tenant-panel select{flex:1}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:90vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.splash-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#173f35;background:#fff;overflow:hidden}.splash-screen .pine-mark,.login-brand .pine-mark{width:104px;height:104px;border-radius:50%;background:#eef3ef;display:grid;place-items:center;position:relative}.splash-screen .pine-mark:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border:1px solid #173f35;border-left-color:transparent;border-radius:50%;animation:pine-spin 1.4s ease-out}.pine-mark svg{width:42px;height:42px}.splash-screen h1{font-size:42px;letter-spacing:8px;margin:26px 0 8px}.splash-screen p{margin:0;color:#65736c}.splash-screen strong{margin-top:28px;border:1px solid #173f35;border-radius:9px;padding:10px 24px;font-size:20px}.splash-screen small{position:absolute;bottom:8vh;color:#78847e}@keyframes pine-spin{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.wechat-login{min-height:100dvh;padding:20px 26px 34px;display:flex;flex-direction:column;background:#fff}.wechat-login>header{height:42px}.login-brand{text-align:center;margin:42px 0 26px}.login-brand .pine-mark{margin:auto;width:82px;height:82px}.login-brand h1{color:#173f35;font-size:34px;letter-spacing:5px;margin:18px 0 5px}.login-brand p{color:#6f7c75;margin:0}.login-table{margin:0 auto 24px;background:#f1f4f1;border:1px solid #e2e8e3;border-radius:14px;padding:14px 30px;display:flex;align-items:center;gap:14px}.login-table span{color:#7b857f}.login-table strong{font-size:25px}.wechat-login ul{list-style:none;padding:0;margin:0 auto 30px;display:grid;gap:14px;color:#4d5b54}.wechat-login li{display:flex;gap:10px;align-items:center}.wechat-login li svg{width:18px;color:#173f35}.wechat-button{background:#087d4d!important;height:52px;font-size:16px}.wechat-login>small{text-align:center;margin-top:12px;color:#89938e;line-height:1.5}.customer-v2{min-height:100dvh;padding-bottom:76px;background:#f7f8f7}.customer-store{height:72px;padding:10px 14px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #e7ebe8}.customer-store>div{flex:1}.customer-store strong,.customer-store small{display:block}.customer-store strong{font-size:16px}.customer-store small{color:#7c8881;margin-top:4px}.customer-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce9e1;color:#173f35;font-weight:800}.customer-toast{position:fixed;z-index:100;top:78px;left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));background:#173f35;color:#fff;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #173f3533}.customer-toast svg{width:16px}.customer-toast button{margin-left:auto;color:#fff;background:none;border:0;font-size:20px}.customer-toast.error{background:#9f3d31}.guest-line{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#eff3f0;border-bottom:1px solid #e0e6e2}.guest-line .stepper{background:#fff;border-radius:9px;padding:3px}.guest-line button{width:30px;height:30px}.stock-hint{display:block!important;color:#e77528!important;margin-top:6px}.customer-tabs{position:fixed;z-index:70;bottom:0;left:50%;transform:translate(-50%);width:min(430px,100%);height:66px;background:#fff;border-top:1px solid #dfe5e1;display:grid;grid-template-columns:repeat(3,1fr)}.customer-tabs button{border:0;background:#fff;color:#78827d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;font-size:12px}.customer-tabs button svg{width:21px}.customer-tabs button.active{color:#173f35;font-weight:700}.customer-tabs button i{position:absolute;top:5px;right:28%;background:#f28b3c;color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;display:grid;place-items:center}.ordered-view,.service-view{padding:20px 15px}.ordered-view>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.ordered-view h1,.service-view h1{font-size:24px;margin:0}.ordered-view header p,.service-view header p{color:#76827b;margin:4px 0}.ordered-view>header>strong{font-size:25px}.order-batch{background:#fff;border:1px solid #e0e5e2;border-radius:12px;margin-bottom:12px;padding:14px}.order-batch>header{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #edf0ee}.order-batch>header span{background:#dbeadf;color:#23613e;padding:3px 7px;border-radius:4px;font-size:11px}.order-batch>header span.add-on{background:#fff0e2;color:#c96521}.order-batch>header small{color:#7e8982}.order-batch>header em{margin-left:auto;color:#e77528;font-style:normal;font-size:12px}.order-batch>div{display:grid;grid-template-columns:1fr auto 64px;gap:12px;padding:10px 0}.order-batch>div span small{display:block;color:#8b948f;margin-top:3px}.order-batch>div strong{text-align:right}.order-batch>footer{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding-top:10px}.outline-orange{background:#fff!important;color:#dc6b24!important;border-color:#f28b3c!important}.ordered-empty{text-align:center;padding:90px 0;color:#758079}.ordered-empty svg{width:52px;height:52px}.service-view>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.service-view>div>button{min-height:132px;background:#fff;border:1px solid #dde4df;border-radius:13px;text-align:left;padding:18px;color:#173f35}.service-view button svg{width:28px;height:28px}.service-view button span,.service-view button small{display:block}.service-view button span{font-weight:800;font-size:16px;margin:12px 0 5px}.service-view button small{color:#7b867f;line-height:1.4}.customer-v2 .cart-bar{bottom:66px}.merchant-v2 .side-nav{background:#063f32}.merchant-v2 .management-panel{overflow:visible}.management-panel>header>div:last-child{display:flex;gap:9px}.menu-toolbar,.table-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line)}.menu-toolbar .search-box{width:320px}.menu-toolbar>span,.table-summary span{color:#78827c;font-size:13px}.menu-management .table-head,.menu-management .table-row{grid-template-columns:1.5fr .7fr .6fr .7fr .7fr .7fr}.dish-table .table-row .button svg{width:15px}.edit-form{padding:20px;display:grid;gap:15px}.edit-form>div:not(.checks){display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.edit-form input,.edit-form select,.edit-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.edit-form textarea{min-height:80px;resize:vertical}.edit-form .checks{display:flex;gap:22px}.edit-form .checks label{flex-direction:row;align-items:center}.edit-form .checks input{width:auto}.edit-form footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:16px}.table-summary{justify-content:flex-start;gap:24px;background:#f8faf8}.table-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.table-tile{border:1px solid #dce4df;border-top:4px solid #55a575;border-radius:10px;padding:15px;background:#fff}.table-tile.occupied{border-top-color:#f28b3c}.table-tile.disabled{border-top-color:#9ca49f;background:#f4f5f4}.table-tile header{display:flex;justify-content:space-between}.table-tile header strong{font-size:18px}.table-tile header span{font-size:12px;color:#5e8b6b}.table-tile p{color:#6f7b74;font-size:13px}.table-tile code{display:block;background:#f2f5f3;padding:7px;border-radius:5px;overflow:hidden;text-overflow:ellipsis}.table-tile>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.table-tile button,.table-tile a{border:0;background:none;padding:0;color:#1c6049;font-size:12px}.service-management .table-head,.service-management .table-row{grid-template-columns:.7fr 1.2fr 1fr .7fr .7fr}.service-table .table-row{min-height:60px}.ordered-by{font-size:12px;color:#77827b;margin:8px 0}.order-card>header em{background:#fff0e2;color:#c56523;padding:2px 5px;border-radius:4px;font-style:normal;font-size:10px}.tenant-table-v2{min-width:1080px}.tenant-table-v2 .tenant-head,.tenant-table-v2 .tenant-row{grid-template-columns:1.45fr .65fr .6fr .65fr .55fr .8fr .6fr 1fr}.danger-text{color:#cc5c3b!important}.store-detail{padding:18px;display:grid;gap:12px}.store-detail article{border:1px solid var(--line);border-radius:10px;padding:15px}.store-detail article>header{display:flex;justify-content:space-between}.store-detail h3,.store-detail p{margin:0}.store-detail p{color:#7b867f;margin-top:4px}.store-detail dl{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0}.store-detail dl div{text-align:center;border-right:1px solid var(--line)}.store-detail dl div:last-child{border:0}.store-detail dt{color:#7b867f;font-size:12px}.store-detail dd{margin:5px 0 0;font-size:20px;font-weight:800}.store-detail footer{display:flex;gap:10px}.store-detail a{border:1px solid var(--line);border-radius:7px;padding:8px 11px;color:#173f35;display:flex;align-items:center;gap:6px}.store-detail a svg{width:15px}.platform-v2 .platform-nav{background:#063f32}.platform-v2 .platform-nav button{font-size:14px}.tenant-form-v2{display:grid!important}.merchant-v2 .management-panel{overflow:hidden}@media(max-width:900px){.table-map{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.service-view>div{grid-template-columns:1fr 1fr}.merchant-v2 .side-nav nav button:nth-child(4){display:flex}.table-map{grid-template-columns:1fr;padding:12px}.menu-management .dish-table,.service-table{overflow-x:auto}.menu-management .table-head,.menu-management .table-row{min-width:760px}.service-management .table-head,.service-management .table-row{min-width:680px}.edit-form>div:not(.checks){grid-template-columns:1fr}.platform-v2 .platform-nav nav button:nth-child(n+2){display:none}}.splash-screen.has-splash-image{color:#fff;background-size:cover;background-position:center}.splash-screen.has-splash-image .pine-mark{background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.splash-screen.has-splash-image .pine-mark:after{border-color:#fff;border-left-color:transparent}.splash-screen.has-splash-image p,.splash-screen.has-splash-image small{color:#ffffffe0}.splash-screen.has-splash-image strong{border-color:#fffc;background:#0000001f}.merchant-splash-screen{min-height:100dvh;background:#063f32;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center}.merchant-splash-mark{width:104px;height:104px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;animation:merchant-splash-in .8s ease both}.merchant-splash-mark svg{width:42px;height:42px}.merchant-splash-screen h1{font-size:42px;letter-spacing:7px;margin:26px 0 8px}.merchant-splash-screen p{margin:0;color:#ffffffc7}.merchant-splash-screen small{position:absolute;bottom:9vh;color:#ffffffb3}@keyframes merchant-splash-in{0%{opacity:0;transform:scale(.75) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}.merchant-main.has-merchant-background{background-size:cover;background-position:center;background-attachment:fixed}.appearance-management{margin:18px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.appearance-management>header{min-height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.appearance-management>header h2,.appearance-management>header p{margin:0}.appearance-management>header p{color:var(--muted);font-size:13px;margin-top:5px}.appearance-management>header>div:last-child{display:flex;gap:9px}.appearance-notice{margin:14px 20px 0;background:#edf7f0;color:#2d7048;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:8px}.appearance-notice svg{width:17px}.appearance-sections{padding:18px;display:grid;gap:16px}.appearance-sections>article{border:1px solid #dfe5e1;border-radius:10px;padding:18px}.appearance-sections>article>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.appearance-sections h3,.appearance-sections p{margin:0}.appearance-sections h3{font-size:17px}.appearance-sections p{font-size:12px;color:#79847d;margin-top:5px}.appearance-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:600!important}.appearance-switch input{width:18px!important;height:18px}.appearance-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.appearance-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.appearance-fields input{border:1px solid var(--line);border-radius:8px;padding:10px}.appearance-image-field{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;background:#f8faf8;border-radius:9px;padding:12px;margin-bottom:13px}.appearance-image-preview{height:108px;border:1px dashed #bfc9c3;border-radius:8px;background-color:#fff;background-size:cover;background-position:center;display:grid;place-items:center;color:#87928b}.appearance-image-preview svg{width:30px}.appearance-image-field strong{display:block}.appearance-image-field p{margin:5px 0 10px}.appearance-image-field .button{display:inline-flex;flex-direction:row;cursor:pointer}.appearance-image-field .button input{display:none}.appearance-image-field>div:last-child>button{border:0;background:none;color:#bd5a3d;margin-left:10px}.appearance-preview-link{display:inline-flex;align-items:center;gap:7px;color:#1d654c;border:1px solid #cad8d1;border-radius:8px;padding:9px 12px}.appearance-preview-link svg{width:17px}.background-live-preview{height:92px;border-radius:8px;background:#f1f3f1;background-size:cover;background-position:center;display:grid;place-items:center;color:#44534b;font-weight:700}.background-live-preview span{background:#ffffffd1;padding:7px 11px;border-radius:6px}@media(max-width:700px){.merchant-v2 .side-nav nav button{display:flex!important}.appearance-management{margin:12px}.appearance-management>header{align-items:flex-start;gap:12px}.appearance-management>header,.appearance-sections>article>header{flex-direction:column}.appearance-management>header>div:last-child{width:100%}.appearance-management>header .button{flex:1}.appearance-fields,.appearance-image-field{grid-template-columns:1fr}.appearance-image-preview{height:150px}}.table-dashboard,.income-management{margin:22px 30px}.dashboard-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dashboard-toolbar span{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 13px;color:#5f6d66;font-size:13px}.dashboard-table-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.dashboard-table-card{background:#fff;border:1px solid #dce4df;border-top:4px solid #8fa198;border-radius:11px;padding:16px;min-height:250px;display:flex;flex-direction:column}.dashboard-table-card.occupied{border-top-color:#e67836}.dashboard-table-card.settled{border-top-color:#3c9360}.dashboard-table-card>header{display:flex;justify-content:space-between}.dashboard-table-card h2{margin:0;font-size:21px}.dashboard-table-card header small{color:#7b867f}.dashboard-table-card header span{height:max-content;background:#eef2ef;color:#52635a;border-radius:14px;padding:5px 9px;font-size:11px}.dashboard-table-card.occupied header span{background:#fff0e6;color:#bc5e27}.dashboard-table-card.settled header span{background:#e8f5ec;color:#2b7147}.dashboard-dishes{padding:15px 0;display:grid;gap:8px}.dashboard-dishes div{display:flex;justify-content:space-between;font-size:13px}.dashboard-dishes p{color:#929b95}.dashboard-table-card>footer{margin-top:auto;border-top:1px solid #edf0ee;padding-top:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-table-card>footer>strong{font-size:20px;margin-right:auto}.dashboard-table-card .button{padding-inline:10px}.income-management{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.income-management>header{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.income-management h2,.income-management p{margin:0}.income-management p{font-size:12px;color:#79847d;margin-top:5px}.range-tabs{display:flex;background:#f1f4f2;border-radius:8px;padding:3px}.range-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:6px;color:#68736c}.range-tabs button.active{background:#fff;color:#173f35;font-weight:750;box-shadow:0 1px 4px #173f3515}.income-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.income-summary div{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.income-summary div:last-child{border:0}.income-summary span{color:#7b867f;font-size:12px}.income-summary strong{font-size:25px}.income-table .table-head,.income-table .table-row{grid-template-columns:1.2fr .6fr .7fr .8fr .8fr 1fr}.table-bill-modal{padding:18px}.table-bill-modal>header{display:grid;grid-template-columns:repeat(3,1fr);background:#f3f6f4;border-radius:9px;margin-bottom:14px}.table-bill-modal>header div{padding:13px;display:flex;flex-direction:column;gap:5px}.table-bill-modal>header span{color:#78847d;font-size:11px}.table-bill-modal>section article{border:1px solid var(--line);border-radius:9px;padding:13px;margin-bottom:10px}.table-bill-modal article>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px}.table-bill-modal article>div span{color:#7d8781;font-size:11px}.table-bill-modal article p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:13px}.table-bill-modal>footer{border-top:1px solid var(--line);padding-top:14px}.table-bill-modal>footer p{font-size:12px;color:#6f7a73;line-height:1.5}.table-bill-modal>footer>div{display:flex;gap:8px}.settled-tip{display:flex;align-items:center;gap:7px;color:#2f764b!important}.platform-v3 .platform-nav{background:#063f32}.platform-v3 .platform-nav button{font-size:14px}.store-overview-panel>.search-box{margin-bottom:16px}.store-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}.store-overview-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px}.store-overview-grid article>header{display:flex;justify-content:space-between}.store-overview-grid h2,.store-overview-grid p{margin:0}.store-overview-grid header p{color:#79847d;margin-top:5px;font-size:12px}.store-overview-grid dl{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f8f6;border-radius:8px;margin:15px 0}.store-overview-grid dl div{padding:12px;border-right:1px solid #e4e9e5}.store-overview-grid dl div:last-child{border:0}.store-overview-grid dt{font-size:11px;color:#7c8780}.store-overview-grid dd{margin:5px 0 0;font-weight:800}.store-address{color:#69756e;font-size:12px}.store-overview-grid footer{display:flex;gap:9px;margin-top:15px}.store-overview-grid footer a,.store-overview-grid footer button{border:1px solid #ced8d2;background:#fff;border-radius:7px;padding:8px 10px;color:#175a45;display:flex;align-items:center;gap:6px;font-size:12px}.store-overview-grid footer svg{width:15px}.store-overview-grid footer button:disabled{opacity:.45;cursor:not-allowed}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,500px));gap:18px}.plan-grid>article{position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;overflow:hidden}.plan-grid>article.recommended{border:2px solid #e67836}.plan-grid>article>em{position:absolute;right:0;top:0;background:#e67836;color:#fff;padding:6px 12px;font-size:11px;font-style:normal;border-radius:0 0 0 9px}.plan-grid header>span{font-size:18px;font-weight:800}.plan-grid header>strong{display:block;font-size:30px;margin-top:14px}.plan-grid header>strong small{font-size:13px;color:#7a857e}.plan-grid header p{color:#7b867f}.plan-grid dl{display:grid;grid-template-columns:repeat(2,1fr);background:#f6f8f6;border-radius:8px}.plan-grid dl div{padding:11px}.plan-grid dt{color:#7c8780;font-size:11px}.plan-grid dd{margin:4px 0 0;font-weight:750}.plan-grid ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.plan-grid li{display:flex;align-items:center;gap:7px;font-size:12px}.plan-grid li svg{width:15px}.plan-grid li.included{color:#286f48}.plan-grid li.excluded{color:#a6ada8;text-decoration:line-through}.plan-grid>article>.button{width:100%}.feature-editor{display:grid!important;grid-template-columns:repeat(2,1fr)!important;background:#f6f8f6;padding:12px;border-radius:8px}.feature-editor label{flex-direction:row!important;align-items:center}.feature-editor input{width:auto}.platform-decoration{padding:20px}.platform-decoration>.plan-note{background:#edf4ef;border-radius:8px;padding:11px;display:flex;gap:8px;color:#2d684b;font-size:12px;margin-bottom:16px}.platform-decoration>.appearance-switch{margin:16px 0 10px}.platform-decoration>footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:16px}@media(max-width:1000px){.dashboard-table-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}.store-overview-grid{grid-template-columns:1fr}}@media(max-width:700px){.table-dashboard,.income-management{margin:12px}.dashboard-table-grid{grid-template-columns:1fr}.income-management>header{align-items:flex-start;flex-direction:column;gap:12px}.range-tabs{width:100%;overflow-x:auto}.range-tabs button{flex:1;white-space:nowrap}.income-summary{grid-template-columns:1fr}.income-summary div{border-right:0;border-bottom:1px solid var(--line)}.income-table{overflow:auto}.income-table .table-head,.income-table .table-row{min-width:780px}.plan-grid,.plan-grid ul{grid-template-columns:1fr}.platform-v3 .platform-nav nav button{display:flex!important}.store-overview-grid{grid-template-columns:1fr}.table-bill-modal>header{grid-template-columns:1fr 1fr}.table-bill-modal>footer>div{flex-wrap:wrap}}.entry-page .preview-header{justify-content:flex-start}.entry-page .preview-intro{margin-bottom:42px}.entry-page .preview-intro h1{max-width:none}.entry-page .preview-grid{min-height:310px}.entry-page .preview-footer{justify-content:center}.platform-v4 .platform-nav{background:#063f32}.platform-v4 .platform-nav button{font-size:14px}.platform-v4 .platform-top>strong{font-size:16px}.platform-v4 .appearance-notice,.platform-v4 .inline-alert{margin:0 0 16px}.platform-v4 .tenant-create-form{display:grid}.decoration-note{background:#edf4ef;color:#315f4b;border-radius:8px;padding:11px 13px;font-size:12px}.store-overview-grid article footer button{cursor:pointer}.modal-backdrop:has(.drawer-modal){place-items:stretch end;padding:0}.drawer-modal{width:430px;max-height:100vh;height:100vh;border-radius:0;display:flex;flex-direction:column}.drawer-modal .tenant-create-form{flex:1;align-content:start}.drawer-modal .tenant-create-form footer{margin-top:auto}.table-management-v4{overflow:hidden!important}.table-list-v4{min-width:1050px}.table-list-head,.table-list-v4 article{display:grid;grid-template-columns:.7fr 1fr .65fr 1.35fr 3fr;gap:14px;align-items:center;padding:0 20px}.table-list-head{height:46px;background:#f7f9f7;color:#748078;font-size:12px}.table-list-v4 article{min-height:82px;border-top:1px solid #e8ece9}.table-list-v4 article>strong{display:flex;flex-direction:column;font-size:17px}.table-list-v4 article>strong small{font-weight:500;color:#8b958f;font-size:11px;margin-top:4px}.table-list-v4 article>span{font-size:13px;color:#5f6c65}.table-list-v4 article>code{background:#f5f7f5;border-radius:6px;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-state{justify-self:start;font-style:normal;font-size:11px;padding:5px 9px;border-radius:12px;background:#e8f5ec;color:#2f724a}.table-state.occupied{background:#fff0e6;color:#b75b28}.table-state.disabled{background:#eef0ee;color:#747d78}.table-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.table-row-actions button,.table-row-actions a{border:1px solid #d8dfda;background:#fff;color:#1a5b47;border-radius:6px;padding:7px 9px;display:inline-flex;align-items:center;gap:5px;font-size:11px}.table-row-actions svg{width:14px;height:14px}.qr-modal-v4{padding:22px;text-align:center}.qr-canvas{width:270px;height:270px;margin:0 auto 12px;background:#f7f8f7;border:1px solid #e0e5e2;border-radius:10px;display:grid;place-items:center}.qr-canvas img{width:252px;height:252px}.qr-modal-v4 h3{font-size:22px;margin:8px 0 4px}.qr-modal-v4>p{color:#748078;margin:0 0 18px}.qr-modal-v4>label{text-align:left;display:block;font-size:12px;font-weight:700}.qr-modal-v4>label>div{display:grid;grid-template-columns:1fr auto;margin-top:7px}.qr-modal-v4 input{min-width:0;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:10px}.qr-modal-v4 label button{border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;background:#f5f7f5;padding:0 12px;display:flex;align-items:center;gap:5px}.qr-modal-v4 label button svg{width:15px}.qr-modal-v4 footer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.qr-modal-v4 footer a{justify-content:center}@media(max-width:700px){.platform-v4 .platform-nav nav button{display:flex!important}.table-management-v4{margin:12px;overflow:auto!important}.table-management-v4>header{align-items:flex-start;gap:12px}.table-list-v4{min-width:0}.table-list-head{display:none}.table-list-v4 article{grid-template-columns:1fr auto;padding:15px;gap:10px}.table-list-v4 article>code{grid-column:1/-1}.table-row-actions{grid-column:1/-1}.qr-canvas{width:240px;height:240px}.qr-canvas img{width:224px;height:224px}.entry-page .preview-intro{margin-top:54px}.drawer-modal{width:100%;height:92vh;border-radius:18px 18px 0 0}.modal-backdrop:has(.drawer-modal){place-items:end;padding:0}}.merchant-login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eaf3ed,#f7f8f6 48%)}.merchant-login-page>section{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 60px #173f3515}.merchant-login-mark{width:66px;height:66px;border-radius:18px;background:#0b4b3c;color:#fff;display:grid;place-items:center}.merchant-login-page h1{margin:20px 0 6px}.merchant-login-page>section>p{color:var(--muted);margin:0 0 24px}.merchant-login-page form{display:grid;gap:16px}.merchant-login-page form label{display:grid;gap:7px;font-size:13px;font-weight:700}.merchant-login-page input{border:1px solid var(--line);border-radius:9px;padding:12px}.merchant-login-page .inline-alert{margin:0 0 14px}.side-bottom>button{border:0;background:transparent;color:#d1ddd8;padding:0;display:flex;align-items:center;gap:8px;font-size:12px}.side-bottom>button svg{width:16px}.printer-management{margin:22px 30px}.printer-management>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.printer-management h2,.printer-management p{margin:0}.printer-management>header p{color:var(--muted);font-size:12px;margin-top:5px}.printer-guide{display:flex;gap:13px;align-items:flex-start;background:#edf5f0;border:1px solid #d7e7dd;border-radius:10px;padding:14px;margin-bottom:14px}.printer-guide>svg{color:#2f7651}.printer-guide p{color:#65736b;font-size:12px;margin-top:5px}.printer-guide code{background:#fff;padding:2px 5px;border-radius:4px}.printer-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:14px}.printer-grid>article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px}.printer-grid article>header,.printer-grid article>header>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.printer-grid article h3{margin:0}.printer-grid article p{color:var(--muted);font-size:12px;margin-top:4px}.printer-grid dl{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f8f6;border-radius:8px}.printer-grid dl div{padding:10px}.printer-grid dt{font-size:11px;color:var(--muted)}.printer-grid dd{margin:4px 0 0;font-weight:700}.printer-grid article>label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.printer-grid article>label code{overflow:hidden;text-overflow:ellipsis;background:#f3f5f3;padding:7px;border-radius:6px;color:#33483e}.printer-grid article>footer{display:flex;gap:8px;margin-top:13px}.print-job-panel{background:#fff;border:1px solid var(--line);border-radius:11px;margin-top:16px;overflow:hidden}.print-job-panel h3{padding:16px 20px;margin:0}.print-job-panel .table-head,.print-job-panel .table-row{grid-template-columns:1fr .8fr .7fr 1.2fr .7fr 1.2fr}@media(max-width:800px){.printer-grid{grid-template-columns:1fr}.printer-management{margin:12px}.print-job-panel{overflow:auto}.print-job-panel .table-head,.print-job-panel .table-row{min-width:850px}}.guest-count-page{min-height:100dvh;background:linear-gradient(180deg,#f0f5f1 0,#fff 40%);display:flex;flex-direction:column}.guest-count-page>header{height:58px;padding:0 16px;display:flex;align-items:center;gap:12px;color:#355449;font-weight:700}.guest-count-page>section{padding:38px 28px 30px;text-align:center;display:flex;flex-direction:column;align-items:center}.guest-count-icon{width:74px;height:74px;border-radius:24px;background:#0b4b3c;color:#fff;display:grid;place-items:center;box-shadow:0 14px 35px #0b4b3c2b}.guest-count-icon svg{width:33px;height:33px}.guest-count-page section>p{color:var(--orange);font-weight:750;margin:20px 0 6px}.guest-count-page h1{font-size:27px;margin:0 0 7px}.guest-count-page section>small{color:var(--muted)}.guest-count-picker{display:flex;align-items:center;gap:28px;margin:34px 0 26px}.guest-count-picker button{width:50px;height:50px;border:1px solid #cbd8d0;border-radius:50%;background:#fff;color:#174b3a;display:grid;place-items:center}.guest-count-picker button:disabled{opacity:.35}.guest-count-picker strong{font-size:55px;min-width:100px;color:#153f33}.guest-count-picker em{font-size:16px;font-style:normal;margin-left:5px}.seat-fee-preview{width:100%;background:#fff7f0;border:1px solid #f1ddce;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;text-align:left;margin-bottom:22px}.seat-fee-preview>span{color:#a85d2f;font-weight:750}.seat-fee-preview>strong{text-align:right}.seat-fee-preview>small{grid-column:1/-1;color:#997360}.seat-fee-free{width:100%;background:#edf6f0!important;color:#377154!important;border-radius:10px;padding:12px;margin:0 0 22px!important}.guest-line>strong{font-size:12px;color:#a75a2b}.ordered-seat-fee,.bill-seat-fee{display:flex;justify-content:space-between;align-items:center;background:#fff7ee;border:1px solid #f0ddcb;border-radius:9px;padding:11px 13px;color:#8f542f}.ordered-seat-fee{margin:12px 16px}.bill-seat-fee{margin:0 0 14px}.seat-fee-setting-button{position:fixed;right:24px;bottom:24px;z-index:30;border:0;border-radius:13px;background:#0b4b3c;color:#fff;box-shadow:0 12px 30px #0b4b3c38;padding:13px 17px;display:grid;grid-template-columns:auto 1fr;gap:1px 9px;text-align:left}.seat-fee-setting-button svg{grid-row:1/3;width:21px;align-self:center}.seat-fee-setting-button span{font-weight:750}.seat-fee-setting-button small{color:#c2d8cf}.seat-fee-example{display:flex;justify-content:space-between;background:#f4f7f5;border-radius:8px;padding:12px}.seat-fee-example span{color:var(--muted)}@media(max-width:700px){.seat-fee-setting-button{right:14px;bottom:78px}.guest-count-page>section{padding-top:26px}}.platform-login-page .merchant-login-mark{border-radius:50%;background:#073f32}.platform-login-page .appearance-notice{margin:0 0 14px}.forgot-password-button{border:0;background:transparent;color:#1d654c;padding:4px;font-size:13px}.platform-security-bar{position:fixed;right:22px;bottom:18px;z-index:35;background:#083f33;color:#fff;border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 28px #073f3230;font-size:12px}.platform-security-bar span,.platform-security-bar button{display:flex;align-items:center;gap:6px}.platform-security-bar svg{width:15px}.platform-security-bar button{border:1px solid #ffffff38;background:#ffffff12;color:#fff;border-radius:7px;padding:7px 9px}.platform-security-bar button:hover{background:#ffffff24}@media(max-width:700px){.platform-security-bar{right:12px;bottom:74px}.platform-security-bar>span{display:none}}.retry-print-button{display:inline-flex;align-items:center;gap:4px;margin-left:8px;border:0;background:transparent;color:#b4492f;font-weight:700;cursor:pointer}.retry-print-button svg{width:14px}:focus-visible{outline:3px solid rgba(232,97,46,.28);outline-offset:2px}::selection{background:#dcebe3;color:#102f28}.button,.icon-button,.stepper button,.side-nav nav button,.platform-nav nav button,.customer-tabs button,.category-nav button,.tenant-actions button,.table-row-actions button{transition:transform var(--motion-instant) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),opacity var(--motion-fast) ease}.button{position:relative;isolation:isolate;overflow:hidden}.button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.22) 48%,transparent 70%);transform:translate(-140%);transition:transform .52s var(--ease-standard);pointer-events:none}.button:active,.icon-button:active,.stepper button:active,.tenant-actions button:active,.table-row-actions button:active{transform:scale(.96)}.preview-card.preview-static{cursor:default}.button:disabled:after{display:none}.customer-shell,.merchant-shell,.platform-shell,.preview-page,.merchant-login-page,.platform-login-page{animation:page-enter var(--motion-fast) var(--ease-standard) both}.table-dashboard,.income-management,.management-panel,.printer-management,.appearance-management,.tenant-panel,.store-overview-panel,.plan-grid,.metric-row,.order-board{animation:content-enter var(--motion-base) var(--ease-standard) both}.customer-toast{animation:toast-in var(--motion-base) var(--ease-spring) both;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#173f35f0}.customer-toast.error{background:#9f3d31f2}.modal-backdrop{animation:backdrop-in var(--motion-fast) ease-out both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{animation:modal-in var(--motion-base) var(--ease-spring) both;transform-origin:center}.dish-row,.order-batch,.service-view>div>button,.dashboard-table-card,.store-overview-grid>article,.plan-grid>article{animation:list-item-in var(--motion-base) var(--ease-standard) both}.dish-row:nth-child(2),.order-batch:nth-child(2),.dashboard-table-card:nth-child(2),.store-overview-grid>article:nth-child(2),.plan-grid>article:nth-child(2){animation-delay:40ms}.dish-row:nth-child(3),.order-batch:nth-child(3),.dashboard-table-card:nth-child(3),.store-overview-grid>article:nth-child(3){animation-delay:80ms}.dish-row:nth-child(4),.order-batch:nth-child(4),.dashboard-table-card:nth-child(4),.store-overview-grid>article:nth-child(4){animation-delay:.12s}.dish-row:nth-child(n+5),.dashboard-table-card:nth-child(n+5),.store-overview-grid>article:nth-child(n+5){animation-delay:.16s}.dish-photo,.dish-thumb{transition:transform var(--motion-base) var(--ease-standard),filter var(--motion-base) ease,box-shadow var(--motion-base) ease}.stepper button:last-child{box-shadow:0 4px 12px #e8612e33}.cart-bar{animation:cart-spring var(--motion-spring) var(--ease-spring) both;box-shadow:0 18px 44px #102f2852}.cart-bag i{animation:badge-pop var(--motion-spring) var(--ease-spring) both}.category-nav button.active:before{animation:active-rail var(--motion-base) var(--ease-spring) both;border-radius:0 4px 4px 0}.customer-tabs button:after{content:"";position:absolute;left:34%;right:34%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--ink);transform:scaleX(0);transition:transform var(--motion-base) var(--ease-spring)}.customer-tabs button.active:after{transform:scaleX(1)}.side-nav nav button.active,.platform-nav nav button.active{box-shadow:0 8px 24px #0000001f;transform:translate(2px)}.connection.online i{animation:status-pulse 2.4s ease-out infinite}.appearance-notice,.success-hero,.credential-box{animation:success-in var(--motion-base) var(--ease-spring) both}.appearance-notice svg,.customer-toast svg,.settled-tip svg{animation:check-draw var(--motion-spring) var(--ease-spring) both}.order-card,.dashboard-table-card,.store-overview-grid>article,.plan-grid>article,.preview-card,.service-view>div>button,.table-list-v4 article,.printer-grid>article{transition:transform var(--motion-base) var(--ease-standard),border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-standard),background-color var(--motion-fast) ease}.order-card.just-arrived{animation:new-order-arrive 4.2s var(--ease-standard) both}.order-card.just-arrived:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:2px solid rgba(232,97,46,.55);pointer-events:none;animation:new-order-ring 1.1s ease-out 2}.order-card{position:relative}.table-row,.tenant-row{transition:background-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-standard)}.loading-state{gap:14px}.loading-skeleton{width:min(300px,72vw);display:grid;gap:8px}.loading-skeleton i{display:block;height:9px;border-radius:6px;background:linear-gradient(90deg,#edf0ed 20%,#f8faf8,#edf0ed 70%);background-size:220% 100%;animation:skeleton-shimmer 1.3s linear infinite}.loading-skeleton i:nth-child(2){width:82%}.loading-skeleton i:nth-child(3){width:58%}.splash-screen .pine-mark,.merchant-splash-mark{animation:brand-breathe 1.8s var(--ease-standard) infinite alternate}.splash-screen h1,.merchant-splash-screen h1{animation:content-enter .52s var(--ease-standard) 80ms both}.splash-screen p,.splash-screen strong,.splash-screen small,.merchant-splash-screen p,.merchant-splash-screen small{animation:content-enter .52s var(--ease-standard) .15s both}.income-summary strong,.metric strong,.dashboard-table-card>footer>strong{font-variant-numeric:tabular-nums}.dish-list,.tenant-table,.income-table,.table-list-v4{content-visibility:auto;contain-intrinsic-size:auto 600px}@media(hover:hover){.button:hover:after{transform:translate(140%)}.order-card:hover,.dashboard-table-card:hover,.store-overview-grid>article:hover,.plan-grid>article:hover,.preview-card:hover,.service-view>div>button:hover,.printer-grid>article:hover{transform:translateY(-3px);box-shadow:0 14px 34px #102f281a;border-color:#cbd8d1}.dish-row:hover .dish-photo{transform:scale(1.035);box-shadow:0 8px 20px #102f2824}.table-row:hover,.tenant-row:hover{background:#fafcfb}.side-nav nav button:not(.active):hover,.platform-nav nav button:not(.active):hover{background:#ffffff14;color:#fff;transform:translate(2px)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes list-item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes cart-spring{0%{opacity:0;transform:translate(-50%,18px) scale(.94)}70%{opacity:1;transform:translate(-50%,-2px) scale(1.01)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes badge-pop{0%{transform:scale(.65)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes active-rail{0%{transform:scaleY(.25);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes status-pulse{0%{box-shadow:0 0 #5fd47a66}60%,to{box-shadow:0 0 0 7px #5fd47a00}}@keyframes success-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes check-draw{0%{opacity:0;transform:scale(.5) rotate(-18deg)}70%{opacity:1;transform:scale(1.12) rotate(2deg)}to{transform:none}}@keyframes new-order-arrive{0%{transform:translateY(-10px);background:#fff5ef;box-shadow:0 0 0 5px #e8612e1f}12%{transform:none}55%{background:#fff8f4}to{background:#fff;box-shadow:0 5px 18px #e8612e1a}}@keyframes new-order-ring{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.035)}}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@keyframes brand-breathe{0%{transform:scale(.98);filter:drop-shadow(0 6px 14px rgba(16,47,40,.08))}to{transform:scale(1.025);filter:drop-shadow(0 10px 24px rgba(16,47,40,.16))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.button:hover,.order-card:hover,.dashboard-table-card:hover,.store-overview-grid>article:hover,.preview-card:hover,.dish-row:hover .dish-photo,.side-nav nav button.active,.platform-nav nav button.active{transform:none!important}}@media(max-width:700px){.merchant-shell,.platform-shell{animation:none;transform:none}.merchant-v2 .side-nav{z-index:1000;overflow:hidden;box-shadow:0 -8px 28px #063f322e}.merchant-v2 .side-nav nav{min-width:0;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:2px;scrollbar-width:none;overscroll-behavior-x:contain}.merchant-v2 .side-nav nav::-webkit-scrollbar{display:none}.merchant-v2 .side-nav nav button{flex:0 0 62px;width:62px!important;height:52px;min-width:62px;display:flex!important;flex-direction:column;justify-content:center;gap:2px;padding:3px 2px!important;font-size:10px!important;line-height:1.1;white-space:nowrap;overflow:hidden}.merchant-v2 .side-nav nav button svg{width:18px;height:18px;flex:none}.merchant-v2 .side-nav nav button.active{transform:none}.merchant-main{position:relative;z-index:0}.modal-backdrop{z-index:2000}}
