:root{--color-primary:#4caf50;--color-primary-hover:#45a049;--color-primary-light:#4caf501a;--color-danger:#f44336;--color-danger-hover:#d32f2f;--color-warning:#ff9800;--color-success:#4caf50;--color-info:#2196f3;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-secondary:"Open Sans",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e0e0e0;--bg-hover:#eee;--bg-card:#fff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--border-color:#ddd;--border-light:#eee;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 16px #00000026;--header-bg:#fff;--header-shadow:0 2px 4px #0000001a;--card-bg:#fff;--card-border:#eee;--card-image-height-list:80px;--card-image-height-grid:140px;--card-image-height-cards:180px;--card-border-radius:12px;--card-gap:16px;--input-bg:#fff;--input-border:#ddd;--input-focus-border:#4caf50;--nav-bg:#fff;--nav-border:#eee;--nav-active:#4caf50;--nav-inactive:#999}:root.dark{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-hover:#1f4068;--bg-card:#16213e;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:grey;--text-inverse:#1a1a2e;--border-color:#ffffff26;--border-light:#ffffff1a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--header-bg:#16213e;--header-shadow:0 2px 4px #0000004d;--card-bg:#16213e;--card-border:#ffffff1a;--input-bg:#ffffff0d;--input-border:#fff3;--input-focus-border:#0f8;--nav-bg:#16213e;--nav-border:#ffffff1a;--nav-active:#0f8;--nav-inactive:grey;--color-primary:#0f8;--color-primary-hover:#0d7}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}:root.dark ::-webkit-scrollbar{height:6px;width:6px}:root.dark ::-webkit-scrollbar-track{background:#f5f5f5;background:var(--bg-secondary)}:root.dark ::-webkit-scrollbar-thumb{background:#ddd;background:var(--border-color);border-radius:3px}.btn-primary{overflow:hidden;position:relative;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0) scale(.98)}button{overflow:hidden;position:relative}button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;width:0}button:active:after{height:200px;opacity:0;width:200px}button:active{transform:scale(.97)}.item-modal-add-btn,.product-card__add-btn,.story-viewer__add-btn{position:relative}.item-modal-add-btn:active,.product-card__add-btn:active,.story-viewer__add-btn:active{animation:buttonPop .15s ease}@keyframes buttonPop{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.btn-success-pulse{animation:successPulse .6s ease}button:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}button:disabled:active:after{display:none}@media (prefers-reduced-motion:reduce){.btn-primary,.item-modal-add-btn,.product-card__add-btn,.story-viewer__add-btn,button{animation:none;transition:none}button:after{display:none}}.notification-prompt{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:1rem;box-shadow:0 10px 25px #00000026;left:1rem;padding:1rem;position:fixed;right:1rem;z-index:9999}@media (min-width:768px){.notification-prompt{left:auto;right:1rem;width:380px}}:root.dark .notification-prompt{background:#1f2937;border-color:#374151}.notification-prompt__error{align-items:center;background:#fef2f2;border-radius:6px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem}:root.dark .notification-prompt__error{background:#dc26261a;color:#f87171}.notification-prompt__content{align-items:flex-start;display:flex;gap:.75rem}.notification-prompt__icon{align-items:center;background:#eef2ff;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-prompt__icon svg{color:#4f46e5;height:20px;width:20px}:root.dark .notification-prompt__icon{background:#4f46e533}:root.dark .notification-prompt__icon svg{color:#818cf8}.notification-prompt__text{flex:1 1;min-width:0}.notification-prompt__title{color:#111827;font-size:.875rem;font-weight:600;margin:0}:root.dark .notification-prompt__title{color:#f9fafb}.notification-prompt__description{color:#6b7280;font-size:.75rem;line-height:1.4;margin-top:.25rem}:root.dark .notification-prompt__description{color:#9ca3af}.notification-prompt__buttons{display:flex;gap:.5rem;margin-top:.75rem}.notification-prompt__btn-enable{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .875rem;transition:background .2s}.notification-prompt__btn-enable:hover{background:#4338ca}.notification-prompt__btn-enable:disabled{background:#a5b4fc;cursor:not-allowed}.notification-prompt__btn-later{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .875rem;transition:color .2s}.notification-prompt__btn-later:hover{color:#374151}:root.dark .notification-prompt__btn-later{color:#9ca3af}:root.dark .notification-prompt__btn-later:hover{color:#e5e7eb}.notification-prompt__close{background:#0000;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:.25rem;transition:color .2s}.notification-prompt__close:hover{color:#4b5563}:root.dark .notification-prompt__close:hover{color:#d1d5db}.notification-prompt__close svg{height:18px;width:18px}.install-prompt{animation:slideUp .3s ease-out;bottom:80px;left:12px;position:fixed;right:12px;z-index:1000}.install-prompt__content{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;gap:12px;padding:12px 16px}.install-prompt__icon{align-items:center;background:var(--color-primary-light);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.install-prompt__icon .material-icons{color:var(--color-primary);font-size:24px}.install-prompt__text{flex:1 1;min-width:0}.install-prompt__title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.install-prompt__description{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.install-prompt__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.install-prompt__btn-install{align-items:center;background:var(--color-primary);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;min-width:80px;padding:8px 16px;transition:all var(--transition-fast)}.install-prompt__btn-install:hover{background:var(--color-primary-hover)}.install-prompt__btn-install:active{transform:scale(.96)}.install-prompt__btn-install:disabled{cursor:not-allowed;opacity:.7}.install-prompt__spinner{animation:spin 1s linear infinite;font-size:18px}.install-prompt__btn-dismiss{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.install-prompt__btn-dismiss:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.install-prompt__btn-dismiss .material-icons{font-size:20px}@media (min-width:768px){.install-prompt{bottom:24px;left:auto;max-width:380px;right:24px}}.install-prompt--ios .install-prompt__description{font-size:11px}@media (prefers-reduced-motion:reduce){.install-prompt,.install-prompt__spinner{animation:none}}.language-selector{background-color:var(--bg-tertiary);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px;transition:background-color var(--transition-normal)}.language-label{font-weight:600;transition:color var(--transition-normal)}.language-label,.language-select{color:var(--text-primary);font-size:14px}.language-select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;cursor:pointer;outline:none;padding:10px 12px;transition:all var(--transition-normal)}.language-select:hover{background-color:var(--bg-hover);border-color:var(--color-info)}.language-select:focus{border-color:var(--color-info);box-shadow:0 0 0 2px #2196f31a}.language-select option{background-color:var(--card-bg);color:var(--text-primary);padding:8px}.scan-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}:root.dark .scan-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.scan-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:400px;padding:40px;transition:background-color var(--transition-normal),border-color var(--transition-normal);width:100%}.scan-container h1{color:var(--text-primary);font-size:32px;margin-bottom:10px}.scan-container h1,.subtitle{text-align:center;transition:color var(--transition-normal)}.subtitle{color:var(--text-secondary);margin-bottom:30px}.scan-form{display:flex;flex-direction:column;gap:15px}.qr-input{background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:10px;color:var(--text-primary);font-size:16px;padding:15px;transition:all var(--transition-normal)}.qr-input:focus{border-color:var(--input-focus-border);outline:none}.help-text,.qr-input::placeholder{color:var(--text-tertiary)}.help-text{font-size:14px;margin-top:30px;text-align:center;transition:color var(--transition-normal)}.scan-header{position:absolute;right:20px;top:20px}.search-bar{gap:8px;position:relative}.search-bar,.search-toggle{align-items:center;display:flex}.search-toggle{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.search-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.search-toggle:active{transform:scale(.95)}.search-toggle .material-icons{font-size:22px}.search-input-wrapper{align-items:center;background:var(--bg-secondary);border-radius:20px;display:flex;opacity:0;overflow:hidden;transition:all var(--transition-normal);width:0}.search-bar.expanded .search-input-wrapper{opacity:1;width:200px}@media (min-width:480px){.search-bar.expanded .search-input-wrapper{width:250px}}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:10px 16px}.search-clear,.search-input::placeholder{color:var(--text-tertiary)}.search-clear{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:4px;padding:0;transition:all var(--transition-fast);width:32px}.search-clear:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.search-clear .material-icons{font-size:18px}.search-bar.always-visible{flex:1 1}.search-bar.always-visible .search-toggle{display:none}.search-bar.always-visible .search-input-wrapper{border:1px solid var(--border-color);opacity:1;width:100%}.search-bar.always-visible .search-input-wrapper:before{color:var(--text-tertiary);content:"search";font-family:Material Icons;font-size:20px;padding-left:12px}.search-suggestions{animation:suggestionsSlideDown .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes suggestionsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestion{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background-color var(--transition-fast);width:100%}.search-suggestion:last-child{border-bottom:none}.search-suggestion.selected,.search-suggestion:hover{background:var(--bg-hover)}.suggestion-image{object-fit:cover}.suggestion-image,.suggestion-image-placeholder{border-radius:8px;flex-shrink:0;height:44px;width:44px}.suggestion-image-placeholder{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:center}.suggestion-image-placeholder .material-icons{color:var(--text-tertiary);font-size:20px}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.suggestion-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-category{color:var(--text-tertiary);font-size:12px}.suggestion-price{color:var(--color-primary);flex-shrink:0;font-size:14px;font-weight:600}@media (max-width:480px){.search-suggestions{left:12px;margin-top:4px;position:fixed;right:12px;top:auto}.search-suggestion{gap:10px;padding:8px 10px}.suggestion-image,.suggestion-image-placeholder{height:40px;width:40px}.suggestion-name,.suggestion-price{font-size:13px}}@media (prefers-reduced-motion:reduce){.search-suggestions{animation:none}}.filter-chips{margin-bottom:8px;padding:0 16px}.filter-chips__scroll{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.filter-chips__scroll::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip:active{transform:scale(.96)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-chip.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.filter-chip__icon{font-size:16px}.filter-chip.active .filter-chip__icon{color:#fff}.filter-chip__count{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.filter-chip.active .filter-chip__count{background:#ffffff40;color:#fff}.filter-chip--clear{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.filter-chip--clear:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover);color:#fff}.filter-chip--clear .material-icons{font-size:14px}@media (max-width:480px){.filter-chips{padding:0 12px}.filter-chip{font-size:12px;padding:6px 12px}.filter-chip__icon{font-size:14px}.filter-chip__count{font-size:10px;padding:1px 5px}}@media (prefers-reduced-motion:reduce){.filter-chip{transition:none}}.category-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.category-nav::-webkit-scrollbar{display:none}.category-nav-inner{display:flex;gap:8px;min-width:-webkit-max-content;min-width:max-content;padding:12px 16px}.category-nav.text-only .category-item{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;justify-content:center;padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.category-nav.text-only .category-item:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.category-nav.text-only .category-item.active{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.category-nav.text-only .category-name{color:var(--text-tertiary);font-size:13px;font-weight:400}.category-nav.text-only .category-item.active .category-name{color:var(--text-primary);font-weight:500}.category-nav.with-images .category-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;opacity:.7;padding:6px 8px;transition:all var(--transition-fast)}.category-nav.with-images .category-item:hover{opacity:.9}.category-nav.with-images .category-item.active{background:#0000;opacity:1}.category-image-wrapper{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;transition:all var(--transition-fast);width:44px}.category-nav.with-images .category-item.active .category-image-wrapper{border-color:var(--text-secondary)}.category-image{height:100%;object-fit:cover;width:100%}.category-icon-placeholder{color:var(--text-tertiary);font-size:24px}.category-nav.with-images .category-item.active .category-icon-placeholder{color:var(--color-primary)}.category-nav.with-images .category-name{color:var(--text-tertiary);font-size:11px;font-weight:400;max-width:60px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.category-nav.with-images .category-item.active .category-name{color:var(--text-secondary);font-weight:500}@media (min-width:768px){.category-nav-inner{gap:12px;padding:16px 24px}.category-nav.text-only .category-item{padding:10px 20px}.category-nav.text-only .category-name{font-size:15px}.category-image-wrapper{height:64px;width:64px}.category-nav.with-images .category-name{font-size:13px;max-width:80px}}.category-nav{position:relative}.category-nav:after,.category-nav:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:24px;z-index:1}.category-nav:before{background:linear-gradient(to right,var(--bg-primary),#0000);left:0}.category-nav:after{background:linear-gradient(to left,var(--bg-primary),#0000);right:0}.bottom-nav{background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;justify-content:space-around;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom, 0));position:fixed;right:0;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{-webkit-tap-highlight-color:transparent;background:#0000;border:none;cursor:pointer;flex-direction:column;gap:4px;justify-content:center;min-width:64px;padding:8px 16px;position:relative;transition:all var(--transition-fast)}.bottom-nav-item:active{transform:scale(.95)}.nav-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.bottom-nav-item .material-icons{color:var(--text-tertiary);font-size:24px;transition:color var(--transition-fast)}.bottom-nav-item.active .material-icons{color:var(--color-primary)}.bottom-nav-item:hover .material-icons{color:var(--text-secondary)}.bottom-nav-item.active:hover .material-icons{color:var(--color-primary)}.nav-label{color:var(--text-tertiary);font-size:11px;font-weight:500;transition:color var(--transition-fast)}.bottom-nav-item.active .nav-label{color:var(--color-primary);font-weight:600}.nav-badge{align-items:center;animation:badgePop .3s ease-out;background:var(--color-primary);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-10px;top:-6px}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bottom-nav-item:before{background:var(--color-primary);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%) scaleX(0);transition:transform var(--transition-fast);width:40px}.bottom-nav-item.active:before{transform:translateX(-50%) scaleX(1)}.bottom-nav.hidden{pointer-events:none;transform:translateY(100%)}.bottom-nav-item.cart-active .material-icons,.bottom-nav-item.cart-active .nav-label{color:var(--color-primary)}@media (min-width:768px){.bottom-nav{display:none}}@media (min-width:1024px){.bottom-nav{display:none}}.auth-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:300}.auth-modal{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:24px 24px 0 0;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:100%}@media (min-width:768px){.auth-modal-overlay{align-items:center}.auth-modal{border-radius:24px;max-height:80vh}}.auth-modal-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-fast);width:36px}.auth-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.auth-header{margin-bottom:24px;text-align:center}.auth-icon{color:var(--color-primary);font-size:48px;margin-bottom:16px}.auth-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.auth-header p{color:var(--text-secondary);font-size:14px;margin:0}.auth-benefits{background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.benefit-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.benefit-item .material-icons{color:var(--color-primary);font-size:20px}.auth-buttons{display:flex;flex-direction:column;gap:12px}.auth-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all var(--transition-fast)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.auth-btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.auth-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.auth-btn.secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary)}.auth-btn.text{background:#0000;color:var(--text-secondary);padding:10px}.auth-btn.text:hover:not(:disabled){color:var(--color-primary)}.auth-btn .material-icons{font-size:20px}.auth-btn.social{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 20px}.auth-btn.social:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary)}.auth-btn.social .social-icon{flex-shrink:0;height:20px;width:20px}.auth-btn.social.google:hover:not(:disabled){border-color:#4285f4}.auth-btn.social.facebook:hover:not(:disabled){border-color:#1877f2}.auth-divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:12px;margin:8px 0}.auth-divider:after,.auth-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.auth-form-container{position:relative}.auth-back{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;left:0;position:absolute;top:0;transition:color var(--transition-fast);width:36px}.auth-back:hover,.auth-form-container h2{color:var(--text-primary)}.auth-form-container h2{font-size:22px;font-weight:600;margin:0 0 8px;text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-error{background:var(--color-danger-light);border-radius:8px;color:var(--color-danger);font-size:14px;padding:12px;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-secondary)}.form-group .optional{color:var(--text-tertiary);font-weight:400}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group input::placeholder,.guest-note{color:var(--text-tertiary)}.guest-note{align-items:flex-start;background:var(--bg-secondary);border-radius:8px;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:12px}.guest-note .material-icons{flex-shrink:0;font-size:18px}.line-payment-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.line-payment-modal{animation:slideUp .3s ease-out;background:var(--bg-primary);border-radius:20px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.line-payment-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.line-payment-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.line-payment-header .close-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.line-payment-header .close-btn:hover{background:var(--bg-tertiary)}.line-payment-header .close-btn .material-icons{font-size:20px}.line-payment-content{flex:1 1;min-height:300px;overflow-y:auto;padding:24px}.payment-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.payment-loading .spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}.payment-loading p{color:var(--text-secondary);font-size:14px;margin-top:20px}.payment-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.payment-error .material-icons{color:var(--color-danger);font-size:64px;margin-bottom:16px}.payment-error p{color:var(--text-primary);font-size:16px;margin:0 0 24px}.payment-error .btn-primary{background:var(--color-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.payment-error .btn-primary:hover{background:var(--color-primary-dark)}.line-checkout-container{min-height:300px;width:100%}.line-checkout-container iframe{border:none;min-height:300px;width:100%}.line-payment-footer{background:var(--bg-secondary);border-radius:0 0 20px 20px;border-top:1px solid var(--border-color);padding:20px 24px}.payment-info{display:flex;flex-direction:column;gap:12px}.payment-amount{align-items:center;display:flex;font-size:16px;justify-content:space-between}.payment-amount span{color:var(--text-secondary)}.payment-amount strong{color:var(--color-primary);font-size:24px;font-weight:700}.payment-note{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:8px;margin:0}.payment-note .material-icons{color:var(--color-success);font-size:16px}.payment-qr-fallback{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.payment-qr-fallback>p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 20px}.qr-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px;padding:16px}.payment-qr-image{display:block;height:200px;width:200px}.deeplink-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;margin-bottom:16px;padding:12px 24px;text-decoration:none;transition:all .2s}.deeplink-btn:hover{background:var(--bg-tertiary)}.qr-note{color:var(--text-tertiary);font-size:12px;margin:0;max-width:280px}@media (max-width:768px){.line-payment-modal{border-radius:20px 20px 0 0;margin-top:auto;max-height:100vh;max-width:100%}.payment-qr-image{height:180px;width:180px}}.cart-drawer-backdrop{animation:fadeIn .2s ease-out;background:#00000080;top:0;z-index:199}.cart-drawer,.cart-drawer-backdrop{bottom:0;left:0;position:fixed;right:0}.cart-drawer{background:var(--bg-primary);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom,0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200}.cart-drawer.collapsed{bottom:0;max-height:100px}.cart-drawer.expanded{bottom:0;display:flex;flex-direction:column;max-height:85vh}.cart-drawer-handle{cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s;z-index:10}.cart-drawer-handle:active{transform:scale(.98)}.handle-bar{background:var(--text-tertiary);border-radius:2px;height:4px;opacity:.5;transition:opacity .2s;width:40px}.cart-drawer-handle:hover .handle-bar{opacity:.8}.cart-mini-bar{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0 16px 16px}.cart-mini-info{display:flex;flex-direction:column;gap:2px}.cart-mini-count{color:var(--text-secondary);font-size:14px}.cart-mini-total{color:var(--text-primary);font-size:20px;font-weight:700}.cart-mini-checkout{align-items:center;background:var(--color-primary);border:none;border-radius:25px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all var(--transition-fast)}.cart-mini-checkout:hover{background:var(--color-primary-dark);transform:scale(1.02)}.cart-mini-checkout:active{transform:scale(.98)}.cart-mini-checkout .material-icons{font-size:18px}.cart-expanded{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:visible}.cart-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:0 16px 12px;position:relative}.cart-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.cart-tabs{display:flex;flex:1 1;gap:4px}.cart-tab{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all var(--transition-fast)}.cart-tab:hover{background:var(--bg-secondary)}.cart-tab.active{background:var(--color-primary-light);color:var(--color-primary)}.cart-tab .material-icons{font-size:18px}.tab-badge{border-radius:10px;color:var(--text-inverse);font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.cart-tab.active .tab-badge,.tab-badge{background:var(--color-primary)}.cart-close{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast);width:36px;z-index:20}.cart-close:hover{background:var(--bg-tertiary)}.cart-items-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px;position:relative}.cart-item{border-bottom:1px solid var(--border-color);padding:12px 0;position:relative}.cart-item:last-child{border-bottom:none}.cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.cart-item-name{color:var(--text-primary);font-size:15px;font-weight:500}.cart-item-modifiers,.cart-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-modifiers{color:var(--text-tertiary);font-size:12px}.cart-item-price{color:var(--color-primary);font-weight:600}.cart-item-quantity{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:12px;position:relative;z-index:5}.qty-btn{-webkit-tap-highlight-color:transparent;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);height:32px;position:relative;touch-action:manipulation;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:32px;z-index:10}.qty-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.qty-btn:active{background:var(--color-primary-light);transform:scale(.95)}.qty-btn .material-icons{font-size:18px;pointer-events:none}.qty-value{font-size:16px;min-width:24px}.cart-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;padding:16px;position:relative;z-index:5}.cart-total{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:space-between;margin-bottom:16px}.total-amount{color:var(--text-primary);font-size:24px;font-weight:700}.checkout-btn{background:var(--color-primary);border:none;border-radius:12px;color:var(--text-inverse);cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all var(--transition-fast);width:100%}.checkout-btn:hover{background:var(--color-primary-dark)}.checkout-btn:active{transform:scale(.98)}.clear-cart-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;margin-top:8px;padding:12px;transition:color var(--transition-fast);width:100%}.clear-cart-btn:hover{color:var(--color-danger)}.cart-empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.cart-empty .material-icons{font-size:48px;margin-bottom:12px;opacity:.5}.cart-empty p{font-size:14px;margin:0}.summary-view{flex:1 1;overflow-y:auto;padding:16px;position:relative;z-index:1}.summary-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.summary-header .material-icons{color:var(--color-primary);font-size:24px}.summary-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.summary-items{margin-bottom:16px}.summary-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:8px;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item-qty{color:var(--color-primary);font-size:13px;font-weight:600;min-width:28px}.summary-item-name{flex:1 1}.summary-item-name,.summary-item-price{color:var(--text-primary);font-size:14px}.summary-item-price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;min-width:70px;text-align:right}.summary-totals{background:var(--bg-secondary);border-radius:12px;padding:16px}.summary-totals .total-line{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.summary-totals .total-line .amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.summary-totals .total-line.total-final{border-top:2px solid var(--border-color);font-size:16px;margin-top:8px;padding-top:12px}.summary-totals .total-line.total-final strong{color:var(--text-primary)}.summary-totals .total-line.total-final .amount{color:var(--color-primary);font-weight:700}.summary-footer{display:flex;flex-direction:column;gap:12px}.summary-question{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0;text-align:center}.summary-actions{display:flex;flex-direction:column;gap:10px}.action-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all var(--transition-fast)}.action-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn .material-icons{color:var(--color-primary);font-size:28px}.action-text{display:flex;flex-direction:column;gap:2px}.action-text strong{color:var(--text-primary);font-size:15px}.action-text small{color:var(--text-tertiary);font-size:12px}.waiter-btn:hover:not(:disabled){background:#4caf501a;border-color:var(--color-primary)}.waiter-btn:hover:not(:disabled) .material-icons{color:var(--color-primary)}.payment-btn:hover:not(:disabled){background:#2196f31a;border-color:var(--color-info)}.payment-btn:hover:not(:disabled) .material-icons{color:var(--color-info)}.order-only-btn{background:var(--bg-primary);border-color:var(--color-primary)}.order-only-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.order-only-btn .action-text strong,.order-only-btn .material-icons{color:var(--color-primary)}.payment-now-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.payment-now-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#5d3d8a);border-color:#667eea;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.payment-now-btn .action-text strong,.payment-now-btn .material-icons{color:var(--text-inverse)}.payment-now-btn .action-text small{color:#ffffffe6}.back-link{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:10px;transition:color var(--transition-fast)}.back-link:hover{color:var(--text-primary)}.back-link .material-icons{font-size:18px}.success-view{flex:1 1;flex-direction:column;padding:40px 24px;position:relative;text-align:center;z-index:1}.success-icon,.success-view{align-items:center;display:flex;justify-content:center}.success-icon{animation:successPop .4s ease-out;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:50%;height:80px;margin-bottom:20px;width:80px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon .material-icons{color:var(--text-inverse);font-size:40px}.success-view h2{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 8px}.success-message{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.order-number{background:var(--color-primary-light);border-radius:20px;color:var(--color-primary);margin:0 0 24px;padding:8px 16px}.success-btn{align-items:center;background:var(--color-primary);border:none;border-radius:12px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;max-width:250px;padding:14px 24px;transition:all var(--transition-fast);width:100%}.success-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.success-btn .material-icons{font-size:20px}.checkout-error{background:var(--color-danger-light);border-radius:8px;color:var(--color-danger);font-size:14px;margin-top:12px;padding:12px;text-align:center}.orders-view{padding:12px 16px}.order-card-mini{background:var(--bg-secondary);border-radius:12px;margin-bottom:8px;padding:12px}.order-card-mini:last-child{margin-bottom:0}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-number{color:var(--text-primary);font-size:14px;font-weight:600}.order-status-badge{border-radius:12px;color:var(--text-inverse);font-size:11px;font-weight:600;padding:4px 10px}.order-card-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.order-item-mini{background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.order-card-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:8px}.order-time{color:var(--text-tertiary);font-size:12px}.order-total-mini{color:var(--color-primary);font-size:14px;font-weight:600}.view-more-btn{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all var(--transition-fast);width:100%}.view-more-btn:hover{background:var(--bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.view-more-btn .material-icons{font-size:18px}@media (min-width:768px){.cart-drawer:not(.cart-drawer--embedded){border-radius:20px;bottom:20px;left:auto;max-height:calc(100vh - 40px);right:20px;width:420px}.cart-drawer:not(.cart-drawer--embedded).collapsed{display:none}.cart-drawer:not(.cart-drawer--embedded).expanded{display:flex;flex-direction:column;max-height:80vh}.cart-drawer:not(.cart-drawer--embedded) .cart-drawer-handle{display:none}.cart-drawer-backdrop{background:#0000004d}.cart-drawer:not(.cart-drawer--embedded) .cart-items-list{max-height:calc(80vh - 200px)}.qty-btn{height:36px;width:36px}.qty-btn .material-icons{font-size:20px}}.cart-item-modifier{color:var(--text-tertiary);font-size:11px;padding-left:8px;position:relative}.cart-item-modifier:before{color:var(--color-primary);content:"•";left:0;position:absolute}.cart-item-notes{color:var(--text-secondary);font-size:11px;font-style:italic;margin-top:2px}.summary-item-main{align-items:flex-start;display:flex;flex:1 1;gap:8px}.summary-item-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.summary-item-modifiers{display:flex;flex-direction:column;gap:1px}.summary-item-modifier{color:var(--text-tertiary);font-size:10px;padding-left:6px}.summary-item-notes{color:var(--text-secondary);font-size:10px;font-style:italic}.cart-drawer--embedded{background:var(--bg-primary);border-radius:0!important;bottom:auto!important;box-shadow:none!important;display:flex;flex-direction:column;height:100%!important;left:auto!important;max-height:100%!important;padding-bottom:0;position:relative!important;right:auto!important;top:auto!important;width:100%!important;z-index:1}.cart-drawer--embedded .cart-expanded{height:100%;overflow:hidden}.cart-drawer--embedded .cart-header{border-bottom:1px solid var(--border-color);padding:16px 20px 12px}.cart-drawer--embedded .cart-header h2{font-size:1.2rem}.cart-drawer--embedded .cart-items-list{flex:1 1;min-height:0;overflow-y:auto;padding:12px 16px}.cart-drawer--embedded .cart-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 20px}.cart-drawer--embedded .cart-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px}.cart-drawer--embedded .cart-empty .material-icons{font-size:56px;margin-bottom:16px}.cart-drawer--embedded .cart-empty p{font-size:15px}.cart-drawer--embedded .summary-view{flex:1 1;overflow-y:auto;padding:16px 20px}.cart-drawer--embedded .summary-footer{margin-top:16px;padding:0}.cart-drawer--embedded .success-view{flex:1 1;padding:40px 20px}.cart-drawer--embedded .qty-btn{-webkit-tap-highlight-color:transparent;height:34px;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:34px;z-index:10}.cart-drawer--embedded .qty-btn .material-icons{font-size:18px;pointer-events:none}.cart-drawer--embedded .checkout-btn{font-size:15px;padding:14px;width:100%}.cart-drawer--embedded .action-btn,.cart-drawer--embedded .checkout-btn{-webkit-tap-highlight-color:transparent;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:10}.cart-drawer--embedded .back-link,.cart-drawer--embedded .success-btn{position:relative;touch-action:manipulation;z-index:10}.floating-action-buttons{bottom:100px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;z-index:100}.floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.floating-btn:hover{box-shadow:0 6px 16px #0003;transform:scale(1.1)}.floating-btn:active{transform:scale(.95)}.floating-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.floating-btn .material-icons{color:#fff;font-size:28px}.call-waiter-btn{background:linear-gradient(135deg,#fb923c,#f97316)}.call-waiter-btn:hover{background:linear-gradient(135deg,#f97316,#ea580c)}.request-bill-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.request-bill-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.floating-btn{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.floating-action-buttons{bottom:140px;right:16px}.floating-btn{height:52px;width:52px}.floating-btn .material-icons{font-size:24px}}.item-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.item-modal{animation:slideUp .3s ease-out;background-color:var(--bg-primary);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.item-modal-close{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color .2s ease,transform .2s ease;width:36px;z-index:10}.item-modal-close:hover{background-color:#000000b3;transform:scale(1.1)}.item-modal-share-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:56px;top:12px;transition:all var(--transition-fast);width:36px;z-index:10}.item-modal-share-btn:hover{background-color:var(--bg-primary);transform:scale(1.1)}.item-modal-share-btn .material-icons{font-size:20px}.item-modal-toast{animation:toastIn .3s ease;background:#000c;border-radius:20px;color:var(--text-inverse);font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:60px;transform:translateX(-50%);z-index:20}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.item-modal-image{background-color:var(--bg-secondary);flex-shrink:0;max-height:200px;overflow:hidden;width:100%}.item-modal-image img{display:block;height:200px;object-fit:cover;width:100%}.item-modal-content{flex:1 1;overflow-y:auto;padding:1.25rem}.item-modal-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.item-modal-header h2{color:var(--text-primary);flex:1 1;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0}.item-modal-price{color:var(--color-primary);font-size:1.5rem;font-weight:700;white-space:nowrap}.item-modal-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.item-modal-modifiers{margin-bottom:1rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.item-modal-modifiers::-webkit-scrollbar{width:4px}.item-modal-modifiers::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:2px}.item-modal-modifiers::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px}.modifier-group{border-bottom:1px solid var(--card-border);margin-bottom:1.25rem;padding-bottom:1rem}.modifier-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.modifier-group-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.modifier-group-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.modifier-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.modifier-badge.required{background-color:#ef444426;color:var(--color-danger)}.modifier-badge.optional{background-color:var(--bg-secondary);color:var(--text-secondary)}.modifier-options{display:flex;flex-direction:column;gap:.5rem}.modifier-option{align-items:center;background-color:var(--bg-secondary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease,transform .15s ease}.modifier-option:hover{background-color:var(--bg-primary);border-color:var(--card-border)}.modifier-option.selected{background-color:#22c55e1a;border-color:var(--color-primary)}.modifier-option:active{transform:scale(.98)}.modifier-option-check{align-items:center;border:2px solid var(--text-secondary);border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s ease;width:22px}.modifier-option.selected .modifier-option-check{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.modifier-option-name{color:var(--text-primary);flex:1 1;font-size:.95rem}.modifier-option-price{color:var(--color-primary);font-size:.9rem;font-weight:600;white-space:nowrap}.item-modal-notes{margin-top:1rem}.item-modal-notes label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.item-modal-notes textarea{background-color:var(--bg-secondary);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;min-height:60px;padding:.75rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.item-modal-notes textarea::placeholder{color:var(--text-secondary)}.item-modal-notes textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e26;outline:none}.modifier-option input[type=checkbox],.modifier-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.item-modal-footer{align-items:center;background-color:var(--bg-primary);border-top:1px solid var(--card-border);bottom:0;display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky}.item-modal-quantity{background-color:var(--bg-secondary);border-radius:8px;gap:.5rem;padding:.25rem}.item-modal-quantity,.qty-btn{align-items:center;display:flex}.qty-btn{background-color:var(--bg-primary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;transition:background-color .2s ease,transform .15s ease;width:36px}.qty-btn:hover{background-color:var(--color-primary);color:var(--text-inverse)}.qty-btn:active{transform:scale(.9)}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-btn:disabled:hover{background-color:var(--bg-primary);color:var(--text-primary);transform:none}.qty-value{color:var(--text-primary);font-size:1.1rem;font-weight:600;min-width:32px;text-align:center}.item-modal-add-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:10px;color:var(--text-inverse);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.25rem;transition:background-color .2s ease,transform .15s ease,opacity .2s ease}.item-modal-add-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.item-modal-add-btn:active{transform:translateY(0)}.item-modal-add-btn.disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.item-modal-add-btn.disabled:hover{transform:none}.add-btn-price{font-weight:700;opacity:.95}@media (max-width:576px){.item-modal-backdrop{padding:0}.item-modal{animation:slideUpMobile .3s ease-out;border-radius:20px 20px 0 0;bottom:0;left:0;max-height:95vh;max-width:100%;right:0;top:auto;transform:none;width:100%}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.item-modal-content{padding:1rem}.item-modal-header h2,.item-modal-price{font-size:1.25rem}.item-modal-description{font-size:.9rem}.item-modal-modifiers{max-height:220px}.modifier-option{padding:.625rem}.item-modal-footer{gap:.75rem;padding:.875rem 1rem}.qty-btn{font-size:1.1rem;height:32px;width:32px}.qty-value{font-size:1rem;min-width:28px}.item-modal-add-btn{font-size:.95rem;padding:.75rem 1rem}}@media (max-width:380px){.item-modal-header{flex-direction:column;gap:.5rem}.item-modal-quantity{padding:.125rem}.qty-btn{height:30px;width:30px}}.product-card{animation:cardFadeIn .4s ease-out backwards;animation-delay:0ms;animation-delay:calc(var(--card-index, 0)*50ms);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;border-radius:var(--card-border-radius,12px);box-shadow:var(--shadow-sm);box-shadow:var(--card-shadow,var(--shadow-sm));cursor:pointer;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.product-card{animation:none}}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.product-card__image-container{background:var(--bg-tertiary);overflow:hidden;position:relative}.product-card__image{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.product-card:hover .product-card__image{transform:scale(1.05)}.product-card__image-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.product-card__image-placeholder .material-icons{font-size:48px;opacity:.5}.product-card__badges{display:flex;flex-wrap:wrap;gap:4px;left:8px;position:absolute;top:8px}.product-card__badge{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.product-card__badge--combo{background:var(--color-warning);color:var(--text-inverse)}.product-card__badge--special{background:var(--color-success);color:var(--text-inverse)}.product-card__badge--promo{background:var(--color-danger);color:var(--text-inverse)}.product-card__actions{display:flex;flex-direction:column;gap:6px;position:absolute;right:8px;top:8px;z-index:2}.product-card__favorite-btn,.product-card__share-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.product-card__favorite-btn:hover,.product-card__share-btn:hover{background:#fff;transform:scale(1.1)}.product-card__favorite-btn .material-icons,.product-card__share-btn .material-icons{color:var(--text-tertiary);font-size:20px;transition:color var(--transition-fast)}.product-card__favorite-btn.active .material-icons{color:#e91e63}.product-card__favorite-btn.active{animation:heartPop .3s ease}.product-card__share-btn:hover .material-icons{color:var(--color-primary)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.product-card__toast{animation:toastFadeIn .2s ease;background:#000c;border-radius:20px;color:#fff;font-size:12px;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:10}.product-card__content{display:flex;flex-direction:column}.product-card__name{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.product-card__description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 8px}.product-card__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.product-card__price-container{align-items:baseline;display:flex;gap:6px}.product-card__original-price{color:var(--text-tertiary);font-size:12px;text-decoration:line-through}.product-card__price{color:var(--color-primary);font-size:18px;font-weight:700}.product-card__add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;border-radius:var(--btn-border-radius,50%);color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast);width:36px}.product-card__add-btn:hover{background:var(--color-primary-hover);transform:scale(1.1)}.product-card__add-btn .material-icons{font-size:20px}.product-card--list{display:flex;flex-direction:row}.product-card--list .product-card__image-container{flex-shrink:0;height:80px;height:var(--card-image-height-list,80px);width:80px;width:var(--card-image-height-list,80px)}.product-card--list .product-card__image-placeholder .material-icons{font-size:32px}.product-card--list .product-card__content{flex:1 1;min-width:0;padding:10px 12px}.product-card--list .product-card__name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card--list .product-card__description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;margin-bottom:4px;overflow:hidden}.product-card--list .product-card__price{font-size:16px}.product-card--list .product-card__add-btn{height:32px;width:32px}.product-card--list .product-card__add-btn .material-icons{font-size:18px}.product-card--list .product-card__badges{left:4px;top:4px}.product-card--list .product-card__badge{font-size:8px;padding:2px 4px}.product-card--list .product-card__actions{gap:4px;right:4px;top:4px}.product-card--list .product-card__favorite-btn,.product-card--list .product-card__share-btn{height:26px;width:26px}.product-card--list .product-card__favorite-btn .material-icons,.product-card--list .product-card__share-btn .material-icons{font-size:14px}.product-card--grid{display:flex;flex-direction:column}.product-card--grid .product-card__image-container{height:140px;height:var(--card-image-height-grid,140px)}.product-card--grid .product-card__image-placeholder .material-icons{font-size:40px}.product-card--grid .product-card__content{flex:1 1;padding:10px}.product-card--grid .product-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;overflow:hidden}.product-card--grid .product-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;overflow:hidden}.product-card--grid .product-card__price{font-size:16px}.product-card--grid .product-card__add-btn{height:32px;width:32px}.product-card--grid .product-card__add-btn .material-icons{font-size:18px}.product-card--cards{display:flex;flex-direction:column}.product-card--cards .product-card__image-container{height:200px;height:var(--card-image-height-cards,200px)}.product-card--cards .product-card__content{padding:16px}.product-card--cards .product-card__name{font-size:18px}.product-card--cards .product-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;overflow:hidden}.product-card--cards .product-card__price{font-size:20px}.product-card--cards .product-card__add-btn{height:40px;width:40px}.product-card--cards .product-card__add-btn .material-icons{font-size:22px}@media (max-width:480px){.product-card--grid .product-card__image-container{height:120px}.product-card--grid .product-card__content{padding:8px}.product-card--grid .product-card__name{font-size:13px}.product-card--grid .product-card__description{-webkit-line-clamp:1;font-size:11px;margin-bottom:4px}.product-card--grid .product-card__price{font-size:14px}.product-card--cards .product-card__image-container{height:160px}.product-card--cards .product-card__content{padding:12px}.product-card--list .product-card__image-container{height:70px;width:70px}.product-card--list .product-card__content{padding:8px 10px}}.product-card-skeleton{animation:skeletonFadeIn .3s ease-out backwards;animation-delay:0ms;animation-delay:calc(var(--skeleton-index, 0)*50ms);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;border-radius:var(--card-border-radius,12px);overflow:hidden}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.skeleton-button,.skeleton-description,.skeleton-image,.skeleton-price,.skeleton-title{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}.skeleton-content{padding:12px}.skeleton-title{border-radius:4px;height:18px;margin-bottom:8px;width:80%}.skeleton-description{border-radius:4px;height:14px;margin-bottom:12px;width:100%}.skeleton-footer{align-items:center;display:flex;justify-content:space-between}.skeleton-price{border-radius:4px;height:20px;width:60px}.skeleton-button{border-radius:50%;height:36px;width:36px}.product-card-skeleton--list{display:flex;flex-direction:row}.product-card-skeleton--list .skeleton-image{flex-shrink:0;height:80px;width:80px}.product-card-skeleton--list .skeleton-content{flex:1 1;padding:10px 12px}.product-card-skeleton--list .skeleton-title{height:16px;width:70%}.product-card-skeleton--list .skeleton-description{height:12px;margin-bottom:8px;width:90%}.product-card-skeleton--list .skeleton-price{height:16px;width:50px}.product-card-skeleton--list .skeleton-button{height:32px;width:32px}.product-card-skeleton--grid{display:flex;flex-direction:column}.product-card-skeleton--grid .skeleton-image{height:140px}.product-card-skeleton--grid .skeleton-content{padding:10px}.product-card-skeleton--grid .skeleton-title{height:14px}.product-card-skeleton--grid .skeleton-description{height:12px}.product-card-skeleton--grid .skeleton-button{height:32px;width:32px}.product-card-skeleton--cards{display:flex;flex-direction:column}.product-card-skeleton--cards .skeleton-image{height:180px}.product-card-skeleton--cards .skeleton-content{padding:16px}.product-card-skeleton--cards .skeleton-title{height:20px;margin-bottom:10px}.product-card-skeleton--cards .skeleton-description{height:14px;margin-bottom:6px}.product-card-skeleton--cards .skeleton-description:last-of-type{width:60%}.product-card-skeleton--cards .skeleton-price{height:22px;width:80px}.product-card-skeleton--cards .skeleton-button{height:40px;width:40px}@media (max-width:480px){.product-card-skeleton--grid .skeleton-image{height:120px}.product-card-skeleton--grid .skeleton-content{padding:8px}.product-card-skeleton--cards .skeleton-image{height:160px}.product-card-skeleton--cards .skeleton-content{padding:12px}.product-card-skeleton--list .skeleton-image{height:70px;width:70px}}@media (prefers-reduced-motion:reduce){.product-card-skeleton,.skeleton-button,.skeleton-description,.skeleton-image,.skeleton-price,.skeleton-title{animation:none}}.pull-to-refresh{min-height:100%;overflow:hidden;position:relative}.pull-to-refresh__content{min-height:100%;will-change:transform}.pull-indicator{flex-direction:column;gap:8px;height:60px;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:10}.pull-indicator,.pull-indicator__spinner{align-items:center;display:flex;justify-content:center}.pull-indicator__spinner{background:var(--bg-primary);border-radius:50%;box-shadow:var(--shadow-md);height:36px;transition:transform .1s ease;width:36px}.pull-indicator__spinner .material-icons{color:var(--text-secondary);font-size:20px;transition:color .2s ease}.pull-indicator.ready .pull-indicator__spinner .material-icons{color:var(--color-primary)}.pull-indicator.refreshing .pull-indicator__spinner{animation:spin 1s linear infinite}.pull-indicator.refreshing .pull-indicator__spinner .material-icons{color:var(--color-primary)}.pull-indicator__text{color:var(--text-tertiary);font-size:12px;white-space:nowrap}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pull-indicator.refreshing .pull-indicator__spinner{animation:none}.pull-to-refresh__content{transition:none!important}}.promos-section{margin-bottom:24px}.promos-header{justify-content:space-between;margin-bottom:12px;padding:0 16px}.promos-header,.promos-title{align-items:center;display:flex}.promos-title{color:var(--text-primary);font-size:18px;font-weight:600;gap:8px;margin:0}.promos-title .material-icons{color:var(--color-primary);font-size:24px}.promos-view-all{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:2px;padding:4px 8px;transition:background-color var(--transition-fast)}.promos-view-all:hover{background:var(--color-primary-light)}.promos-view-all .material-icons{font-size:18px}.promos-carousel{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin:0;overflow-x:auto;padding:4px 16px 12px;scroll-snap-type:x mandatory}.promos-carousel::-webkit-scrollbar{height:4px}.promos-carousel::-webkit-scrollbar-track{background:#0000}.promos-carousel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.promo-card-wrapper{flex:0 0 160px;scroll-snap-align:start}.promo-card-wrapper .product-card--grid{height:100%}.promo-card-wrapper .product-card--grid .product-card__image-container{height:100px}.promo-card-wrapper .product-card--grid .product-card__content{padding:8px}.promo-card-wrapper .product-card--grid .product-card__name{-webkit-line-clamp:2;font-size:13px}.promo-card-wrapper .product-card--grid .product-card__description{display:none}.promo-card-wrapper .product-card--grid .product-card__price{font-size:14px}.promo-card-wrapper .product-card--grid .product-card__original-price{font-size:11px}.promo-card-wrapper .product-card--grid .product-card__add-btn{height:28px;width:28px}.promo-card-wrapper .product-card--grid .product-card__add-btn .material-icons{font-size:16px}@media (max-width:480px){.promos-section{margin-bottom:20px}.promos-header{padding:0 12px}.promos-title{font-size:16px}.promos-title .material-icons{font-size:20px}.promos-carousel{gap:10px;padding:4px 12px 10px}.promo-card-wrapper{flex:0 0 140px}.promo-card-wrapper .product-card--grid .product-card__image-container{height:90px}.promo-card-wrapper .product-card--grid .product-card__name{font-size:12px}.promo-card-wrapper .product-card--grid .product-card__price{font-size:13px}}.restaurant-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px}.restaurant-header--loading{min-height:72px}.restaurant-header__skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:8px;height:40px;width:200px}.restaurant-header__brand{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.restaurant-header__logo{border-radius:10px;box-shadow:var(--shadow-sm);flex-shrink:0;height:48px;object-fit:cover;width:48px}.restaurant-header__logo-placeholder{align-items:center;background:var(--color-primary-light);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.restaurant-header__logo-placeholder .material-icons{color:var(--color-primary);font-size:28px}.restaurant-header__info{flex:1 1;min-width:0}.restaurant-header__name{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2;margin:0}.restaurant-header__name,.restaurant-header__tagline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-header__tagline{color:var(--text-secondary);font-size:13px;margin:2px 0 0}.restaurant-header__meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.restaurant-header__mode,.restaurant-header__table{align-items:center;background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.restaurant-header__mode .material-icons,.restaurant-header__table .material-icons{color:var(--color-primary);font-size:18px}@media (max-width:480px){.restaurant-header{padding:12px}.restaurant-header__logo,.restaurant-header__logo-placeholder{border-radius:8px;height:40px;width:40px}.restaurant-header__logo-placeholder .material-icons{font-size:24px}.restaurant-header__name{font-size:18px}.restaurant-header__tagline{font-size:12px}.restaurant-header__mode,.restaurant-header__table{font-size:12px;padding:4px 10px}.restaurant-header__mode .material-icons,.restaurant-header__table .material-icons{font-size:16px}}@media (min-width:769px){.restaurant-header{padding:16px 24px}.restaurant-header__logo,.restaurant-header__logo-placeholder{height:56px;width:56px}.restaurant-header__name{font-size:24px}.restaurant-header__tagline{font-size:14px}}.stories-bar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:var(--bg-primary);border-bottom:1px solid var(--border-light);overflow-x:auto;overflow-y:hidden;padding:12px 0;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.stories-container{display:flex;gap:16px;padding:0 16px}.story-circle{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:72px;padding:0;transition:transform var(--transition-fast)}.story-circle:hover{transform:scale(1.05)}.story-circle:active{transform:scale(.95)}.story-ring{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50%;height:68px;padding:3px;transition:background var(--transition-normal);width:68px}.story-circle.special .story-ring{animation:gradientShift 3s ease infinite;background:linear-gradient(45deg,gold,#ff8c00 25%,tomato 50%,#ff4500 75%,gold);background-size:200% 200%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.story-circle.viewed .story-ring{background:var(--border-color)}.story-image-wrapper{background:var(--bg-primary);overflow:hidden;padding:2px}.story-image,.story-image-wrapper{border-radius:50%;height:100%;width:100%}.story-image{object-fit:cover}.story-placeholder{align-items:center;background:var(--bg-secondary);border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.story-placeholder .material-icons{color:var(--text-tertiary);font-size:28px}.story-circle.special .story-placeholder .material-icons{color:var(--color-primary)}.story-name{color:var(--text-primary);font-size:11px;font-weight:500;max-width:72px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-count{display:none}@media (max-width:480px){.stories-bar{padding:10px 0}.stories-container{gap:12px;padding:0 12px}.story-circle{gap:4px;min-width:64px}.story-ring{height:60px;width:60px}.story-name{font-size:10px;max-width:64px}.story-placeholder .material-icons{font-size:24px}}@media (min-width:769px){.stories-container{gap:20px;padding:0 20px}.story-circle{min-width:80px}.story-ring{height:76px;width:76px}.story-name{font-size:12px;max-width:80px}}.story-viewer{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.story-viewer__backdrop{animation:fadeIn .2s ease-out;background:#000000f2;inset:0;position:absolute}.story-viewer__content{animation:scaleIn .25s ease-out;display:flex;flex-direction:column;height:100%;max-width:500px;position:relative;width:100%}.story-viewer__header{background:linear-gradient(180deg,#0009,#0000);left:0;padding:12px 16px;position:absolute;right:0;top:0;z-index:10}.story-progress{display:flex;gap:4px;margin-bottom:12px}.story-progress__bar{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress__fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.story-progress__bar.completed .story-progress__fill{width:100%!important}.story-progress__bar.active .story-progress__fill{animation:progressFill 5s linear forwards}.story-progress__fill.paused{animation-play-state:paused}@keyframes progressFill{0%{width:0}to{width:100%}}.story-viewer__header-info{align-items:center;display:flex;justify-content:space-between}.story-viewer__close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.story-viewer__close:hover{background:#ffffff4d}.story-viewer__close .material-icons{font-size:24px}.story-viewer__story-info{align-items:center;display:flex;gap:10px}.story-viewer__story-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.story-viewer__story-avatar img{height:100%;object-fit:cover;width:100%}.story-viewer__story-avatar .material-icons{color:#fff;font-size:20px}.story-viewer__story-name{color:#fff;font-size:14px;font-weight:600}.story-viewer__counter{color:#ffffffb3;font-size:13px}.story-viewer__image-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:80px 0 180px}.story-viewer__image{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.story-viewer__image-placeholder{align-items:center;background:#ffffff1a;border-radius:16px;display:flex;height:200px;justify-content:center;width:200px}.story-viewer__image-placeholder .material-icons{color:#ffffff4d;font-size:80px}.story-viewer__footer{align-items:flex-end;background:linear-gradient(0deg,#000000e6,#0000);bottom:0;display:flex;gap:16px;left:0;padding:20px 16px;position:absolute;right:0}.story-viewer__product-info{flex:1 1;min-width:0}.story-viewer__product-name{color:#fff;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 6px}.story-viewer__product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 10px;overflow:hidden}.story-viewer__product-price{align-items:center;display:flex;gap:10px}.story-viewer__price{color:#fff;font-size:22px;font-weight:700}.story-viewer__original-price{color:#ffffff80;font-size:16px;text-decoration:line-through}.story-viewer__actions{align-items:center;display:flex;gap:10px}.story-viewer__favorite-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.story-viewer__favorite-btn:hover{background:#ffffff40;transform:scale(1.1)}.story-viewer__favorite-btn:active{transform:scale(.9)}.story-viewer__favorite-btn.active,.story-viewer__favorite-btn.active .material-icons{color:#e91e63}.story-viewer__favorite-btn.animating .material-icons{animation:heartBurst .4s ease-out}@keyframes heartBurst{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.9)}75%{transform:scale(1.2)}to{transform:scale(1)}}.story-viewer__favorite-btn .material-icons{font-size:26px}.story-viewer__share-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.story-viewer__share-btn:hover{background:#ffffff40;transform:scale(1.1)}.story-viewer__share-btn:active{transform:scale(.9)}.story-viewer__share-btn .material-icons{font-size:24px}.story-viewer__toast{animation:toastFadeIn .2s ease;background:#000000e6;border-radius:24px;bottom:100px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}@keyframes toastFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.story-viewer__add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;padding:12px 20px;transition:all var(--transition-fast);white-space:nowrap}.story-viewer__add-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.story-viewer__add-btn:active{transform:scale(.95)}.story-viewer__add-btn .material-icons{font-size:20px}.story-viewer__nav-hint{align-items:center;color:#ffffff4d;display:flex;height:48px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);width:48px}.story-viewer__content:hover .story-viewer__nav-hint{opacity:1}.story-viewer__nav-hint--left{left:8px}.story-viewer__nav-hint--right{right:8px}.story-viewer__nav-hint .material-icons{font-size:36px}@media (max-width:480px){.story-viewer__content{max-width:100%}.story-viewer__header{padding:8px 12px}.story-progress{gap:3px;margin-bottom:10px}.story-progress__bar{height:2px}.story-viewer__close{height:32px;width:32px}.story-viewer__close .material-icons{font-size:20px}.story-viewer__story-avatar{height:32px;width:32px}.story-viewer__story-name{font-size:13px}.story-viewer__counter{font-size:12px}.story-viewer__image-container{padding:70px 0 160px}.story-viewer__footer{padding:16px 12px calc(16px + env(safe-area-inset-bottom, 0))}.story-viewer__product-name{font-size:18px}.story-viewer__product-description{-webkit-line-clamp:1;font-size:13px}.story-viewer__price{font-size:20px}.story-viewer__original-price{font-size:14px}.story-viewer__actions{gap:8px}.story-viewer__favorite-btn,.story-viewer__share-btn{height:42px;width:42px}.story-viewer__favorite-btn .material-icons,.story-viewer__share-btn .material-icons{font-size:22px}.story-viewer__add-btn{font-size:14px;padding:10px 16px}.story-viewer__toast{bottom:80px;font-size:13px;padding:8px 16px}.story-viewer__nav-hint{display:none}}@media (min-width:769px){.story-viewer__content{border-radius:16px;height:auto;max-height:90vh;max-width:420px;overflow:hidden}.story-viewer__image-container{min-height:400px}}.view-mode-toggle{background:var(--bg-tertiary);border-radius:8px;display:flex;gap:4px;padding:4px}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.view-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-btn.active{background:var(--card-bg);box-shadow:var(--shadow-sm);color:var(--color-primary)}.view-mode-btn .material-icons{font-size:20px}.menu-page-layout{background-color:var(--bg-secondary);display:flex;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;min-width:0;padding-bottom:80px;transition:all .3s ease}.cart-sidebar{background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease,opacity .3s ease,border .3s ease;width:350px;z-index:100}.cart-sidebar--hidden{border:none;opacity:0;overflow:hidden;width:0}.mobile-summary-header{display:none}@media (max-width:768px){.menu-page-layout{display:block}.cart-sidebar{display:none}.main-content{margin:0;max-width:none}.main-content.hidden-mobile{display:none}.mobile-summary-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;padding:15px}.btn-close-summary{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;margin-right:10px;padding:8px}.mobile-summary-header h2{color:var(--text-primary);font-size:1.2rem;margin:0}}.menu-header{align-items:center;background:var(--header-bg);box-shadow:var(--header-shadow);display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);z-index:90}.header-left{display:flex;flex-direction:column;gap:2px}.menu-header h1{color:var(--text-primary);font-size:20px;margin:0;transition:color var(--transition-normal)}.table-info{color:var(--text-secondary);font-size:12px;margin:0}.header-right{align-items:center;display:flex;gap:8px}.menu-header-actions{align-items:center;display:flex;gap:10px}.theme-toggle-btn{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);height:40px;transition:all var(--transition-fast);width:40px}.theme-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle-btn .material-icons{font-size:22px}.menu-tools-bar{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:12px 16px}.menu-tools-bar__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}@media (max-width:480px){.menu-tools-bar{gap:8px;padding:10px 12px}}.menu-container{padding:20px}@media (max-width:480px){.menu-container{padding:12px 0 16px}.category-section{margin-bottom:24px}.category-name{font-size:18px;margin-bottom:12px;padding-left:16px;padding-right:16px}}.category-section{margin-bottom:40px}.category-name{border-bottom:3px solid var(--color-primary);color:var(--text-primary);font-size:28px;margin-bottom:20px;padding-bottom:10px;transition:color var(--transition-normal)}.items-grid{grid-gap:16px;grid-gap:var(--card-gap,16px);display:grid;gap:16px;gap:var(--card-gap,16px)}.items-grid--list{display:flex;flex-direction:column;gap:8px}.items-grid--grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.items-grid--cards{display:flex;flex-direction:column;gap:16px}.items-grid:not([class*="--"]){gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.menu-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:transform var(--transition-normal)}.menu-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.item-image{height:200px;object-fit:cover;width:100%}.item-details{padding:15px}.item-details h3{color:var(--text-primary);font-size:20px;margin-bottom:8px}.item-description,.item-details h3{transition:color var(--transition-normal)}.item-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:15px}.item-footer{align-items:center;display:flex;justify-content:space-between}.item-price{color:var(--color-primary);font-size:24px;font-weight:700}.no-results{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-results .material-icons{font-size:64px;margin-bottom:16px;opacity:.5}.no-results p{font-size:16px;margin:0}.add-to-cart-btn{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;min-width:auto;padding:0;width:40px}.add-to-cart-btn .material-icons{font-size:24px}@media (max-width:480px){.menu-header h1{font-size:18px}.items-grid--list{gap:6px}.items-grid--grid{gap:8px;grid-template-columns:repeat(2,1fr)}.items-grid--cards{gap:12px}.menu-item{border-radius:12px;display:flex;flex-direction:row;height:auto;margin:0 12px;overflow:hidden}.item-image{border-radius:0;flex-shrink:0;height:90px;margin:0;width:90px}.item-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:8px 12px}.item-details h3{font-size:15px;margin-bottom:2px}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;margin-bottom:6px;overflow:hidden}.item-price{font-size:16px}.add-to-cart-btn{height:32px;width:32px}.add-to-cart-btn .material-icons{font-size:18px}}.menu-skeleton-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:16px}.menu-skeleton-header .skeleton-bar{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px;height:48px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.menu-skeleton-content{padding:16px}@media (prefers-reduced-motion:reduce){.menu-skeleton-header .skeleton-bar{animation:none}}.takeaway-modal{max-width:400px;width:90%}.modal-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{min-height:80px;resize:vertical}.error-input{border-color:#f44336!important}.error-text{color:#f44336;display:block;font-size:12px;margin-top:4px}.order-tracker{background:var(--bg-secondary);border-radius:12px;margin:12px 0;padding:16px 12px}.order-tracker-progress{background:var(--border-light);border-radius:2px;height:4px;margin:0 24px 20px;position:relative}.order-tracker-progress-bar{background:linear-gradient(90deg,var(--color-primary),#0f8);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light,#0f8));border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-out}.order-tracker-steps{display:flex;justify-content:space-between;position:relative}.order-tracker-step{flex:1 1;flex-direction:column;gap:8px}.order-tracker-step,.order-tracker-step-icon{align-items:center;display:flex;position:relative}.order-tracker-step-icon{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:50%;height:44px;justify-content:center;transition:all .3s ease;width:44px}.order-tracker-step-icon .material-icons{color:var(--text-tertiary);font-size:22px;transition:all .3s ease}.order-tracker-step-label{color:var(--text-tertiary);font-size:11px;max-width:70px;text-align:center;transition:color .3s ease}.order-tracker-step--pending .order-tracker-step-icon{background:var(--bg-tertiary);border-color:var(--border-light)}.order-tracker-step--pending .order-tracker-step-icon .material-icons{color:var(--text-tertiary)}.order-tracker-step--completed .order-tracker-step-icon{background:var(--color-primary);border-color:var(--color-primary)}.order-tracker-step--completed .order-tracker-step-icon .material-icons{color:#fff;opacity:.7}.order-tracker-step--completed .order-tracker-step-label{color:var(--color-primary);font-weight:500}.order-tracker-check{animation:checkPop .3s ease-out;background:#fff;border-radius:50%;bottom:-4px;color:var(--color-primary)!important;font-size:16px!important;position:absolute;right:-4px}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.order-tracker-step--active .order-tracker-step-icon{animation:activePulse 2s infinite;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #0f83}.order-tracker-step--active .order-tracker-step-icon .material-icons{animation:iconBounce 1s ease-in-out infinite;color:#fff}.order-tracker-step--active .order-tracker-step-label{color:var(--color-primary);font-weight:600}@keyframes activePulse{0%,to{box-shadow:0 0 0 4px #0f83}50%{box-shadow:0 0 0 8px #00ff881a}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.order-tracker-step--active[data-status=ready] .order-tracker-step-icon{animation:readyPulse 1s infinite;background:#4caf50;border-color:#4caf50}@keyframes readyPulse{0%,to{box-shadow:0 0 0 4px #4caf504d;transform:scale(1)}50%{box-shadow:0 0 0 12px #4caf501a;transform:scale(1.05)}}:root.light .order-tracker{background:var(--bg-secondary)}:root.light .order-tracker-check{background:var(--bg-primary)}@media (prefers-reduced-motion:reduce){.order-tracker-progress-bar{transition:none}.order-tracker-check,.order-tracker-step--active .order-tracker-step-icon,.order-tracker-step--active .order-tracker-step-icon .material-icons{animation:none}}@media (max-width:360px){.order-tracker-step-icon{height:36px;width:36px}.order-tracker-step-icon .material-icons{font-size:18px}.order-tracker-step-label{font-size:10px;max-width:60px}.order-tracker-progress{margin:0 18px 16px}}.bill-summary{padding:16px}.bill-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.bill-header .material-icons{color:var(--color-primary);font-size:28px}.bill-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.bill-table{color:var(--text-secondary);font-size:13px}.bill-diners{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.bill-diner{background:var(--bg-secondary);border-radius:12px;overflow:hidden}.bill-diner-header{align-items:center;background:var(--bg-tertiary);display:flex;justify-content:space-between;padding:12px 16px}.bill-diner-name{color:var(--text-primary);font-size:14px;font-weight:600}.bill-diner-subtotal{color:var(--color-primary);font-size:14px;font-weight:600}.bill-diner-orders{padding:8px 16px}.bill-order{border-bottom:1px solid var(--border-light);padding:8px 0}.bill-order:last-child{border-bottom:none}.bill-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.bill-order-id{color:var(--text-tertiary);font-size:12px;font-weight:500}.bill-payment-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.bill-payment-badge.paid{background:#4caf5026;color:var(--color-success)}.bill-payment-badge.unpaid{background:#ff980026;color:var(--color-warning)}.bill-item{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.bill-totals{background:var(--bg-secondary);border-radius:12px;margin-bottom:16px;padding:16px}.bill-total-line{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.bill-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.bill-paid-line .bill-paid{color:var(--color-success)}.bill-remaining-line{border-top:2px solid var(--border-color);font-size:16px;margin-top:8px;padding-top:12px}.bill-remaining-line .bill-unpaid{color:var(--color-warning)}.bill-remaining-line .bill-all-paid{color:var(--color-success)}.bill-split{margin-top:8px}.bill-split-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 12px;text-align:center}.bill-split-options{display:flex;flex-direction:column;gap:8px}.split-option{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.split-option:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.split-option:disabled{cursor:not-allowed;opacity:.6}.split-option .material-icons{color:var(--color-primary);flex-shrink:0;font-size:24px}.split-option-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.split-option-text strong{color:var(--text-primary);font-size:14px}.split-option-text small{color:var(--text-tertiary);font-size:12px}.split-amount{font-feature-settings:"tnum";color:var(--color-primary);flex-shrink:0;font-size:15px;font-variant-numeric:tabular-nums;font-weight:600}.split-chevron{color:var(--text-tertiary)!important;font-size:20px!important}.split-option-group{border:2px solid var(--border-color);border-radius:12px;overflow:hidden}.split-option-group .split-option{border:none;border-radius:0}.split-equal-config{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:12px 16px}.split-stepper{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.split-stepper-label{color:var(--text-secondary);font-size:14px}.split-stepper-controls{align-items:center;display:flex;gap:12px}.stepper-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.stepper-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.stepper-btn .material-icons{font-size:18px}.stepper-value{color:var(--text-primary);font-size:18px;min-width:24px}.split-result,.stepper-value{font-weight:600;text-align:center}.split-result{background:var(--color-primary-light);border-radius:8px;color:var(--color-primary);font-size:15px;margin-bottom:12px;padding:8px}.split-confirm-btn{background:var(--color-primary);border:none;border-radius:10px;color:var(--text-inverse);cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all var(--transition-fast);width:100%}.split-confirm-btn:hover:not(:disabled){background:var(--color-primary-dark)}.split-confirm-btn:disabled{opacity:.6}.waiter-options{background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;gap:8px;padding:12px 16px}.waiter-method-btn{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all var(--transition-fast)}.waiter-method-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.waiter-method-btn:disabled{opacity:.6}.waiter-method-btn .material-icons{font-size:20px}.orders-page{background-color:var(--bg-secondary);min-height:100vh;transition:background-color var(--transition-normal)}.orders-header{align-items:center;background:var(--header-bg);box-shadow:var(--header-shadow);display:grid;grid-template-columns:auto 1fr auto;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);z-index:100}.back-btn{background:none;border:none;cursor:pointer;font-size:24px;padding:5px 10px}.back-btn,.orders-header h1{color:var(--text-primary);transition:color var(--transition-normal)}.orders-header h1{font-size:20px;margin:0;text-align:center}.orders-container{margin:0 auto;max-width:800px;padding:20px}.cart-section{margin-bottom:30px}.cart-section h2{color:var(--text-primary);margin-bottom:20px;transition:color var(--transition-normal)}.cart-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:15px 0;transition:border-color var(--transition-normal)}.cart-item-info h3{color:var(--text-primary);font-size:18px;margin-bottom:5px}.cart-item-info h3,.cart-item-price{transition:color var(--transition-normal)}.cart-item-price{color:var(--text-secondary);font-size:14px}.cart-item-actions{align-items:center;display:flex;gap:10px}.cart-item-actions button{background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:18px;height:32px;transition:all var(--transition-normal);width:32px}.cart-item-actions button:hover{background:var(--bg-hover)}.cart-item-actions .remove-btn{background:#f443361a;color:var(--color-danger);margin-left:10px}.cart-item-actions .remove-btn:hover{background:#f4433633}.cart-total{background:var(--bg-tertiary);border-radius:8px;margin:20px 0;padding:15px;transition:background-color var(--transition-normal)}.total-breakdown{display:flex;flex-direction:column;gap:8px}.total-line{color:var(--text-secondary);display:flex;font-size:14px;justify-content:space-between;transition:color var(--transition-normal)}.total-line.total-final{border-top:2px solid var(--border-color);color:var(--text-primary);font-size:18px;margin-top:10px;padding-top:10px;transition:color var(--transition-normal),border-color var(--transition-normal)}.total-line.total-final strong{color:var(--color-primary)}.orders-section h2{color:var(--text-primary);margin-bottom:20px}.no-orders,.orders-section h2{transition:color var(--transition-normal)}.no-orders{color:var(--text-tertiary);padding:40px;text-align:center}.order-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:15px;padding:20px;transition:all var(--transition-normal)}.order-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;transition:border-color var(--transition-normal)}.order-id{color:var(--text-secondary);font-weight:600;transition:color var(--transition-normal)}.order-status{border-radius:20px;color:var(--text-inverse);font-size:14px;font-weight:600;padding:5px 15px}.order-status.pending{background-color:var(--color-warning)}.order-status.preparing{background-color:var(--color-info)}.order-status.ready{background-color:var(--color-success)}.order-status.delivered{background-color:var(--text-tertiary)}.queue-position{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;padding:12px;text-align:center}.queue-position p{color:var(--color-primary);font-size:16px;font-weight:600;margin:0 0 5px}.queue-position small{color:var(--text-secondary);font-size:13px}.order-items{margin-bottom:15px}.order-item{color:var(--text-secondary);display:flex;justify-content:space-between;padding:8px 0;transition:color var(--transition-normal)}.order-total{background:var(--bg-tertiary);border-radius:8px;border-top:2px solid var(--border-color);margin-top:10px;padding:15px;transition:all var(--transition-normal)}.order-total strong{color:var(--color-primary)}.orders-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;gap:8px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:56px;z-index:99}.orders-tab{background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all var(--transition-fast)}.orders-tab:hover{background:var(--bg-tertiary)}.orders-tab.active{background:var(--color-primary);color:var(--text-inverse)}.orders-toast{animation:toastSlide .3s ease;background:#000000d9;border-radius:24px;color:var(--text-inverse);font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.order-repeat-btn{align-items:center;background:#0000;border:2px solid var(--color-primary);border-radius:25px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:10px 20px;transition:all var(--transition-fast);width:100%}.order-repeat-btn:hover{background:var(--color-primary);color:var(--text-inverse)}.order-repeat-btn .material-icons{font-size:18px}.order-header-info{display:flex;flex-direction:column;gap:2px}.order-date{color:var(--text-tertiary);font-size:12px}.loading-spinner{color:var(--text-secondary);padding:40px;text-align:center}.account-page{background:var(--bg-secondary);min-height:100vh;padding-bottom:100px}.account-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.account-header .back-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.account-header .back-btn:hover{background:var(--bg-tertiary)}.account-header h1{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.header-spacer{width:40px}.account-profile{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:24px 16px}.account-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.account-avatar span{color:var(--text-inverse);font-size:28px;font-weight:600}.account-info{flex:1 1;min-width:0}.account-name{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-phone{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;margin:0}.account-phone .material-icons{font-size:16px}.account-section{background:var(--bg-primary);border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);margin-top:16px}.section-title{color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;padding:16px 16px 8px;text-transform:uppercase}.account-menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;transition:background-color var(--transition-fast);width:100%}.account-menu-item:last-child{border-bottom:none}.account-menu-item:hover{background:var(--bg-hover)}.account-menu-item:active{background:var(--bg-tertiary)}.menu-item-left{align-items:center;color:var(--text-primary);display:flex;gap:12px}.menu-item-left .material-icons{color:var(--text-secondary);font-size:22px}.menu-item-right{align-items:center;display:flex;gap:8px}.menu-item-value{color:var(--text-secondary);font-size:14px}.menu-item-right>.material-icons{color:var(--text-tertiary);font-size:20px}.menu-item-badge{background:var(--color-primary);border-radius:10px;color:var(--text-inverse);font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.language-options{animation:slideDown .2s ease-out;padding:0 16px 8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:12px 16px;transition:all var(--transition-fast);width:100%}.language-option:last-child{margin-bottom:0}.language-option:hover{background:var(--bg-tertiary)}.language-option.active{background:var(--color-primary-light);border:1px solid var(--color-primary)}.language-flag{font-size:20px}.language-name{color:var(--text-primary);flex:1 1;font-size:15px;text-align:left}.language-option .material-icons{color:var(--color-primary);font-size:20px}.theme-toggle{background:var(--bg-tertiary);border-radius:13px;height:26px;position:relative;transition:background-color var(--transition-fast);width:48px}.theme-toggle.dark{background:var(--color-primary)}.theme-toggle-thumb{background:var(--bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);height:22px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:22px}.theme-toggle.dark .theme-toggle-thumb{transform:translateX(22px)}.session-info-card{background:var(--bg-secondary);border-radius:12px;margin:0 16px 16px;padding:12px 16px}.session-info-row{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:10px;padding:8px 0}.session-info-row:not(:last-child){border-bottom:1px solid var(--border-light)}.session-info-row .material-icons{color:var(--text-secondary);font-size:20px}.logout-btn{align-items:center;background:#0000;border:1px solid var(--color-danger);border-radius:12px;color:var(--color-danger);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;margin:16px;padding:14px;transition:all var(--transition-fast);width:calc(100% - 32px)}.logout-btn:hover{background:#f443361a}.logout-btn .material-icons{font-size:20px}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{animation:scaleIn .2s ease-out;background:var(--bg-primary);border-radius:16px;max-width:320px;padding:24px;width:calc(100% - 48px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logout-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.logout-modal p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.logout-modal-actions{display:flex;gap:12px}.logout-modal-actions button{border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px;transition:all var(--transition-fast)}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-tertiary)}.btn-logout{background:var(--color-danger);border:none;color:var(--text-inverse)}.btn-logout:hover{background:var(--color-danger-hover)}.app-version{padding:24px 16px;text-align:center}.app-version p{color:var(--text-tertiary);font-size:12px;margin:0}@media (max-width:480px){.account-header h1{font-size:16px}.account-profile{padding:20px 16px}.account-avatar{height:56px;width:56px}.account-avatar span{font-size:24px}.account-name{font-size:18px}}@media (prefers-reduced-motion:reduce){.language-options,.logout-modal,.modal-overlay{animation:none}.theme-toggle-thumb{transition:none}}.App{background-color:var(--bg-secondary);min-height:100vh;transition:background-color var(--transition-normal)}.container{margin:0 auto;max-width:1200px;padding:20px}.header{background-color:var(--header-bg);box-shadow:var(--header-shadow);margin-bottom:20px;padding:15px 20px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.header h1{color:var(--text-primary);font-size:24px;transition:color var(--transition-normal)}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.btn-secondary:hover{background-color:var(--bg-hover)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.loading{color:var(--text-secondary);padding:40px;text-align:center;transition:color var(--transition-normal)}.error{background-color:#f443361a;border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);margin-bottom:20px;padding:15px}.theme-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all var(--transition-normal)}.theme-toggle-btn:hover{background:var(--bg-hover);transform:scale(1.05)}
/*# sourceMappingURL=main.c11563ce.css.map*/