:root{--bg: var(--tg-theme-secondary-bg-color, #eef1f6);--surface: var(--tg-theme-bg-color, #ffffff);--surface-2: color-mix(in srgb, var(--text) 5%, transparent);--text: var(--tg-theme-text-color, #0f1115);--hint: var(--tg-theme-hint-color, #8b93a1);--accent: var(--tg-theme-button-color, #2f7bff);--accent-text: var(--tg-theme-button-text-color, #ffffff);--accent-soft: color-mix(in srgb, var(--accent) 13%, transparent);--danger: var(--tg-theme-destructive-text-color, #f0483c);--danger-soft: color-mix(in srgb, var(--danger) 13%, transparent);--success: #16a35a;--success-soft: color-mix(in srgb, var(--success) 15%, transparent);--border: color-mix(in srgb, var(--text) 9%, transparent);--hairline: color-mix(in srgb, var(--text) 7%, transparent);--radius: 18px;--radius-sm: 13px;--shadow-sm: 0 1px 2px rgba(15, 17, 21, .04), 0 1px 8px rgba(15, 17, 21, .04);--shadow-md: 0 6px 24px rgba(15, 17, 21, .12);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg)}.container{max-width:540px;margin:0 auto;padding:16px 15px 48px}h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}.page-title{font-size:22px;font-weight:750;letter-spacing:-.02em;margin:4px 2px 16px}.section-head{display:flex;align-items:center;gap:10px;margin:24px 4px 12px}.section-head .icon-tile{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.section-head .lbl{font-size:16px;font-weight:650;letter-spacing:-.01em;flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0 4px}.stat{background:var(--surface);border-radius:var(--radius-sm);padding:13px 12px;box-shadow:var(--shadow-sm)}.stat .num{font-size:22px;font-weight:750;letter-spacing:-.02em}.stat .cap{font-size:12px;color:var(--hint);margin-top:2px}.card{background:var(--surface);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.row{display:flex;align-items:center;gap:11px}.muted{color:var(--hint);font-size:13px}.spacer{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px;border-radius:var(--radius-sm);border:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));color:var(--accent-text);font-size:15px;font-weight:650;letter-spacing:-.01em;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 32%,transparent);transition:transform .08s ease,opacity .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.98);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-ghost{box-shadow:none}.btn:disabled{opacity:.6}.btn-block{width:100%}.btn-ghost{background:var(--surface-2);color:var(--text);font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:transform .08s ease}.chip:active{transform:scale(.96)}.chip.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.chip-icon{padding:8px}.actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:13px;border-top:1px solid var(--hairline)}.action{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 3px;border:none;background:transparent;cursor:pointer;color:var(--text);font-size:11.5px;font-weight:600;border-left:1px solid var(--hairline);transition:opacity .12s ease,transform .08s ease}.action:first-child{border-left:none}.action:active{transform:scale(.95);opacity:.7}.action .ic{color:var(--accent);display:flex}.action.danger,.action.danger .ic{color:var(--danger)}.badge{font-size:11.5px;font-weight:650;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.badge.on{background:var(--success-soft);color:var(--success)}.badge.off{background:var(--surface-2);color:var(--hint)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tag{font-size:12px;font-weight:600;color:var(--hint);background:var(--surface-2);padding:3px 9px;border-radius:8px}.segment{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:14px;margin-bottom:8px}.segment button{flex:1;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--hint);font-size:14px;font-weight:650;cursor:pointer;transition:all .15s ease}.segment button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}img.thumb,.thumb{width:58px;height:58px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--hint)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:18px;line-height:1;cursor:pointer}.field{margin-bottom:13px}.field label{display:block;font-size:12.5px;color:var(--hint);margin-bottom:6px;font-weight:600}input[type=text],input[type=number],input[type=tel],input[type=time],input[type=date],.input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;outline:none;transition:border .15s ease,box-shadow .15s ease}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field-row{display:flex;gap:11px}.field-row>.field{flex:1}.switch{display:inline-flex;align-items:center;cursor:pointer}.switch input{display:none}.switch .track{width:48px;height:29px;border-radius:999px;background:var(--surface-2);position:relative;transition:background .18s ease;border:1px solid var(--border)}.switch .knob{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .18s ease}.switch input:checked+.track{background:var(--success);border-color:transparent}.switch input:checked+.track .knob{transform:translate(19px)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0e80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade .18s ease}.sheet{width:100%;max-width:540px;background:var(--surface);border-radius:24px 24px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md);animation:slideup .24s cubic-bezier(.2,.8,.2,1)}.sheet-grab{width:40px;height:4px;border-radius:999px;background:var(--border);margin:8px auto 12px}.sheet-head{display:flex;align-items:center;margin-bottom:16px}.sheet-head h3{font-size:18px;flex:1}.icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-2);color:var(--hint);display:flex;align-items:center;justify-content:center;cursor:pointer}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--hint);font-size:14px;padding:26px 18px}.empty .ico{width:44px;height:44px;border-radius:13px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:650;font-size:14px}.toast{position:fixed;left:50%;bottom:132px;transform:translate(-50%);background:var(--text);color:var(--surface);padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-md);z-index:60;animation:toastIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hero{position:relative;overflow:hidden;border-radius:22px;padding:20px;margin-bottom:6px;color:#fff;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#8a4dff));box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 36%,transparent)}.hero:after{content:"";position:absolute;top:-40px;right:-30px;width:160px;height:160px;border-radius:50%;background:#ffffff1f}.hero .htitle{font-size:12px;font-weight:600;opacity:.85;letter-spacing:.06em;text-transform:uppercase}.hero .hsub{font-size:21px;font-weight:750;margin-top:3px;letter-spacing:-.02em}.hero-stats{display:flex;margin-top:18px;position:relative;z-index:1}.hero-stat{flex:1;min-width:0;padding:0 10px}.hero-stat:first-child{padding-left:0}.hero-stat+.hero-stat{border-left:1px solid rgba(255,255,255,.25)}.hero-stat .n{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-stat .c{font-size:11.5px;opacity:.82;margin-top:3px}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:riseIn .4s cubic-bezier(.2,.8,.2,1) both}.daystrip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px;scrollbar-width:none}.daystrip::-webkit-scrollbar{display:none}.daychip{flex:0 0 auto;min-width:56px;text-align:center;padding:10px 12px;border-radius:15px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s ease}.daychip:active{transform:scale(.96)}.daychip .dow{font-size:11px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.daychip .dnum{font-size:18px;font-weight:750;margin-top:3px;letter-spacing:-.02em}.daychip.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));color:#fff;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 32%,transparent)}.daychip.active .dow{color:#ffffffd9}.daychip.closed{opacity:.38;pointer-events:none}.cartbar{position:sticky;bottom:12px;display:flex;align-items:center;gap:12px;background:var(--text);color:var(--surface);padding:13px 16px;border-radius:16px;box-shadow:var(--shadow-md);margin-top:12px}.cartbar .ctotal{flex:1}.cartbar .ctotal .t{font-size:11.5px;opacity:.7}.cartbar .ctotal .v{font-size:18px;font-weight:750;letter-spacing:-.02em}.cartbar button{background:var(--surface);color:var(--text);border:none;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14.5px;cursor:pointer}.cartbar button:disabled{opacity:.5}.otime{font-weight:750;font-size:14px;color:var(--accent);min-width:48px}.food{padding:0;overflow:hidden;cursor:pointer}.food .img,.food .img-ph{height:150px;width:100%;object-fit:cover;display:block}.food .img-ph{display:flex;align-items:center;justify-content:center;color:var(--hint);background:var(--surface-2)}.food .body{padding:12px 14px;display:flex;align-items:center;gap:10px}.qbadge{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.slotgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{text-align:center;padding:11px 0;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:14px;font-weight:650;cursor:pointer;transition:transform .08s ease}.slot:active{transform:scale(.95)}.slot.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.slot.disabled{opacity:.32;pointer-events:none}.sk{position:relative;overflow:hidden;background:var(--surface-2);display:block}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 7%,transparent),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.fab-bar{position:fixed;left:0;right:0;z-index:39;bottom:calc(60px + env(safe-area-inset-bottom));max-width:540px;margin:0 auto;padding:14px 15px 8px;background:linear-gradient(to top,var(--bg) 58%,transparent);pointer-events:none}.fab-bar .btn{pointer-events:auto}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;max-width:540px;margin:0 auto;background:var(--surface);border-top:1px solid var(--hairline);padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0f11150d}.bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;color:var(--hint);font-size:11px;font-weight:600;padding:5px 0;cursor:pointer;transition:color .15s ease}.bottomnav button.active{color:var(--accent)}.dayhead{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 2px 8px;margin:0 -2px;font-size:13px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:8px}.dayhead .cnt{margin-left:auto;font-weight:600;text-transform:none;letter-spacing:0}.pbar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:7px}.pbar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.pbar.over>span{background:var(--danger)}.tl{display:flex;gap:14px}.tl .rail{display:flex;flex-direction:column;align-items:center}.tl .dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--hint);flex-shrink:0}.tl .line{width:2px;flex:1;background:var(--hairline);margin:3px 0;min-height:20px}.tl:last-child .line{display:none}.tl.done .dot{background:var(--success);color:#fff}.tl.active .dot{background:var(--accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.tl.fail .dot{background:var(--danger);color:#fff}.tl .txt{padding-bottom:20px}.tl .tt{font-weight:650;font-size:14.5px}.tl.pending .tt{color:var(--hint);font-weight:500}.tl .ts{font-size:12.5px;color:var(--hint);margin-top:2px}.badge.s-pending{background:color-mix(in srgb,#e8a13a 20%,transparent);color:#a8700f}.badge.s-confirmed{background:var(--success-soft);color:var(--success)}.badge.s-ready{background:color-mix(in srgb,#2f9bb5 20%,transparent);color:#1d7689}.badge.s-completed,.badge.s-cancelled{background:var(--surface-2);color:var(--hint)}.badge.s-rejected{background:var(--danger-soft);color:var(--danger)}