:root{--brand: #FFE500;--brand-pressed: #E8D000;--link: #00649C;--bg: #F7F8FA;--surface: #FFFFFF;--title: #1F1F1F;--text: #333333;--meta: #8E8E93;--placeholder: #BBBBBB;--line: #F2F2F7;--border: #C7C7CC;--success: #34C759;--warning: #FF9F0A;--danger: #FF3B30;--info-bg: #EDF7FC;--shadow: 0 4px 20px rgba(0, 0, 0, .04);--radius-card: 16px;--radius-pill: 24px;--radius-tag: 4px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:PingFang SC,-apple-system,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;background:var(--bg)}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;padding:0;color:inherit;background:transparent;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--link);outline-offset:2px}button:disabled{cursor:not-allowed}[hidden]{display:none!important}.icon{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{width:100%;height:100vh;height:100dvh;margin:0 auto;background:var(--bg);display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;overflow:hidden}.app-header{height:64px;padding:8px 12px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffffff5;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{min-width:0;display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--brand);display:grid;place-items:center;color:var(--title);box-shadow:var(--shadow)}.brand-mark .icon{width:23px;height:23px;stroke-width:2}.brand-copy{min-width:0}.brand-copy strong{display:block;color:var(--title);font-size:17px;line-height:1.25;font-weight:600}.store-switch{max-width:218px;min-height:24px;position:relative;display:inline-flex;align-items:center;gap:4px;color:var(--meta);font-size:12px;line-height:1.25}.store-switch:before{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px}.store-switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-switch .icon{width:13px;height:13px}.header-call{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--link);background:var(--info-bg);flex:0 0 auto}.app-main{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.app-main::-webkit-scrollbar{display:none}.view{display:grid;gap:12px;padding:12px 16px 28px}.store-hero{min-height:142px;position:relative;overflow:hidden;border-radius:var(--radius-card);background:#242424;box-shadow:var(--shadow)}.store-hero img{width:100%;height:142px;display:block;object-fit:cover;object-position:center 56%}.store-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14141405 15%,#141414c2);pointer-events:none}.store-hero-copy{position:absolute;z-index:1;left:14px;right:14px;bottom:13px;display:grid;gap:7px;color:#fff}.store-hero-copy h1{margin:0;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:0}.store-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffffffe6;font-size:12px}.store-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-status{min-height:22px;padding:0 8px;border-radius:var(--radius-tag);display:inline-flex;align-items:center;gap:5px;color:#fff;background:#34c759e0;font-size:11px;font-weight:600;white-space:nowrap}.open-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.account-summary{min-height:72px;padding:11px 12px;border-radius:var(--radius-card);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);box-shadow:var(--shadow)}.account-member{min-width:0;display:flex;align-items:center;gap:9px;flex:1}.account-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--title);background:var(--brand);flex:0 0 auto}.account-avatar .icon{width:20px;height:20px}.account-member-copy,.account-member-copy strong,.account-member-copy span{min-width:0;display:block}.account-member-copy strong{color:var(--title);font-size:14px;line-height:1.3;font-weight:600;white-space:nowrap}.account-member-copy span{margin-top:2px;overflow:hidden;color:var(--meta);font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.account-balance{min-width:108px;padding:2px 0 2px 12px;border-left:1px solid var(--line);display:grid;gap:3px;text-align:left;flex:0 0 auto;transition:opacity .14s ease}.account-balance:active{opacity:.62}.account-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--meta);font-size:10px;line-height:1.2;white-space:nowrap}.account-topup{color:var(--link);font-weight:600}.account-balance strong{color:var(--title);font-size:15px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-action{min-width:0;min-height:88px;padding:12px 8px;border-radius:18px;border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:7px;background:var(--surface);box-shadow:0 8px 24px #1424200f;color:var(--title);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.quick-action:active{transform:scale(.98);border-color:var(--border)}.quick-action.primary{background:var(--brand);border-color:var(--brand);box-shadow:0 10px 28px #ffe5003d}.quick-action.secondary{background:linear-gradient(180deg,#fff,#fbfcfd)}.quick-action.tertiary{background:#f8fafb;border-color:#e3e8eb}.quick-action .icon{width:22px;height:22px}.quick-action strong,.quick-action small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action strong{font-size:13px;line-height:1.2;font-weight:600;letter-spacing:0}.quick-action small{color:var(--meta);font-size:10px;line-height:1.2;text-align:center}.quick-action.primary small{color:#1f1f1fa3}.quick-action.secondary strong{color:#123e37}.quick-action.tertiary strong{color:#1d2d33}.quick-action.tertiary small{color:#6a7a82}.scan-action{width:100%;min-height:52px;padding:0 18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brand);color:var(--title);box-shadow:0 8px 22px #ffe50038;font-size:16px;font-weight:600;transition:transform .14s ease,background .14s ease}.scan-action:active,.primary-button:active{background:var(--brand-pressed);transform:scale(.99)}.scan-copy{display:flex;align-items:center;gap:10px}.scan-note{display:inline-flex;align-items:center;gap:3px;color:#1f1f1fad;font-size:12px;font-weight:400}.scan-note .icon{width:14px;height:14px}.section-heading{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0;color:var(--title);font-size:17px;line-height:1.35;font-weight:600;letter-spacing:0}.section-heading span,.section-heading button{color:var(--meta);font-size:12px}.section-heading button{min-height:44px;padding:0 4px 0 12px;display:inline-flex;align-items:center;gap:3px;color:var(--link)}.section-heading button .icon{width:14px;height:14px}.segmented{min-height:52px;padding:4px;border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#eceef1}.segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{min-width:0;min-height:44px;padding:0 8px;border-radius:11px;color:#666a70;font-size:14px;font-weight:400}.segmented button[aria-selected=true]{color:var(--title);background:var(--surface);box-shadow:0 2px 10px #0000000d;font-weight:600}.table-summary{color:var(--meta);font-size:12px}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-card{width:100%;min-height:216px;padding:12px;border-radius:var(--radius-card);border:1px solid transparent;background:var(--surface);box-shadow:var(--shadow);display:grid;align-content:space-between;gap:10px;text-align:left;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.table-card:not(:disabled):active{transform:scale(.985)}.table-card.selected{border-color:transparent;background:var(--surface);box-shadow:var(--shadow)}.table-card:disabled{color:inherit;background:var(--surface);box-shadow:var(--shadow);border-color:transparent;opacity:1;cursor:default}.table-card:focus-visible{outline:none;background:var(--info-bg);box-shadow:var(--shadow)}.segmented button:focus-visible{outline:none;box-shadow:inset 0 -3px #00649cb3,0 2px 10px #0000000d}.quick-action:focus-visible{outline:none;box-shadow:inset 0 -3px #00649ca8,var(--shadow)}.icon-button:focus-visible{outline:none;background:var(--info-bg);box-shadow:var(--shadow)}.nav-button:focus-visible{outline:none;box-shadow:none}.nav-button:focus-visible .nav-icon-wrap{box-shadow:0 0 0 2px #00649c94}.table-visual{position:relative;width:100%;height:62px;border:4px solid #765033;border-radius:8px;display:block;overflow:hidden;background:#0c6749;box-shadow:inset 0 0 0 2px #ffffff24,inset 0 8px 16px #ffffff12,0 2px 5px #3d251429}.table-visual[data-variant=pool]{border-color:#765033;background:radial-gradient(circle at 25% 54%,#FFFFFF 0 3px,#D9DDE1 3.2px 3.8px,transparent 4px),radial-gradient(circle at 62% 50%,#F2C300 0 3px,#BC9200 3.2px 3.8px,transparent 4px),radial-gradient(circle at 67% 42%,#D84437 0 3px,#9F2B22 3.2px 3.8px,transparent 4px),radial-gradient(circle at 67% 58%,#1473C9 0 3px,#0A4F91 3.2px 3.8px,transparent 4px),radial-gradient(circle at 72% 34%,#7D45A5 0 3px,#553071 3.2px 3.8px,transparent 4px),radial-gradient(circle at 72% 50%,#17191C 0 3px,#000000 3.2px 3.8px,transparent 4px),radial-gradient(circle at 72% 66%,#F07C21 0 3px,#B34E0D 3.2px 3.8px,transparent 4px),radial-gradient(circle at 77% 42%,#269B54 0 3px,#176537 3.2px 3.8px,transparent 4px),radial-gradient(circle at 77% 58%,#E9D7C5 0 3px,#B23D32 3.2px 3.8px,transparent 4px),radial-gradient(circle at 3px 3px,#17191C 0 3px,transparent 3.4px),radial-gradient(circle at 50% 2px,#17191C 0 3px,transparent 3.4px),radial-gradient(circle at calc(100% - 3px) 3px,#17191C 0 3px,transparent 3.4px),radial-gradient(circle at 3px calc(100% - 3px),#17191C 0 3px,transparent 3.4px),radial-gradient(circle at 50% calc(100% - 2px),#17191C 0 3px,transparent 3.4px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#17191C 0 3px,transparent 3.4px),linear-gradient(135deg,#117858,#095f45)}.table-visual[data-variant=snooker]{height:54px;margin:4px 0;border-color:#4e3026;background:radial-gradient(circle at 19% 35%,#F0C51E 0 2.5px,#A98200 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 19% 65%,#2D9B56 0 2.5px,#176338 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 27% 50%,#7B4A2A 0 2.5px,#4A2B18 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 50% 50%,#1672C4 0 2.5px,#0B4D88 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 64% 50%,#F3B7C0 0 2.5px,#B36C78 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 73% 50%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 77% 42%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 77% 58%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 81% 34%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 81% 50%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 81% 66%,#C93631 0 2.5px,#8E211E 2.7px 3.2px,transparent 3.4px),radial-gradient(circle at 89% 50%,#17191C 0 2.7px,#000000 2.9px 3.4px,transparent 3.6px),radial-gradient(circle at 3px 3px,#17191C 0 2.6px,transparent 3px),radial-gradient(circle at 50% 2px,#17191C 0 2.6px,transparent 3px),radial-gradient(circle at calc(100% - 3px) 3px,#17191C 0 2.6px,transparent 3px),radial-gradient(circle at 3px calc(100% - 3px),#17191C 0 2.6px,transparent 3px),radial-gradient(circle at 50% calc(100% - 2px),#17191C 0 2.6px,transparent 3px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#17191C 0 2.6px,transparent 3px),linear-gradient(90deg,transparent 0 26%,rgba(255,255,255,.32) 26.5% 27%,transparent 27.5%),linear-gradient(135deg,#286b3d,#174d2d)}.table-visual:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.18);border-radius:3px}.table-visual:after{content:"";position:absolute;width:36%;height:2px;left:9%;top:44%;border-radius:2px;background:#d9ba8a;box-shadow:0 1px #35201140;transform:rotate(-9deg);transform-origin:left center}.table-visual[data-variant=snooker]:after{width:18%;height:30px;left:9%;top:50%;border:1px solid transparent;border-right-color:#ffffff5c;border-radius:50%;background:transparent;box-shadow:none;transform:translateY(-50%)}.table-visual[data-room=vip]{box-shadow:inset 0 3px #ffe500e6,inset 0 0 0 2px #ffffff1f,0 2px 6px #1f1f1f33}.table-visual-label,.table-room-badge,.table-live-state{position:absolute;z-index:2;min-height:18px;padding:0 5px;border-radius:4px;display:inline-flex;align-items:center;font-size:10px;line-height:1;font-weight:600}.table-visual-label{left:6px;bottom:5px;color:#fff;background:#14141499}.table-room-badge{left:6px;top:5px;color:#1f1f1f;background:var(--brand)}.table-live-state{right:6px;top:5px;gap:4px;color:#fff;background:#a94f00f0}.table-live-state:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffd39a;box-shadow:0 0 0 2px #ffd39a38}.table-maintenance-state{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;color:#3f454d;background:#eceef1ad;font-size:10px;line-height:1;font-weight:700}.table-maintenance-state .icon{width:15px;height:15px}.table-card[data-status=busy] .table-visual{opacity:1;filter:none}.table-card[data-status=maintenance] .table-visual{opacity:.8;filter:grayscale(1) saturate(.2) brightness(.92)}.table-card-top{display:grid;gap:6px;min-height:64px}.table-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.table-name{color:var(--title);font-size:18px;line-height:1.2;font-weight:600}.table-type{color:#555a61;font-size:12px;line-height:1.4}.table-availability{display:block;color:var(--meta);font-size:11px;line-height:1.35}.table-card[data-status=busy] .table-availability,.table-card[data-status=busy] .table-card-hint{color:#a35b00}.table-card[data-status=busy] .table-card-hint{font-weight:600}.table-card[data-status=maintenance] .table-availability,.table-card[data-status=maintenance] .table-card-hint{color:#5b626b;font-weight:600}.table-price{color:var(--title);font-size:15px;line-height:1.3;font-weight:600}.table-price small{color:var(--meta);font-size:11px;font-weight:400}.status-tag{min-height:22px;padding:0 7px;border-radius:var(--radius-tag);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;white-space:nowrap}.status-tag.available{color:#1f7a45;background:#eaf8f0}.status-tag.busy{color:#fff;background:#a94700}.status-tag.maintenance{color:#fff;background:#626971}.status-tag.offline,.status-tag.finished{color:#73777d;background:#eceef1}.status-tag.ending{color:#a35b00;background:#fff2de}.table-card-hint{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--link);font-size:12px}.table-card:disabled .table-card-hint{color:var(--meta)}.table-card-hint .icon{width:15px;height:15px}.selection-bar{position:absolute;z-index:14;left:12px;right:12px;bottom:calc(72px + var(--safe-bottom));padding:10px 10px 10px 14px;border-radius:18px;border:1px solid rgba(199,199,204,.5);background:#fffffff7;box-shadow:0 12px 34px #1f1f1f29;display:flex;align-items:center;gap:10px}.selection-copy{min-width:0;flex:1}.selection-copy strong,.selection-copy span{display:block}.selection-copy strong{color:var(--title);font-size:14px;line-height:1.35;font-weight:600}.selection-copy span{margin-top:2px;color:var(--meta);font-size:11px}.selection-bar .primary-button{width:auto;min-width:130px;padding:0 16px}.primary-button,.secondary-button,.danger-button{width:100%;min-height:48px;padding:0 18px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;transition:transform .14s ease,background .14s ease}.primary-button{color:var(--title);background:var(--brand)}.primary-button:disabled{color:var(--placeholder);background:#f2f2f7}.secondary-button{color:var(--title);background:var(--surface);border:1px solid var(--border)}.danger-button{color:#fff;background:var(--danger)}.service-strip{min-height:64px;padding:10px 12px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.service-strip-main{min-width:0;display:flex;align-items:center;gap:10px}.service-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#685d00;background:#fffbe2;flex:0 0 auto}.service-copy strong,.service-copy span{display:block}.service-copy strong{color:var(--title);font-size:14px;font-weight:600}.service-copy span{margin-top:3px;color:var(--meta);font-size:12px}.text-link{min-height:44px;padding:0 4px 0 12px;display:inline-flex;align-items:center;gap:2px;color:var(--link);font-size:13px;white-space:nowrap}.text-link .icon{width:15px;height:15px}.page-title{padding:4px 0 2px}.page-title h1{margin:0;color:var(--title);font-size:22px;line-height:1.3;font-weight:600;letter-spacing:0}.page-title p{margin:4px 0 0;color:var(--meta);font-size:13px;line-height:1.5}.order-panel{display:grid;gap:12px}.order-card{padding:16px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);display:grid;gap:14px}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-head h2{margin:0;color:var(--title);font-size:17px;line-height:1.35;font-weight:600}.order-head p{margin:4px 0 0;color:var(--meta);font-size:12px;line-height:1.5}.countdown{padding:14px;border-radius:14px;background:#f7f8fa;border:1px solid var(--line)}.countdown-label{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--meta);font-size:12px}.countdown-value{color:var(--title);font-size:32px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.countdown-value small{margin-left:6px;color:var(--meta);font-size:13px;font-weight:400}.order-facts{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fact-row{min-height:44px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:13px}.fact-row:last-child{border-bottom:0}.fact-row span{color:var(--meta)}.fact-row strong{color:var(--title);font-weight:600;text-align:right}.order-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px}.order-actions.three{grid-template-columns:repeat(3,minmax(0,1fr))}.order-actions .switch-session,.order-actions .renew-session{color:var(--link);border:1px solid rgba(0,100,156,.18);background:var(--info-bg)}.subview-head{min-height:44px;display:flex;align-items:center;gap:10px}.subview-head h1{margin:0;color:var(--title);font-size:22px;line-height:1.25;font-weight:600}.back-button,.header-action-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);flex:0 0 auto}.header-action-button{margin-left:auto}.detail-section{display:grid;gap:8px}.detail-section h2{margin:0;color:var(--title);font-size:16px;line-height:1.35;font-weight:600}.detail-summary{padding-bottom:14px;border-bottom:1px solid var(--line);display:grid;gap:12px}.detail-summary-line,.detail-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-summary-line strong{font-size:20px}.detail-metrics>div{min-width:0;flex:1}.detail-metrics strong,.detail-metrics span{display:block}.detail-metrics strong{color:var(--title);font-size:18px;font-weight:600}.detail-metrics span{margin-top:3px;color:var(--meta);font-size:11px}.balance-card{min-height:154px;padding:20px;border-radius:var(--radius-card);display:grid;align-content:space-between;background:#0f6b57;color:#fff;box-shadow:var(--shadow)}.balance-card span{color:#ffffffc2;font-size:12px}.balance-card strong{font-size:36px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.recharge-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recharge-plan{min-width:0;min-height:84px;padding:10px 4px;border-radius:var(--radius-card);border:1px solid var(--border);display:grid;place-items:center;align-content:center;gap:4px;background:var(--surface)}.recharge-plan[aria-pressed=true]{border-color:#b78300;background:#fff9df;color:#7a5a00}.recharge-plan strong{font-size:15px;white-space:nowrap}.recharge-plan span{color:var(--meta);font-size:10px}.record-list{overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.record-row{min-height:72px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.record-row:last-child{border-bottom:0}.record-copy strong,.record-copy span,.record-amount strong,.record-amount span{display:block}.record-copy strong,.record-amount strong{color:var(--title);font-size:13px;font-weight:600}.record-copy span,.record-amount span{margin-top:3px;color:var(--meta);font-size:11px}.record-amount{text-align:right}.record-amount.plus strong{color:#0f7a5f}.record-amount.minus strong{color:var(--danger)}.flow-stack{display:grid;gap:10px}.flow-notice{padding:12px;border-radius:12px;border:1px solid #F0D89E;background:#fff9e9;color:#765a19;font-size:12px;line-height:1.5}.flow-option{width:100%;min-height:62px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);text-align:left}.flow-option[aria-pressed=true]{border-color:var(--link);background:var(--info-bg)}.flow-option strong,.flow-option span{display:block}.flow-option strong{font-size:14px;font-weight:600}.flow-option span{margin-top:3px;color:var(--meta);font-size:11px}.flow-option .icon{color:var(--link)}#flowContent{display:grid;gap:12px}#flowContent .primary-button{margin-top:2px}.payment-select{width:100%;min-height:48px;padding:0 40px 0 14px;border-radius:12px;border:1px solid var(--border);color:var(--title);background:var(--surface);font:inherit;font-size:14px;font-weight:600}.order-actions button{min-height:48px;border-radius:var(--radius-pill);font-size:14px;font-weight:600}.order-actions .end-session{color:var(--danger);border:1px solid rgba(255,59,48,.26);background:#fff}.order-actions .extend-session{color:var(--title);background:var(--brand)}.order-actions .outline-action{color:var(--title);border:1px solid var(--border);background:#fff}.empty-state{min-height:260px;padding:32px 22px;border-radius:var(--radius-card);background:var(--surface);display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.empty-state .icon{width:42px;height:42px;color:var(--placeholder)}.empty-state strong{color:var(--title);font-size:16px;font-weight:600}.empty-state span{color:var(--meta);font-size:13px;line-height:1.55}.profile-card{padding:16px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:16px;text-align:left}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-main{min-width:0;display:flex;align-items:center;gap:12px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--title);background:var(--brand);flex:0 0 auto}.avatar .icon{width:28px;height:28px}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{color:var(--title);font-size:17px;font-weight:600}.profile-copy span{margin-top:4px;color:var(--meta);font-size:12px}.balance-block{padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.balance-copy span,.balance-copy strong{display:block}.balance-copy span{color:var(--meta);font-size:12px}.balance-copy strong{margin-top:4px;color:var(--title);font-size:28px;line-height:1;font-weight:600;white-space:nowrap}.balance-block button{min-width:98px;min-height:44px;padding:0 16px;border-radius:22px;color:var(--title);background:var(--brand);font-size:14px;font-weight:600}.menu-group{overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.menu-row{width:100%;min-height:64px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);text-align:left}.menu-row:last-child{border-bottom:0}.menu-main{min-width:0;display:flex;align-items:center;gap:12px}.menu-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--title);background:#f7f8fa;flex:0 0 auto}.menu-copy strong,.menu-copy span{display:block}.menu-copy strong{color:var(--title);font-size:14px;font-weight:600}.menu-copy span{margin-top:3px;color:var(--meta);font-size:12px;line-height:1.35}.chevron{width:18px;height:18px;color:#ccc;flex:0 0 auto}.language-control{padding:4px;border-radius:12px;display:flex;gap:2px;background:#f2f2f7;flex:0 0 auto}.language-control button{min-width:44px;min-height:44px;padding:0 9px;border-radius:9px;color:var(--meta);font-size:12px}.language-control button[aria-pressed=true]{color:var(--title);background:var(--surface);box-shadow:0 2px 8px #0000000d;font-weight:600}.bottom-nav{min-height:calc(68px + var(--safe-bottom));padding:0 8px var(--safe-bottom);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fffffffa;border-top:1px solid var(--line);position:relative;z-index:12}.nav-button{min-width:0;min-height:68px;display:grid;justify-items:center;align-content:center;gap:4px;color:var(--meta);font-size:11px}.nav-button .icon{width:23px;height:23px}.nav-button[aria-current=page]{color:var(--title);font-weight:600}.nav-icon-wrap{min-width:38px;height:28px;border-radius:14px;display:grid;place-items:center}.nav-button[aria-current=page] .nav-icon-wrap{background:var(--brand)}.sheet,.confirm-dialog{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:none}.sheet.open,.confirm-dialog.open{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1112146b;animation:fade-in .18s ease both}.sheet-panel{width:100%;max-height:calc(100% - 72px);padding:10px 16px calc(18px + var(--safe-bottom));border-radius:20px 20px 0 0;background:var(--surface);position:absolute;left:0;right:0;bottom:0;display:grid;gap:14px;overflow-y:auto;animation:sheet-up .22s ease both}.sheet-handle{width:36px;height:4px;margin:0 auto 2px;border-radius:2px;background:#d8d8dc}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;color:var(--title);font-size:21px;line-height:1.3;font-weight:600}.sheet-head p{margin:4px 0 0;color:var(--meta);font-size:12px;line-height:1.45}.icon-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--title);background:#f2f2f7;flex:0 0 auto}.selected-table-summary{padding:14px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffbe5;border:1px solid rgba(255,229,0,.5)}.selected-table-summary strong,.selected-table-summary span{display:block}.selected-table-summary strong{color:var(--title);font-size:16px;font-weight:600}.selected-table-summary span{margin-top:3px;color:var(--meta);font-size:12px}.selected-table-summary .table-price{text-align:right;white-space:nowrap}.sheet-balance{min-height:54px;margin:10px 0;padding:10px 12px;border-radius:12px;border:1px solid #D9DDE2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface)}.sheet-balance-copy{min-width:0;display:flex;align-items:baseline;gap:8px}.sheet-balance-copy span{color:var(--meta);font-size:12px}.sheet-balance-copy strong{color:var(--title);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.sheet-balance-status{min-height:24px;padding:0 8px;border-radius:var(--radius-tag);display:inline-flex;align-items:center;color:#1f7a45;background:#eaf8f0;font-size:11px;font-weight:600;white-space:nowrap}.field-group{display:grid;gap:8px}.field-label{color:var(--title);font-size:14px;font-weight:600}.time-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.amount-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.time-options button,.amount-options button{min-height:48px;padding:0 8px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--title);font-size:13px}.time-options button[aria-pressed=true],.amount-options button[aria-pressed=true]{border-color:var(--brand);background:#fffbe5;box-shadow:inset 0 0 0 1px #ffe50073;font-weight:600}.custom-hours[hidden]{display:none}.custom-hours{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#f7f8fa}.custom-hours-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-hours label{color:var(--meta);font-size:12px;font-weight:500}.custom-hours-tip{color:var(--meta);font-size:11px}.custom-hours-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center}.custom-hours-stepper{min-height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--title);font-size:22px;line-height:1}.custom-hours input{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--title);font-size:15px;font-weight:600;text-align:center;outline:none}.custom-hours-unit{position:relative}.custom-hours-unit span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--meta);font-size:12px;pointer-events:none}.custom-hours input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0066551f}.amount-options button{min-height:70px;display:grid;place-items:center;align-content:center;gap:3px}.amount-options strong,.amount-options span{display:block}.amount-options strong{font-size:14px;font-weight:600}.amount-options span{color:var(--meta);font-size:11px}.payment-breakdown{padding:4px 14px;border-radius:14px;border:1px solid var(--line);background:#f7f8fa}.payment-row{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);color:var(--meta);font-size:13px}.payment-row:last-child{border-bottom:0}.payment-row strong,.payment-row.total{color:var(--title);font-weight:600}.payment-row.total strong{font-size:17px}.payment-note{display:flex;align-items:flex-start;gap:7px;color:var(--meta);font-size:12px;line-height:1.5}.payment-note .icon{width:16px;height:16px;margin-top:1px;color:var(--warning)}.dialog-card{width:calc(100% - 40px);max-width:360px;padding:22px 18px 18px;border-radius:18px;background:var(--surface);box-shadow:0 24px 64px #00000038;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:16px;text-align:center;animation:dialog-in .18s ease both}.dialog-card h2{margin:0;color:var(--title);font-size:20px;line-height:1.35;font-weight:600}.dialog-card p{margin:0;color:var(--meta);font-size:13px;line-height:1.6}.dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toast{max-width:calc(100% - 40px);min-height:48px;padding:12px 16px;border-radius:14px;background:#1f1f1ff0;color:#fff;box-shadow:0 12px 32px #0003;position:absolute;z-index:50;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translate(-50%,12px);display:flex;align-items:center;gap:8px;opacity:0;pointer-events:none;font-size:13px;line-height:1.4;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.toast .icon{width:18px;height:18px;color:var(--brand)}.loading-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(31,31,31,.24);border-top-color:var(--title);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dialog-in{0%{transform:translate(-50%,-48%) scale(.98);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (min-width: 768px){body{padding:24px}.app{width:430px;height:calc(100vh - 48px);height:calc(100dvh - 48px);min-height:720px;max-height:920px;border:1px solid #E5E5EA;border-radius:22px;box-shadow:0 20px 60px #1f1f1f1f}}@media (max-width: 374px){.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{min-height:78px;padding:10px 6px}.table-grid{grid-template-columns:1fr}.store-hero,.store-hero img{height:132px;min-height:132px}.scan-note{display:none}.selection-bar{left:8px;right:8px}.selection-bar .primary-button{min-width:116px;padding:0 12px}.language-control button{min-width:40px;padding:0 7px}.balance-copy strong{font-size:26px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-input{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--title);font-size:15px;font-weight:600;outline:none}.text-input::placeholder{color:var(--placeholder);font-weight:400}.text-input:focus{border-color:var(--title)}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.code-send{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--link);font-size:13px;font-weight:600;white-space:nowrap}.code-send:disabled{color:var(--meta)}.form-error{color:var(--danger);font-size:12px;line-height:1.4}