:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}.glass-card{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}.gradient-bg{background:linear-gradient(135deg,#f0f4f8,#d9e2ec)}@keyframes cart-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cart-bounce{animation:cart-bounce .4s ease}@keyframes button-pop{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-pop{animation:button-pop .2s ease}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.float-msg{position:absolute;top:-20px;right:0;color:#1890ff;font-weight:700;pointer-events:none;animation:float-up .8s ease-out forwards}.qty-selector{display:flex;align-items:center;gap:12px;background:#f0f7ff;padding:4px 8px;border-radius:20px;border:1px solid #bae7ff;transition:all .3s ease}.qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#1890ff;cursor:pointer;border:1px solid #bae7ff;transition:all .2s ease;font-weight:700;-webkit-user-select:none;user-select:none}.qty-btn:hover{background:#1890ff;color:#fff;border-color:#1890ff}.qty-btn:active{transform:scale(.9)}.qty-text{font-weight:700;min-width:20px;text-align:center;color:#1a3353}.app-green-theme{--primary-green: #10b981;--primary-green-dark: #059669;--primary-green-light: rgba(236, 253, 245, .8);--text-main: #1e293b;--text-muted: #64748b;--bg-light: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--saas-border: #e2e8f0;--saas-bg: #f8fafc;--saas-card: #ffffff;--saas-primary: #10b981;--saas-primary-hover: #059669;--saas-text-bold: #0f172a;--saas-text-main: #334155;--saas-text-muted: #64748b;--saas-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--saas-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--saas-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}.menu-container-new{background-color:var(--saas-bg);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(59,130,246,.05) 0px,transparent 50%);background-attachment:fixed;min-height:100vh;padding:24px 24px 120px}.menu-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:12px 16px;border-bottom:1px solid var(--saas-border);position:sticky;top:0;z-index:1000}.nav-item-labeled{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--saas-text-muted);font-size:11px;font-weight:600;transition:all .2s ease}.nav-item-labeled:hover{color:var(--saas-primary)}.nav-item-labeled .anticon{font-size:20px}.search-container-modern{padding:0 16px;margin-bottom:20px}.search-input-modern{background:#f1f5f9;border:none;border-radius:12px;padding:12px 16px;font-size:15px}.unified-hero-section{padding:0 16px;margin-bottom:24px}.unified-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:20px;border:1px solid var(--saas-border);box-shadow:0 4px 20px #00000008;position:relative;overflow:hidden}.unified-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);pointer-events:none}.category-pill-container{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:4px 4px 16px;scroll-behavior:smooth;scrollbar-width:none}.category-pill-container::-webkit-scrollbar{display:none}.cat-pill{padding:10px 24px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);min-width:max-content;text-align:center;box-shadow:0 2px 12px #00000008;border:1px solid var(--glass-border)}.cat-pill:hover{background:#fff;color:var(--primary-green-dark);transform:translateY(-2px)}.cat-pill.active{background:var(--saas-primary);color:#fff;box-shadow:0 8px 16px #10b98140;border:none;transform:translateY(-2px)}.food-list{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media(min-width:640px){.food-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.food-list{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.food-list{grid-template-columns:repeat(4,1fr)}}@media(max-width:576px){.menu-container-new{padding:16px 16px 110px}}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.food-card-horizontal{background:#fff;border-radius:16px;padding:12px;display:flex;gap:16px;align-items:center;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.food-card-horizontal:hover{background:#f8fafc;border-color:var(--saas-border)}.food-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.food-card-name{font-size:16px;font-weight:700;color:var(--saas-text-bold);line-height:1.3}.food-card-desc{font-size:13px;color:var(--saas-text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px}.food-card-price{font-size:17px;font-weight:800;color:var(--saas-primary);margin-top:4px}.food-card-img-container{width:100px;height:100px;position:relative;border-radius:12px;overflow:hidden;flex-shrink:0}.food-card-img{width:100%;height:100%;object-fit:cover}.food-card-add-badge{position:absolute;bottom:0;right:0;background:var(--saas-primary);color:#fff;width:32px;height:32px;border-radius:10px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:-2px -2px 10px #0000001a}.food-card-v3-add-btn:hover{background:var(--primary-green);color:#fff;transform:scale(1.05)}.food-card-v3-add-btn:active{transform:scale(.9)}.floating-cart-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;z-index:1000;animation:slide-up .5s ease-out}.floating-cart-bar{background:#1890ff;padding:14px 20px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 32px #1890ff66;color:#fff}@keyframes slide-up{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.cart-count-badge{background:#fff;color:#1890ff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-right:8px}.ward-selector-tabs .ant-tabs-nav{margin-bottom:24px!important;border-bottom:2px solid #f0f0f0!important}.ward-selector-tabs .ant-tabs-tab{padding:12px 24px!important;margin-right:8px!important;border-radius:12px 12px 0 0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid transparent!important;border-bottom:none!important;background:transparent!important}.ward-selector-tabs .ant-tabs-tab:hover{color:#1890ff!important;background:#1890ff0d!important}.ward-selector-tabs .ant-tabs-tab-active{background:#fff!important;border-color:#f0f0f0!important;box-shadow:0 -4px 12px #00000008!important}.ward-selector-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff!important;font-weight:700!important}.ward-selector-tabs .ant-tabs-ink-bar{height:3px!important;border-radius:3px 3px 0 0!important}.food-detail-root .ant-modal-wrap{display:flex!important;align-items:center!important;justify-content:center!important}.food-detail-modal{padding-bottom:0!important}.food-detail-root .ant-modal-content,.food-detail-root .ant-drawer-content-wrapper,.food-detail-root .ant-drawer-content,.food-detail-root .ant-drawer-wrapper-body,.food-detail-root .ant-drawer-body,.food-detail-drawer .ant-drawer-content-wrapper,.food-detail-drawer .ant-drawer-content{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important}.food-detail-drawer .ant-drawer-content{border-radius:0!important}.food-detail-modal .ant-modal-content{border-radius:28px!important;overflow:hidden!important;background:#fff!important}.food-detail-split{display:flex;height:80vh;min-height:600px;max-height:900px;overflow:hidden}.food-detail-left{flex:1.2;height:100%;background:#f1f5f9}.food-detail-right{flex:1;height:100%;display:flex;flex-direction:column;background:#fff;position:relative}.detail-hero-container{position:relative;width:100%;height:320px;background:#f1f5f9;overflow:hidden}.detail-hero-container.split{height:100%}@media(max-width:576px){.detail-hero-container{height:260px}}.detail-content-scroll{flex:1;overflow-y:auto;padding:24px 24px 40px;scrollbar-width:none}.detail-content-scroll::-webkit-scrollbar{display:none}.detail-content-scroll.split{padding:40px}.nutrition-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.nutrition-card{background:#f8fafc;padding:12px 8px;border-radius:16px;text-align:center;border:1px solid var(--saas-border);transition:all .2s ease}.nutrition-card:hover{background:#fff;border-color:var(--saas-primary);box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.nutrition-card-value{display:block;font-size:16px;font-weight:800;color:var(--saas-text-bold);line-height:1.2}.nutrition-card-label{display:block;font-size:11px;font-weight:700;color:var(--saas-text-muted);text-transform:uppercase;margin-top:4px}.allergen-alert-v2{background:#fff5f5;border:1px solid #feb2b2;border-radius:16px;padding:16px;display:flex;gap:16px;margin-bottom:24px;align-items:center}.allergen-alert-icon{width:40px;height:40px;background:#fc8181;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.allergen-tag-v2{display:inline-block;padding:4px 10px;background:#feb2b233;color:#c53030;border-radius:8px;font-size:12px;font-weight:700;margin-right:6px;margin-top:4px}.premium-qty-pill{display:flex;align-items:center;background:#f1f5f9;padding:6px;border-radius:100px;border:1px solid var(--saas-border)}.premium-qty-btn{width:48px;height:48px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--saas-text-bold);font-size:18px;cursor:pointer;box-shadow:0 4px 10px #0000000f;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.premium-qty-btn:active{transform:scale(.9)}.premium-qty-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.premium-qty-value{padding:0 20px;font-size:22px;font-weight:900;color:var(--saas-text-bold);min-width:60px;text-align:center;font-variant-numeric:tabular-nums}.detail-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;box-shadow:0 4px 12px #0000001f;border:1px solid rgba(255,255,255,.3);cursor:pointer;color:var(--saas-text-bold);font-size:20px;transition:all .2s ease}.detail-close-btn:hover{background:#fff;transform:rotate(90deg)}.sticky-action-bar{position:sticky;bottom:0;left:0;right:0;background:#fff;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--saas-border);box-shadow:0 -10px 30px #0000000a;z-index:500}.main-add-btn{flex:1;background:var(--saas-primary);color:#fff;border:none;gap:8px;box-shadow:0 8px 20px #10b98140;transition:all .2s cubic-bezier(.4,0,.2,1)}.main-add-btn:active{transform:scale(.97)}.modern-instruction-box{background:#f8fafc;border-radius:20px;padding:16px;border:1px solid var(--saas-border);transition:border-color .2s ease}.modern-instruction-box:focus-within{border-color:var(--saas-primary)}.modern-instruction-input{width:100%;border:none!important;background:transparent!important;box-shadow:none!important;font-size:15px;padding:0!important;color:var(--saas-text-bold)}.role-card-v2{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:24px;cursor:pointer;background:var(--bg);border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px -1px #0000000d}.role-card-v2:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--saas-shadow-lg);border-color:var(--accent)}.role-card-v2:active{transform:scale(.97)}.role-icon-box{width:52px;height:52px;background:var(--accent);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 16px -4px #0000001a}.role-content{flex:1;display:flex;flex-direction:column;gap:2px}.role-title-th{font-size:19px;font-weight:800;color:var(--saas-text-bold)}.role-title-en{font-size:14px;color:var(--accent);font-weight:500;opacity:.8}.role-select-indicator{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.role-card-v2:hover .role-select-indicator{border-color:var(--accent);background:var(--accent)}.role-card-v2:hover .role-select-indicator .dot{background:#fff;width:8px;height:8px;border-radius:50%}.pulse-bg{animation:pulse 2.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.1}50%{transform:scale(1.2);opacity:.2}to{transform:scale(.95);opacity:.1}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .4s ease-out forwards}.history-card-enter{animation:slide-up-fade .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-order-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform,box-shadow}.premium-order-card:active{transform:scale(.96)!important}.date-group{margin-bottom:32px;animation:fade-in-stagger .6s ease-out backwards}.date-group:nth-child(1){animation-delay:.1s}.date-group:nth-child(2){animation-delay:.2s}.date-group:nth-child(3){animation-delay:.3s}@keyframes fade-in-stagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-badge{background:#10b981;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:900;box-shadow:0 4px 10px #10b9814d}.pulse-badge{position:relative}.pulse-badge:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:0 0 #10b98166;animation:pulse-ring-badge 2s infinite}@keyframes pulse-ring-badge{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.skeleton-order-card{height:160px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:28px;margin-bottom:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-tabs .ant-tabs-nav-list{background:#f1f5f9;padding:4px;border-radius:14px;width:100%;display:flex}.modern-tabs .ant-tabs-tab{flex:1;justify-content:center;margin:0!important;border-radius:10px!important;transition:all .3s ease!important}.modern-tabs .ant-tabs-tab-active{background:#fff!important;box-shadow:0 4px 12px #00000014!important}.modern-tabs .ant-tabs-ink-bar{display:none!important}@media(max-width:375px){.modern-tabs .ant-tabs-tab{padding:6px 2px!important;min-width:0!important}.modern-tabs .custom-tab-label{font-size:11.5px;gap:2px}.modern-tabs .custom-tab-label span{white-space:nowrap;overflow:hidden;text-overflow:clip}.tab-badge{padding:1px 4px;font-size:8.5px}.history-header{height:64px!important;padding:0 10px!important}.header-title{font-size:16px!important}.header-subtitle{font-size:9px!important}.date-label{font-size:13px!important}.date-count{font-size:10px!important;padding:1px 8px!important}.premium-order-card div[style*="padding: 20px 20px 18px"]{padding:14px 14px 12px!important}.premium-order-card h4{font-size:15px!important}.premium-order-card span[style*="font-size: 22px"]{font-size:18px!important}.premium-order-card span[style*="font-size: 13px"]{font-size:10px!important}.premium-order-card span[style*="font-size: 15px"]{font-size:12px!important}.meal-badge{width:30px!important;height:30px!important;font-size:13px!important}.item-note span{font-size:10px!important}}@media(max-width:320px){.modern-tabs .ant-tabs-tab{padding:4px 1px!important}.modern-tabs .custom-tab-label{font-size:10.5px}.header-title{font-size:15px!important}.premium-order-card h4{font-size:14px!important}}.detail-sticky-header{position:absolute;top:0;left:0;right:0;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top);z-index:200;transition:all .3s ease;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 100%)}.detail-header-btn{width:40px;height:40px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--saas-text-bold);cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}.detail-header-btn:active{transform:scale(.9)}.immersive-hero{position:relative;width:100%;aspect-ratio:1 / 1;background:#f1f5f9;overflow:hidden}@media(max-height:700px){.immersive-hero{aspect-ratio:16 / 10}}@media(min-width:768px){.immersive-hero{aspect-ratio:4 / 3;border-radius:0 0 32px 32px}}.hero-overlay{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);pointer-events:none}.food-info-card{margin-top:-24px;background:#fff;border-radius:32px 32px 0 0;padding:24px 20px;position:relative;z-index:10}@media(max-width:400px){.food-info-card{padding:20px 16px}}.meta-badge-row{display:flex;gap:12px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;padding:4px 0}.meta-badge{background:#f1f5f9;padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--saas-text-main);white-space:nowrap}.meta-badge.rating{color:#f59e0b;background:#fffbeb}.meta-badge.calories{color:#ef4444;background:#fef2f2}.meta-badge.time{color:#10b981;background:#f0fdf4}.customization-section{margin-bottom:24px}.customization-title{font-size:16px;font-weight:800;color:var(--saas-text-bold);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.customization-title .required-tag{font-size:10px;background:var(--saas-primary);color:#fff;padding:2px 8px;border-radius:6px;text-transform:uppercase}.custom-pill-grid{display:flex;flex-wrap:wrap;gap:10px}.custom-pill{padding:10px 16px;border-radius:14px;background:#f8fafc;border:1px solid var(--saas-border);font-size:14px;font-weight:600;color:var(--saas-text-main);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-pill:hover{border-color:var(--saas-primary);color:var(--saas-primary)}.custom-pill.active{background:var(--saas-primary);color:#fff;border-color:var(--saas-primary);box-shadow:0 4px 12px #10b98133}.unified-action-bar{position:sticky;bottom:0;left:0;right:0;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--saas-border);display:flex;gap:12px;z-index:1000;box-shadow:0 -10px 30px #0000000d}@media(max-width:400px){.unified-action-bar{padding:12px 16px;gap:8px}}.integrated-stepper{display:flex;align-items:center;background:#f1f5f9;border-radius:18px;padding:4px;height:56px}@media(max-width:400px){.integrated-stepper{height:48px;border-radius:14px}}.stepper-btn{width:44px;height:44px;border-radius:14px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--saas-text-bold);cursor:pointer;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}@media(max-width:400px){.stepper-btn{width:36px;height:36px;border-radius:10px}}.stepper-btn:active{transform:scale(.9)}.stepper-btn:disabled{opacity:.5;cursor:not-allowed}.stepper-value{min-width:40px;text-align:center;font-size:18px;font-weight:800;color:var(--saas-text-bold)}@media(max-width:400px){.stepper-value{min-width:30px;font-size:16px}}.premium-add-btn{flex:1;height:56px;background:var(--saas-primary);color:#fff;border:none;border-radius:18px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 8px 20px #10b98140;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:400px){.premium-add-btn{height:48px;border-radius:14px;padding:0 14px;font-size:14px}}.premium-add-btn:active{transform:scale(.97)}.premium-add-btn .btn-price{font-size:18px;font-weight:900}@keyframes bounce-in{0%{transform:scale(.92);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1)}.detail-scroll-v2{flex:1;overflow-y:auto;scrollbar-width:none;background:#fff}.detail-scroll-v2::-webkit-scrollbar{display:none}:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07)}.glass-header{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.parallax-container{overflow:hidden;position:relative}.parallax-img{transition:transform .1s ease-out;will-change:transform}.card-shadow-premium{box-shadow:0 10px 30px -5px #0000000d,0 5px 15px -5px #00000008}.custom-option-card{background:#f8fafc;border:1.5px solid transparent;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-option-card.active{background:#fff;border-color:var(--saas-primary);box-shadow:0 4px 12px #10b9811a}.custom-option-card:active{transform:scale(.98)}.custom-option-dot{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;position:relative;transition:all .2s ease}.custom-option-card.active .custom-option-dot{border-color:var(--saas-primary);background:var(--saas-primary)}.custom-option-card.active .custom-option-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.floating-pill-container{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:460px;z-index:1000;pointer-events:none}.floating-pill-bar{pointer-events:auto;background:#10b981;border-radius:100px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;cursor:pointer;width:100%;box-sizing:border-box;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #10b9814d;border:none}.floating-pill-bar:hover{background:#059669;box-shadow:0 16px 36px #10b98166}.floating-pill-bar:active{transform:scale(.96);background:#047857}@media(max-width:400px){.floating-pill-container{bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.floating-pill-bar{padding:12px 16px}.floating-pill-center,.floating-pill-right{font-size:14px!important}.floating-pill-label{display:none}}.floating-pill-left{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:8px}.floating-pill-count{background:#fff;color:#10b981;min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:0 2px 6px #0000000f}.floating-pill-label{font-weight:600;font-size:14px;color:#ffffffe6}.floating-pill-center{flex:0 0 auto;font-size:15px;font-weight:700;color:#fff;text-align:center;letter-spacing:.5px}.floating-pill-right{flex:1;display:flex;align-items:center;justify-content:flex-end;font-size:15px;font-weight:800;color:#fff}.food-detail-drawer.fullscreen-drawer .ant-drawer-content-wrapper,.food-detail-drawer.fullscreen-drawer .ant-drawer-content{border-radius:0!important;background:#fff!important;background-color:#fff!important;box-shadow:none!important;border:none!important}.food-detail-modal-fullscreen{top:0!important;margin:0!important;padding:0!important;max-width:100vw!important}.food-detail-modal-fullscreen .ant-modal-content{border-radius:0!important;overflow:hidden!important;background:#fff!important;height:100vh!important;display:flex;flex-direction:column;padding:0!important}.layout-brand{display:flex;align-items:center;gap:10px;padding:20px 16px 12px;min-height:72px}.layout-brand-icon{font-size:26px;line-height:1;flex-shrink:0}.layout-brand-text{display:flex;gap:2px;font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1}.layout-brand-my{color:#94a3b8}.layout-brand-meal{color:#1890ff}.layout-brand-mobile{display:flex;gap:2px;font-size:18px;font-weight:800;letter-spacing:-.03em}.layout-role-badge{margin:0 12px 16px;padding:4px 12px;background:#1890ff1a;border:1px solid rgba(24,144,255,.2);border-radius:20px;text-align:center;font-size:11px;font-weight:700;color:#1890ff;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.layout-role-badge--nutrition{background:#10b9811a;border-color:#10b98133;color:#10b981}.layout-sider-admin .ant-layout-sider-trigger{background:#ffffff0d!important;border-top:1px solid rgba(255,255,255,.06)!important}.layout-sider-menu .ant-menu-item{margin:2px 8px!important;border-radius:10px!important;height:44px!important;line-height:44px!important;color:#fff9!important;font-weight:500!important;transition:all .18s ease!important}.layout-sider-menu .ant-menu-item:hover{background:#ffffff14!important;color:#fff!important}.layout-sider-menu .ant-menu-item-selected{background:#1890ff26!important;color:#60a5fa!important;font-weight:700!important}.layout-sider-menu .ant-menu-item-selected:after{display:none!important}.layout-sider-menu .ant-menu-item .anticon{font-size:17px!important}.layout-sider-menu--light .ant-menu-item{color:#64748b!important}.layout-sider-menu--light .ant-menu-item:hover{background:#f0f9ff!important;color:#1890ff!important}.layout-sider-menu--light .ant-menu-item-selected{background:#e0f2fe!important;color:#1890ff!important;font-weight:700!important}.layout-header{position:sticky;top:0;z-index:50;height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 8px #0000000a;gap:12px}.layout-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.layout-page-title{display:flex;align-items:center;gap:6px;min-width:0}.layout-page-name{font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-hamburger-btn{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;color:#475569!important;flex-shrink:0;transition:background .15s!important}.layout-hamburger-btn:hover{background:#f1f5f9!important;color:#0f172a!important}.layout-profile-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .18s ease;box-shadow:0 1px 4px #0000000a;outline:none;max-width:180px}.layout-profile-btn:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1f}.layout-content{margin:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;min-height:calc(100vh - 84px);overflow-x:auto}@media(max-width:767px){.layout-header{height:56px;min-height:56px;padding:0 12px}.layout-content{margin:8px;padding:12px;border-radius:12px;min-height:calc(100vh - 72px)}.layout-hamburger-btn{width:44px!important;height:44px!important}.layout-profile-btn{padding:4px;border-radius:50%;border-color:transparent;background:transparent;box-shadow:none}.layout-profile-btn:hover{background:#f1f5f9;border-color:transparent}}.ant-drawer .layout-sider-menu .ant-menu-item{height:48px!important;line-height:48px!important;font-size:15px!important}.ant-drawer .layout-brand{border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:8px;padding-bottom:16px}.ant-drawer .layout-sider-menu:not(.layout-sider-menu--light) .ant-menu-item{color:#ffffffb3!important}.ant-drawer .layout-role-badge{margin-left:16px;margin-bottom:12px}.ant-layout-sider-zero-width-trigger{display:none!important}.layout-sider-admin .ant-layout-sider-children,.layout-sider-nutrition .ant-layout-sider-children{display:flex;flex-direction:column}@keyframes pageTransitionFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageTransitionFade .4s cubic-bezier(.25,.8,.25,1) forwards;will-change:opacity,transform}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1);box-shadow:0 0 0 10px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}.order-step-active{animation:pulse-green 2s infinite;border-radius:50%}.app-green-theme .ant-steps-item-finish .ant-steps-item-icon,.app-green-theme .ant-steps-item-process .ant-steps-item-icon{background-color:#2ecc71!important;border-color:#2ecc71!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.premium-card{background:#ffffffb3!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:24px!important;box-shadow:0 8px 32px #1f26870d!important;border:1px solid rgba(255,255,255,.4)!important;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.premium-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #1f26871a!important;background:#ffffffe6!important}.meal-badge{padding:6px 14px;border-radius:12px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #00000008}.note-bubble{background:#fffbe6;border:1px solid #ffe58f;padding:10px 16px;border-radius:14px;position:relative;display:inline-block;margin-top:8px}.note-bubble:before{content:"";position:absolute;top:-6px;left:20px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffe58f}.custom-stepper .ant-steps-item-tail{top:22px!important;padding:0 12px!important}.custom-stepper .ant-steps-item-tail:after{height:4px!important;background:#f0f0f0!important;background-image:linear-gradient(90deg,#f0f0f0,#2ecc71,#f0f0f0)!important;background-size:200% 100%!important;border-radius:2px!important}.custom-stepper .ant-steps-item-finish .ant-steps-item-tail:after{background:#2ecc71!important;background-image:linear-gradient(90deg,#2ecc71 0% 20%,#76f3ab 50%,#2ecc71 80% 100%)!important;background-size:200% 100%!important;animation:flow-line 1.2s infinite linear!important;opacity:1!important}@keyframes flow-line{0%{background-position:200% 0}to{background-position:-200% 0}}.custom-stepper .ant-steps-item-icon{width:44px!important;height:44px!important;line-height:44px!important;border-radius:50%!important;font-size:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:4px solid #fff!important;box-shadow:0 4px 12px #00000014!important;transition:all .3s ease;background:#f5f5f5!important;overflow:visible!important;z-index:2!important}.custom-stepper .ant-steps-item-finish .ant-steps-item-icon,.custom-stepper .ant-steps-item-process .ant-steps-item-icon{background:#2ecc71!important;color:#fff!important}.step-icon-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes liquid-pulse{0%{box-shadow:0 0 #2ecc71cc,0 0 #2ecc714d;transform:scale(1)}50%{box-shadow:0 0 0 20px #2ecc7100,0 0 0 35px #2ecc7100;transform:scale(1.1)}to{box-shadow:0 0 #2ecc7100,0 0 #2ecc7100;transform:scale(1)}}@keyframes icon-soft-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}.liquid-pulse{animation:liquid-pulse 2.5s infinite cubic-bezier(.66,0,0,1);border-radius:50%}.icon-soft-bounce{animation:icon-soft-bounce 2.5s infinite ease-in-out}.glow-green{filter:drop-shadow(0 0 8px rgba(46,204,113,.6))}.custom-stepper .ant-steps-item-title{font-weight:700!important;color:#2c3e50!important;margin-top:8px!important;font-size:13px!important;line-height:1.2!important;letter-spacing:-.1px;text-align:center!important}.custom-stepper .ant-steps-item-process .ant-steps-item-icon{background:#2ecc71!important;border:4px solid #e8f8f0!important}.custom-stepper .ant-steps-item-process .ant-steps-item-title{color:#27ae60!important}.history-tabs .ant-tabs-nav:before{border-bottom:2px solid #f0f0f0!important}.history-tabs .ant-tabs-ink-bar{background:#2ecc71!important;height:3px!important;border-radius:3px 3px 0 0}.history-tabs .ant-tabs-tab{padding:12px 0!important;margin:0 16px 0 0!important}.history-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#2ecc71!important;font-weight:800!important}.history-tabs .ant-tabs-tab:hover{color:#27ae60!important}.category-pills-container{display:flex;overflow-x:auto;gap:8px;padding:12px 0 20px;-webkit-overflow-scrolling:touch}.category-pills-container::-webkit-scrollbar{display:none}.pill-button{border-radius:20px!important;border:1px solid #e0e0e0!important;color:#595959!important;font-weight:600!important;height:36px!important;padding:0 16px!important;flex-shrink:0;background:#fff!important;transition:all .2s!important}.pill-button.active{background:#fcfdfc!important;border-color:#2ecc71!important;color:#2ecc71!important}.history-item-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;background:#fff;transition:background .2s}.history-item-row:active{background:#f9f9f9}.history-icon-box{width:44px;height:44px;background:#e8f8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;color:#2ecc71}.status-check-badge{color:#2ecc71;font-size:13px;font-weight:700;margin-top:4px}.order-again-btn{border-radius:20px!important;border:1px solid #2ecc71!important;color:#2ecc71!important;font-weight:700!important;height:32px!important;padding:0 14px!important;font-size:12px!important}.empty-state-card{display:flex;flex-direction:column;align-items:center;padding:60px 40px;text-align:center}.empty-state-icon{width:120px;height:120px;margin-bottom:24px;background:#fafafa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;box-shadow:inset 0 0 20px #00000005}@media(max-width:576px){.custom-stepper .ant-steps-item-title{font-size:11px!important;margin-top:4px!important}.step-icon-wrapper div{font-size:18px!important}.custom-stepper .ant-steps-item-icon{width:32px!important;height:32px!important;line-height:32px!important}@keyframes liquid-pulse{0%{box-shadow:0 0 #2ecc7166}50%{box-shadow:0 0 0 8px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.premium-card{border-radius:16px!important}.history-icon-box{width:38px;height:38px;font-size:16px;margin-right:12px}.history-item-row{padding:12px 0}.order-again-btn{font-size:11px!important;height:28px!important;padding:0 10px!important}}.admin-header-card{background:#fffc!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 8px 32px #1f268712!important;padding:24px!important;margin-bottom:24px!important}.menu-mgmt-table .ant-table{background:transparent!important}.menu-mgmt-table .ant-table-thead>tr>th{background:#f0f2f580!important;font-weight:700!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.5px!important;color:#64748b!important;border-bottom:1px solid #f1f5f9!important}.menu-mgmt-table .ant-table-tbody>tr>td{border-bottom:1px solid #f1f5f9!important;padding:16px!important;transition:all .2s ease!important}.menu-mgmt-table .ant-table-tbody>tr:hover>td{background:#f8fafccc!important}.status-tag-vibrant{border-radius:8px!important;padding:4px 12px!important;font-weight:600!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.5px!important;border:none!important}.image-preview-rounded{width:56px!important;height:56px!important;object-fit:cover!important;border-radius:12px!important;box-shadow:0 4px 12px #00000014!important;border:2px solid #fff!important}.action-btn-minimal{border-radius:10px!important;font-weight:600!important;transition:all .2s ease!important}.action-btn-minimal:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000000d!important}@media(max-width:576px){.admin-header-card{padding:16px!important;margin-bottom:16px!important;border-radius:16px!important}.menu-mgmt-table .ant-table-tbody>tr>td{padding:10px 8px!important}.menu-mgmt-table .ant-table-thead>tr>th{padding:8px!important;font-size:11px!important}.image-preview-rounded{width:40px!important;height:40px!important;border-radius:8px!important}.ant-modal{max-width:100vw!important;margin:0!important}.ant-modal-content{border-radius:16px 16px 0 0!important}.menu-mgmt-table .ant-table-row-expand-icon-cell{width:32px!important;padding:0 4px!important}}