@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #ff6b35;--color-primary-light: #ff855c;--color-primary-dark: #e55a2b;--color-primary-glow: rgba(255, 107, 53, .3);--color-accent: #f7c948;--color-accent-light: #ffd966;--color-accent-dark: #d4a93a;--color-success: #10b981;--color-success-light: #34d399;--color-error: #ef4444;--color-error-light: #f87171;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #f1f3f5;--color-bg-card: #ffffff;--color-bg-elevated: #f8f9fa;--color-bg-hover: #e9ecef;--color-bg-input: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #495057;--color-text-muted: #868e96;--color-text-inverse: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .05);--color-border-focus: var(--color-primary);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--color-primary-glow);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-base: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 260px;--header-height: 64px;--container-max: 1280px;--mobile-bottom-bar: 70px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-primary-glow)}50%{box-shadow:0 0 20px 4px var(--color-primary-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.toast-custom{background:var(--color-bg-card)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important}.language-selector{position:relative}.language-selector__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.language-selector__trigger:hover{background:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.language-selector__trigger:active{transform:translateY(0)}.language-selector__icon{font-size:1.25rem;color:var(--color-text-secondary)}.language-selector__flag{font-size:1.25rem;line-height:1}.language-selector__code{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-primary)}.language-selector__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;overflow:hidden;z-index:var(--z-dropdown);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-selector__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--color-border)}.language-selector__option:last-child{border-bottom:none}.language-selector__option:hover{background:var(--color-bg-hover);padding-left:1.25rem}.language-selector__option.active{background:#ff6b3514;color:var(--color-primary);font-weight:600}.language-selector__option.active:hover{background:#ff6b351f}.language-selector__option-flag{font-size:1.5rem;line-height:1;flex-shrink:0}.language-selector__option-name{flex:1;font-size:.9375rem}.language-selector__check{font-size:1.125rem;color:var(--color-primary);flex-shrink:0}@media(max-width:768px){.language-selector__trigger{padding:.45rem .75rem;gap:.4rem}.language-selector__icon,.language-selector__flag{font-size:1.1rem}.language-selector__code{font-size:.8125rem}.language-selector__dropdown{min-width:160px}}@media(max-width:640px){.language-selector__code{display:none}.language-selector__trigger{padding:.4rem .6rem}}@media(prefers-color-scheme:dark){.language-selector__trigger{box-shadow:0 1px 3px #0003}.language-selector__trigger:hover{box-shadow:0 2px 6px #0000004d}.language-selector__dropdown{box-shadow:0 10px 30px #0000004d,0 4px 12px #0003}}.customer-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.customer-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.customer-header.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2}.customer-header__inner{display:flex;justify-content:space-between;align-items:center;height:72px}.customer-header__left{display:flex;align-items:center;gap:1rem}.customer-header__menu-btn{display:none;font-size:1.5rem;color:var(--color-text-primary)}.customer-header__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.customer-header__logo-text{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.customer-header__nav{display:flex;gap:2rem}.customer-header__nav-link{color:var(--color-text-secondary);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s;position:relative;padding:.5rem 0}.customer-header__nav-link:hover{color:var(--color-text-primary)}.customer-header__nav-link.active{color:var(--color-primary)}.customer-header__nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--color-primary);box-shadow:0 0 10px #ff6b354d}.customer-header__right{display:flex;align-items:center;gap:1.25rem}.customer-header__cart-btn{position:relative;font-size:1.5rem;color:var(--color-text-primary);display:flex;align-items:center;transition:all .2s}.customer-header__cart-btn:hover{color:var(--color-primary)}.customer-header__cart-badge{position:absolute;top:-8px;right:-10px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-bg-card)}.customer-header__avatar{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.customer-header__login-btn{background:var(--color-primary);color:#fff;padding:.6rem 1.25rem;border-radius:8px;font-weight:700;font-size:.85rem;transition:all .2s}.customer-header__login-btn:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-sidebar{background:var(--color-bg-card);color:var(--color-text-primary);width:280px}.mobile-sidebar__header{padding:1.5rem;border-bottom:1px solid var(--color-border)}.mobile-sidebar__link{color:var(--color-text-secondary);display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);transition:all .2s}.mobile-sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.mobile-sidebar__link--danger{color:#ef4444}.customer-bottom-bar{background:var(--color-bg-card);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000000d}.customer-bottom-bar__item{color:var(--color-text-secondary);transition:all .2s}.customer-bottom-bar__item.active{color:var(--color-primary)}.customer-main{flex:1;background:var(--color-bg-primary)}@media(max-width:768px){.customer-header__nav{display:none}.customer-header__menu-btn{display:block}.customer-header__right .customer-header__login-btn{display:none}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-overlay);transition:transform var(--transition-base)}.admin-sidebar__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);min-height:var(--header-height)}.admin-sidebar__logo-icon{font-size:1.5rem}.admin-sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-sidebar__close{display:none;margin-left:auto;font-size:1.25rem;color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius-md)}.admin-sidebar__nav{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.admin-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:11px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);width:100%;text-align:left}.admin-sidebar__link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-sidebar__link.active{background:#ff6b351a;color:var(--color-primary);border:1px solid rgba(255,107,53,.2)}.admin-sidebar__link-icon{display:flex;font-size:1.15rem}.admin-sidebar__link--danger{color:var(--color-error)}.admin-sidebar__link--danger:hover{color:var(--color-error-light)}.admin-sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border)}.admin-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-overlay) - 1)}.admin-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;min-width:0}.admin-topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;height:var(--header-height);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm)}.admin-topbar__menu{display:none;font-size:1.5rem;color:var(--color-text-primary);padding:var(--space-2);border-radius:var(--radius-md);margin-right:var(--space-3)}.admin-topbar__menu:hover{background:var(--color-bg-tertiary)}.admin-topbar__spacer{flex:1}.admin-topbar__user{display:flex;align-items:center;gap:var(--space-3)}.admin-topbar__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.admin-topbar__user-info{display:flex;flex-direction:column}.admin-topbar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-topbar__user-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.admin-main{flex:1;padding:0;overflow-x:visible;min-width:0}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close{display:flex}.admin-sidebar-overlay{display:block}.admin-content{margin-left:0}.admin-topbar__menu{display:flex}}.spinner{border:3px solid;border-radius:50%;animation:spin .7s linear infinite}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}.page-loader__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.page-loader__text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.skeleton-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:540px}.modal--lg{width:100%;max-width:720px}.modal--xl{max-width:1200px;width:90%}.modal--fullscreen{max-width:95vw;width:95vw;height:95vh;max-height:95vh;margin:2.5vh auto}.modal--fullscreen .modal__body{max-height:calc(95vh - 80px);overflow-y:auto;padding:2rem}.modal--full{width:100%;max-width:100%;min-height:100vh;border-radius:0}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:1.15rem;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal__body{padding:0}@media(max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;animation:slideUp .3s ease-out}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);cursor:pointer;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:8px 16px;font-size:var(--font-size-sm)}.btn--md{padding:10px 24px;font-size:var(--font-size-base)}.btn--lg{padding:14px 32px;font-size:var(--font-size-lg)}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 2px 8px var(--color-primary-glow)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background:#ff6b351a}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--danger{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff}.btn--danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-light),var(--color-error));transform:translateY(-1px)}.btn--loading{pointer-events:none}.btn__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn__icon{display:flex;align-items:center;font-size:1.1em}.btn__icon--right{order:1}.home-page{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh}.home-menu{padding:1rem 0}.category-strip{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;justify-content:flex-start;border-bottom:1px solid var(--color-border);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{background:var(--color-bg-card);border:1px solid var(--color-border);padding:.6rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:var(--shadow-sm)}.category-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.category-chip--active{background:#ff6b351a;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px #ff6b3533}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 1.5rem}.dish-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.dish-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.dish-card__image-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--color-bg-secondary)}.dish-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dish-card:hover .dish-card__image{transform:scale(1.1)}.dish-card__body{padding:1.5rem;flex:1;display:flex;flex-direction:column;text-align:left}.dish-card__name{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.dish-card__desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dish-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.dish-card__price{font-size:1.15rem;font-weight:800;color:var(--color-primary)}.dish-card__quick-add{background:var(--color-primary);color:#fff;border:none;padding:.5rem .9rem;border-radius:8px;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b3533}.dish-card__quick-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566;background:var(--color-primary-light)}.dish-card__quick-add:active{transform:translateY(0)}.home-specials__title{font-size:2rem;font-weight:800;color:var(--color-text-primary);text-align:left;margin-bottom:2rem;padding:0 1.5rem;letter-spacing:-.02em}.dish-card__veg-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;z-index:1;background:#fffffff2;border:1px solid rgba(0,0,0,.1)}.dish-card__unavailable{position:absolute;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.dish-modal{background:var(--color-bg-card);display:flex;flex-direction:column}.dish-modal__image{width:100%;aspect-ratio:16/9;max-height:280px;object-fit:cover;background:var(--color-bg-secondary)}.dish-modal__content{padding:1.5rem}.dish-modal__name{font-size:1.5rem;color:var(--color-text-primary);font-weight:800;margin-bottom:.5rem}.dish-modal__desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.dish-modal__footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border)}.dish-modal__price{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.quantity-ctrl{display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;height:42px;overflow:hidden}.quantity-ctrl button{background:transparent;border:none;color:var(--color-text-primary);width:40px;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1rem}.quantity-ctrl button:hover{background:#ff6b351a;color:var(--color-primary)}.quantity-ctrl .quantity-ctrl__value{min-width:32px;text-align:center;font-weight:800;color:var(--color-text-primary);font-size:1rem;-webkit-user-select:none;user-select:none}.dish-modal__actions{display:flex;gap:1rem;align-items:center}.dish-modal__add-btn{height:42px;padding:0 1.25rem!important;border-radius:10px!important;font-weight:800!important;font-size:.85rem!important;letter-spacing:.02em!important;background:var(--color-primary)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #ff6b354d!important;transition:all .3s ease!important}.dish-modal__add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b3566!important}.modal-out-of-stock{color:var(--color-primary);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;padding:.6rem 1.25rem;border:1px solid rgba(255,107,53,.3);border-radius:8px;background:#ff6b350d}@media(max-width:768px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;padding:0 1rem}.home-specials__title{font-size:1.5rem;padding:0 1rem}.dish-modal__content{padding:1.5rem}}.cart-page{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;padding:2rem 0;font-family:inherit}.cart-page__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.cart-page__back{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;padding:.5rem;border-radius:8px}.cart-page__back:hover{background:#ff6b351a;color:var(--color-primary)}@media(max-width:768px){.cart-page__title{font-size:1.5rem}}.cart-page__title{font-size:2rem;font-weight:800;letter-spacing:-.02em;flex:1}.cart-page__count{font-size:.9rem;color:var(--color-text-muted);font-weight:600}.cart-page__layout{display:grid;grid-template-columns:1fr 380px;gap:1.5rem}.cart-items{display:flex;flex-direction:column}@media(max-width:480px){.cart-item{flex-direction:column;align-items:flex-start;padding:1rem}.cart-item__image-wrap{width:100%;height:160px}.cart-item__actions{width:100%;justify-content:space-between;margin-top:1rem}}.cart-item{display:flex;gap:1.25rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;margin-bottom:.75rem;align-items:center;transition:all .2s}.cart-item:hover{border-color:var(--color-primary)}.cart-item__image-wrap{width:100px;height:100px;border-radius:12px;overflow:hidden;background:var(--color-bg-secondary)}.cart-item__image{width:100%;height:100%;object-fit:cover}.cart-item__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#27272a}.cart-item__info{flex:1}.cart-item__name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text-primary)}.cart-item__price{font-weight:700;font-size:1rem;color:var(--color-primary)}.cart-item__actions{display:flex;align-items:center;gap:1rem}.cart-item__qty{display:flex;align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.cart-item__qty-btn{background:transparent;border:none;padding:.5rem .75rem;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:background .2s}.cart-item__qty-btn:hover{background:#ff6b351a;color:var(--color-primary)}.cart-item__qty-val{min-width:35px;text-align:center;font-weight:700;font-size:.9rem}.cart-item__remove{background:#ef44441a;border:none;color:#ef4444;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cart-item__remove:hover{background:#ef4444;color:#fff}.cart-clear-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.75rem 1.5rem;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:1rem;width:100%}.cart-clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.cart-summary{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;height:fit-content;position:sticky;top:80px}.cart-summary__delivery-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:var(--color-bg-secondary);padding:.4rem;border-radius:12px;border:1px solid var(--color-border);margin-bottom:1.5rem}.delivery-toggle-btn{background:transparent;border:none;padding:.75rem;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.delivery-toggle-btn--active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #ff6b354d}.cart-coupon{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px}.cart-coupon__header{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.6rem}.cart-coupon__icon{font-size:.9rem;color:var(--color-primary)}.cart-coupon__input-row{display:flex;gap:.5rem}.cart-coupon__input{flex:1;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;font-family:monospace;font-weight:700;letter-spacing:.05em;color:var(--color-text-primary);outline:none;transition:border-color .2s;text-transform:uppercase}.cart-coupon__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b351a}.cart-coupon__apply-btn{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:0 1rem;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.cart-coupon__apply-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.cart-coupon__apply-btn:disabled{opacity:.4;cursor:not-allowed}.cart-coupon__active{display:flex;align-items:center;justify-content:space-between;background:#ecfdf5;border-radius:8px;padding:.5rem .75rem;border:1px solid #10b981}.cart-coupon__active-left{display:flex;align-items:center;gap:.5rem}.cart-coupon__check{color:#10b981;font-size:1.1rem;flex-shrink:0}.cart-coupon__code{display:block;font-family:monospace;font-weight:800;font-size:.9rem;color:#065f46;letter-spacing:.05em}.cart-coupon__saving{display:block;font-size:.75rem;color:#059669;font-weight:600}.cart-coupon__remove{background:transparent;border:none;color:#ef4444;font-weight:700;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.cart-coupon__remove:hover{background:#ef44441a}.cart-summary__rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cart-summary__row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-muted)}.cart-summary__row--discount{color:#10b981;font-weight:600}.cart-summary__row--total{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:1.5rem;font-weight:800;color:var(--color-text-primary)}.cart-empty{padding:8rem 0;text-align:center}.cart-empty__icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.cart-empty__title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cart-empty__text{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem}.cart-page .btn-primary{border-radius:12px!important;text-transform:uppercase;letter-spacing:.05em;font-weight:800!important;padding:1.25rem!important}@media(max-width:992px){.cart-page__layout{grid-template-columns:1fr}.cart-summary{position:static}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group--full{width:100%}.input-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-group__wrapper{position:relative;display:flex;align-items:center}.input-group__icon{position:absolute;left:14px;color:var(--color-text-muted);display:flex;font-size:1.1rem;pointer-events:none;z-index:1}.input-group__input{width:100%;padding:12px 16px;background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.input-group__icon+.input-group__input,.input-group__icon~.input-group__input{padding-left:42px}.input-group__input::placeholder{color:var(--color-text-muted)}.input-group__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input-group__textarea{min-height:100px;resize:vertical}.input-group--error .input-group__input{border-color:var(--color-error)}.input-group--error .input-group__input:focus{box-shadow:0 0 0 3px #ef444433}.input-group__error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.checkout-page{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;padding:1rem 0;font-family:inherit}.checkout-page__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.checkout-page__back{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.checkout-page__title{font-size:1.25rem}}.checkout-page__title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:1rem;align-items:flex-start}.checkout-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.checkout-section__title{font-size:1rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}@media(max-width:640px){.checkout-form__grid{grid-template-columns:1fr}}.checkout-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkout-form__full{grid-column:1 / -1}.checkout-form{display:flex;flex-direction:column;gap:0}.checkout-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;margin-top:.75rem}@media(max-width:480px){.checkout-order-type{grid-template-columns:1fr}}.checkout-order-type{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.order-type-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s}.order-type-btn:hover{border-color:var(--color-primary)}.order-type-btn--active{background:#ff6b350d;border-color:var(--color-primary);box-shadow:0 0 10px #ff6b351a}.order-type-btn__icon{font-size:1.5rem;margin-bottom:0;color:var(--color-primary)}.order-type-btn__label{font-weight:800;font-size:.9rem;text-transform:uppercase;margin-bottom:0;color:var(--color-text-primary)}.order-type-btn__desc{display:none}.checkout-guest-banner{background:#ff6b351a;padding:.75rem 1rem;display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;border:1px solid rgba(255,107,53,.2);border-radius:8px;color:var(--color-text-primary);font-size:.9rem}.checkout-guest-banner__link{color:var(--color-primary);font-weight:800;text-decoration:none}.checkout-guest-banner__link:hover{text-decoration:underline}.checkout-summary{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;position:sticky;top:80px}.checkout-summary__title{font-size:1.1rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1rem}.checkout-summary__items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:250px;overflow-y:auto;padding-right:.5rem}.checkout-summary__item{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-primary)}.checkout-summary__item-qty{color:var(--color-text-muted);font-weight:600;margin-right:.5rem}.checkout-summary__item-name{flex:1;color:var(--color-text-primary)}.checkout-summary__item-price{color:var(--color-primary);font-weight:700}.checkout-summary__rows{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.checkout-summary__row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-muted)}.checkout-summary__row--discount{color:#10b981}.checkout-summary__row--total{color:var(--color-text-primary);font-size:1.25rem;font-weight:800;margin-top:.25rem}.checkout-summary__type-badge{text-align:center;padding:.5rem;background:#ff6b351a;color:var(--color-primary);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-radius:6px;margin:.75rem 0}@media(max-width:992px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}.checkout-address-group{display:flex;flex-direction:column;gap:.75rem;grid-column:1 / -1}.location-gps-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;width:100%}.location-gps-btn:hover{border-color:var(--color-primary);background:#ff6b3505}.location-gps-btn--active{border-color:var(--color-primary);background:#ff6b350d;box-shadow:0 2px 8px #ff6b351a}.location-gps-btn--verified{border-color:#10b981;background:#ecfdf5}.location-gps-btn__icon{font-size:1.2rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center;background:#ff6b351a;width:32px;height:32px;border-radius:6px}.location-gps-btn--verified .location-gps-btn__icon{color:#10b981;background:#d1fae5}.location-gps-btn__content{flex:1;display:flex;flex-direction:column}.location-gps-btn__title{font-weight:700;color:var(--color-text-primary);font-size:.9rem;margin-bottom:.1rem}.location-gps-btn__desc{font-size:.75rem;color:var(--color-text-muted)}.checkout-divider{display:flex;align-items:center;gap:1rem;width:100%;margin:.25rem 0}.checkout-divider:before,.checkout-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.checkout-divider span{font-size:.75rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.location-manual-group{display:flex;flex-direction:column;gap:.5rem}.location-manual-label{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.location-input-wrapper{display:flex;align-items:center;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s}.location-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b351a}.location-input-wrapper--error{border-color:#ef4444}.location-input-icon{padding-left:.75rem;color:var(--color-text-muted);display:flex;align-items:center;font-size:1rem}.location-input{flex:1;border:none;padding:.75rem .5rem;font-size:.9rem;color:var(--color-text-primary);background:transparent;outline:none;width:100%}.location-check-btn{background:var(--color-bg-secondary);border:none;border-left:1px solid var(--color-border);padding:0 1rem;font-weight:700;cursor:pointer;color:var(--color-primary);height:100%;min-height:42px;transition:all .2s;font-size:.9rem}.location-check-btn:hover:not(:disabled){background:#ff6b350d}.location-check-btn:disabled{color:var(--color-text-muted);cursor:not-allowed;background:var(--color-bg-secondary)}.location-error-text{font-size:.8rem;color:#ef4444;margin-top:-.25rem}.location-success-msg{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#065f46;animation:fadeIn .3s ease-in;font-size:.85rem}.location-success-icon{font-size:1.25rem;color:#10b981}.checkout-promo{margin:1rem 0;padding-top:1rem;border-top:1px solid var(--color-border)}.checkout-promo__title{font-size:.9rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}.checkout-promo__input-group{display:flex;gap:.5rem}.checkout-promo__input{flex:1;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:8px;padding:.6rem .75rem;font-size:.85rem;color:var(--color-text-primary);outline:none;transition:all .2s}.checkout-promo__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b351a}.checkout-promo__btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);padding:0 1rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.checkout-promo__btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.checkout-promo__btn:disabled{opacity:.5;cursor:not-allowed}.checkout-promo__active{display:flex;align-items:center;justify-content:space-between;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;padding:.6rem .75rem;color:#065f46;font-size:.85rem}.checkout-promo__active-info{display:flex;align-items:center;gap:.5rem}.checkout-promo__active-icon{color:#10b981;font-size:1rem}.checkout-promo__remove{background:transparent;border:none;color:#ef4444;font-size:.75rem;font-weight:700;cursor:pointer;padding:0}.checkout-promo__remove:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.confirmation-page{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;padding:10rem 0;font-family:inherit}.confirmation-card{max-width:650px;margin:0 auto;text-align:center;padding:5rem 2.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:32px;box-shadow:0 25px 50px -12px #00000080}.confirmation-card__icon{font-size:6rem;color:var(--color-primary);margin-bottom:2rem;filter:drop-shadow(0 0 15px rgba(255,107,53,.3))}.confirmation-card__title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.confirmation-card__text{color:var(--color-text-muted);font-size:1.15rem;line-height:1.6;margin-bottom:3rem;max-width:480px;margin-left:auto;margin-right:auto}.confirmation-card__order-id{display:inline-block;padding:1.25rem 2.5rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:12px;font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:4rem}.confirmation-card__actions{display:flex;flex-direction:column;gap:1.25rem;max-width:320px;margin:0 auto}.confirmation-card .btn{border-radius:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;padding:1.25rem!important}.confirmation-card .btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.confirmation-card .btn-secondary{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.confirmation-card__guest-note{margin-top:3rem;font-size:.9rem;color:var(--color-text-muted)}.payment-failed-page{display:flex;align-items:center;justify-content:center;min-height:80vh}.failed-card{background:var(--color-bg-elevated);padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-xl)}.failed-card__icon{font-size:5rem;color:#ef4444;margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.failed-card__title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.failed-card__text{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xl)}.failed-card__actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.orders-page{background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;padding:6rem 0;font-family:inherit}.orders-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.orders-page__title{font-size:2.25rem;font-weight:800;letter-spacing:-.02em}.orders-page__count{font-size:.9rem;color:var(--color-text-muted);font-weight:600}.orders-list{display:flex;flex-direction:column;gap:1.5rem;max-width:900px}.order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080}.order-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.order-card__id-wrap{display:flex;flex-direction:column;gap:.25rem}.order-card__id{font-size:1.15rem;font-weight:800;color:var(--color-text-primary)}.order-card__date{font-size:.9rem;color:var(--color-text-muted)}.order-card__status{padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;background:var(--color-bg-secondary)}.order-card__items{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.order-card__item{font-size:1rem;color:var(--color-text-primary)}.order-card__item:not(:last-child):after{content:"•";margin-left:.5rem;color:var(--color-text-muted)}.order-card__bottom{display:flex;justify-content:space-between;align-items:center}.order-card__meta{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-muted);font-weight:600}.order-card__total{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.orders-empty,.orders-login-prompt{padding:8rem 0;text-align:center;max-width:500px;margin:0 auto}.orders-empty__icon,.orders-login-prompt__icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.orders-empty__title,.orders-login-prompt__title{font-size:2rem;font-weight:800;margin-bottom:1rem}.orders-empty__text,.orders-login-prompt__text{color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.6}.orders-page .btn{border-radius:12px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;padding:1.25rem!important}.orders-page .btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.profile-page{background-color:var(--color-bg-secondary);min-height:100vh;padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.profile-container{width:100%;max-width:800px;margin-top:2rem}.profile-page__title{font-size:2rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1.5rem;text-align:left;padding-left:1rem}.profile-card{background:var(--color-bg-card);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;border:1px solid var(--color-border)}.profile-banner{height:140px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative}.profile-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent)}.profile-card__body{padding:0 2rem 3rem;position:relative;margin-top:-60px;text-align:center}.profile-avatar{width:120px;height:120px;background:var(--color-bg-card);border:4px solid var(--color-bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:var(--color-primary);margin:0 auto 1.5rem;box-shadow:var(--shadow-md);position:relative;z-index:10;text-transform:uppercase}.profile-name{font-size:2.25rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.5rem;text-transform:capitalize;letter-spacing:-.02em}.profile-role-badge{display:inline-flex;align-items:center;padding:.35rem 1rem;background:#ff6b351a;color:var(--color-primary-dark);font-weight:700;font-size:.75rem;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2.5rem;border:1px solid rgba(255,107,53,.2)}.profile-section-title{text-align:left;font-size:.875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.profile-details{display:grid;gap:1.5rem;margin-bottom:3rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto;background:var(--color-bg-secondary);padding:2rem;border-radius:16px;border:1px solid var(--color-border-light)}.profile-detail-item{display:flex;align-items:center;gap:1rem;color:var(--color-text-secondary);font-size:1rem;font-weight:500}.profile-detail-icon{font-size:1.25rem;color:var(--color-text-muted);min-width:1.5rem}.profile-edit-form{max-width:500px;margin:2rem auto 0;text-align:left;display:flex;flex-direction:column;gap:1.5rem}.profile-edit-actions{display:flex;gap:1rem;margin-top:1rem}.profile-actions-primary{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.profile-actions-secondary{margin-top:3rem;border-top:1px solid var(--color-border);padding-top:2rem;display:flex;justify-content:center}@media(min-width:768px){.profile-details{grid-template-columns:1fr 1fr}}:root{--auth-side-width: 450px}.auth-split-container{display:flex;min-height:100vh;width:100%;background:#fff;overflow:hidden}.auth-side-image{flex:1;position:relative;background-image:url(https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:0 10%}@media(max-width:900px){.auth-side-image{display:none}}.side-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ae6,#ff6b3566)}.side-content{position:relative;z-index:2;color:#fff;max-width:500px;animation:fadeInSide 1s ease-out}@keyframes fadeInSide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.side-logo{font-size:4.5rem;display:block;margin-bottom:var(--space-6)}.side-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:var(--space-4);letter-spacing:-.04em}.side-desc{font-size:1.25rem;opacity:.9;font-weight:400;line-height:1.6}.auth-side-form{width:var(--auth-side-width);min-width:var(--auth-side-width);display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:#fff;box-shadow:-10px 0 50px #0000000d;z-index:10}@media(max-width:900px){.auth-side-form{width:100%;min-width:auto}}.auth-form-wrapper{width:100%;max-width:380px;animation:fadeInForm .8s ease-out}@keyframes fadeInForm{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card__header{margin-bottom:var(--space-8)}.auth-card__title{font-size:2rem;font-weight:800;color:#1e293b;letter-spacing:-.02em;margin-bottom:var(--space-2)}.auth-card__subtitle{color:#64748b;font-size:.95rem}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-5)}.form-utils{display:flex;justify-content:flex-end}.auth-card__forgot{font-size:.875rem;color:var(--color-primary);font-weight:700;text-decoration:none}.auth-card__forgot:hover{text-decoration:underline}.auth-card__divider{display:flex;align-items:center;margin:var(--space-4) 0;color:#94a3b8;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth-card__divider:before,.auth-card__divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-card__divider span{padding:0 var(--space-4)}.auth-card__google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:700;cursor:pointer;transition:all .2s ease}.auth-card__google-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.auth-card__error{padding:var(--space-3);background:#fff1f2;border:1px solid #ffe4e6;color:#e11d48;border-radius:12px;font-size:.875rem;font-weight:600;text-align:center}.auth-card__footer{margin-top:var(--space-8);text-align:center;font-size:.95rem;color:#64748b}.auth-card__link{color:var(--color-primary);font-weight:800;text-decoration:none}.auth-card__link:hover{text-decoration:underline}.admin-dashboard{padding:var(--space-4);min-height:calc(100vh - 64px);background:var(--color-bg-secondary)}.admin-dashboard__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8)}.admin-dashboard__title{font-size:2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:.5rem}.admin-dashboard__subtitle{color:var(--color-text-muted);font-size:1rem}.date-badge{background:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:flex-start;border:1px solid var(--color-border);transition:transform .2s;-webkit-user-select:none;user-select:none;animation:fadeIn .5s ease backwards}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.stat-card__content{display:flex;flex-direction:column}.stat-card__label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.5rem}.stat-card__value{font-size:1.75rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.stat-card__trend{font-size:.75rem;font-weight:600;color:#10b981;margin-top:.5rem;display:inline-flex;align-items:center;background:#ecfdf5;padding:.25rem .5rem;border-radius:4px}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);height:400px;display:flex;flex-direction:column}.chart-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.chart-container{flex:1;min-height:0;position:relative}.chart-content-row{flex:1;display:flex;align-items:center;gap:1rem;min-height:0}.pie-chart-wrapper{flex:1;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.chart-legend-side{display:flex;flex-direction:column;gap:.75rem;min-width:120px;justify-content:center}.legend-item-side{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:var(--color-text-primary);font-weight:500}.legend-value{color:var(--color-text-muted);font-weight:600;font-size:.8rem}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-content-row{flex-direction:column}.chart-legend-side{flex-direction:row;flex-wrap:wrap;width:100%;margin-top:1rem;justify-content:center}}.recent-orders-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-section__title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:0}.view-all-btn{font-size:.875rem;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer}.view-all-btn:hover{text-decoration:underline}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;padding:1rem;font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;border-bottom:1px solid var(--color-border)}.dashboard-table td{padding:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table__id{font-family:monospace;font-weight:600;color:var(--color-primary)}.dashboard-table__amount{font-weight:600}.dashboard-table__date{color:var(--color-text-muted)}.customer-cell{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:28px;height:28px;border-radius:50%;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-badge--pending,.status-badge--preparing{background:#fef3c7;color:#d97706}.status-badge--completed,.status-badge--delivered{background:#d1fae5;color:#059669;border-color:#10b98133}.status-badge--cancelled{background:#ef44441a;color:#dc2626;border-color:#ef444433}@media(max-width:768px){.admin-dashboard{padding:var(--space-3)}.admin-dashboard__title{font-size:1.5rem}.dashboard-stats{grid-template-columns:1fr}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{min-width:600px}}.admin-orders{padding:0;animation:fadeIn var(--transition-base) ease;background:var(--color-bg-secondary);min-height:calc(100vh - 64px);color:var(--color-text-primary);width:100%;max-width:100%;display:flex;flex-direction:column}.admin-orders__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-4) 0;margin-top:var(--space-4)}.admin-orders__title-group{display:flex;align-items:center;gap:var(--space-3)}.admin-orders__icon{font-size:1.8rem;color:var(--color-primary)}.admin-orders__title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.admin-orders__actions{display:flex;gap:var(--space-3)}.btn-test-notify{background:#dc2626!important;color:#fff!important;border:none!important;font-weight:600!important}.admin-orders__tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6);padding:0 var(--space-4);margin:0 var(--space-4) var(--space-6)}.tab-btn{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-muted);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;position:relative;bottom:-2px}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.kanban-wrapper{flex:1;min-height:0;position:relative;width:100%;overflow-x:auto;overflow-y:visible;padding:0 var(--space-4) var(--space-8);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.kanban-board{display:flex;flex-direction:row;flex-wrap:nowrap!important;gap:var(--space-6);padding:var(--space-2);width:max-content;min-width:100%}.kanban-board::-webkit-scrollbar{display:none}.kanban-wrapper::-webkit-scrollbar{height:14px}.kanban-wrapper::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:10px;border:1px solid var(--color-border)}.kanban-wrapper::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px;border:2px solid var(--color-bg-secondary)}.kanban-wrapper::-webkit-scrollbar-thumb:hover{background:#e85a2f}.kanban-wrapper{scrollbar-width:auto;scrollbar-color:var(--color-primary) var(--color-bg-secondary)}.kanban-column{flex:0 0 320px;width:320px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);height:calc(100vh - 220px);min-height:500px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.kanban-column--drag-over{border-color:var(--color-primary);background:#ff6b350d;transform:scale(1.02)}.kanban-column__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border);flex-shrink:0}.kanban-column__title-wrap{display:flex;align-items:center;gap:var(--space-3)}.kanban-column__dot{width:14px;height:14px;border-radius:6px}.kanban-column__title{font-weight:800;font-size:1.1rem;color:var(--color-text-primary)}.kanban-column__count{background:var(--color-bg-secondary);color:var(--color-primary);font-weight:800;font-size:.8rem;padding:.3rem .8rem;border-radius:99px;border:1px solid var(--color-border)}.kanban-column__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:4px 4px 1rem 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.kanban-column__body::-webkit-scrollbar{width:6px}.kanban-column__body::-webkit-scrollbar-track{background:transparent}.kanban-column__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:20px}.kanban-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-size:.9375rem;border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.kanban-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:var(--space-5);cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.kanban-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--color-primary);z-index:10}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4;transform:scale(.9)}.kanban-card__id{font-family:Inter,sans-serif;font-weight:800;font-size:.75rem;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase}.kanban-card__customer{font-weight:700;color:var(--color-text-primary);font-size:1.05rem;line-height:1.2}.kanban-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.kanban-card__amount{font-weight:800;color:var(--color-primary);font-size:1.15rem}.order-detail{display:flex;flex-direction:column;gap:var(--space-3)}.order-detail__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:8px}.order-detail__row span:first-child{color:var(--color-text-muted);font-weight:600;font-size:.875rem}.order-detail__items{display:flex;flex-direction:column;gap:var(--space-2)}.order-detail__item{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:8px;font-size:.9375rem}.order-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:1024px){.admin-orders{padding:var(--space-3)}.admin-orders__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-orders__actions{width:100%;justify-content:flex-start}.kanban-column{min-width:280px;width:280px}}@media(max-width:640px){.admin-orders__title{font-size:1.5rem}.kanban-board{padding:.5rem .25rem 1rem}.kanban-column{min-width:260px;width:260px}}.orders-table-container{animation:fadeIn .3s ease}.orders-table-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:800;color:var(--color-text-primary)}.orders-table-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.orders-table{width:100%;border-collapse:collapse;font-size:.9375rem}.orders-table thead{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.orders-table th{padding:1rem 1.5rem;text-align:left;font-weight:700;font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;vertical-align:middle;height:48px}.orders-table tbody tr{border-bottom:1px solid var(--color-border);transition:all .2s ease}.orders-table tbody tr:hover{background:var(--color-bg-hover)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:1rem 1.5rem;color:var(--color-text-primary);vertical-align:middle;height:72px}.order-no-text{font-family:Courier New,monospace;font-weight:700;color:var(--color-primary);font-size:.875rem}.customer-name{font-weight:600;color:var(--color-text-primary)}.amount-text{font-weight:700;color:var(--color-text-primary);font-size:1rem}.payment-info{display:flex;flex-direction:column;gap:var(--space-1)}.payment-method{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.payment-status{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.payment-status.paid{background:#d1fae5;color:#065f46}.payment-status.unpaid{background:#fee2e2;color:#991b1b}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:700;border:1px solid;white-space:nowrap}.date-info{display:flex;flex-direction:column;gap:.25rem}.date-text{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.time-text{font-size:.75rem;color:var(--color-text-muted)}.notes-text{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary);font-size:.875rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:1.125rem}.action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #ff6b354d}.action-btn:active{transform:translateY(0)}@media(max-width:1200px){.orders-table-wrapper{overflow-x:auto}.orders-table{min-width:1000px}}@media(max-width:768px){.orders-table-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.stat-value{font-size:1.5rem}.orders-table th,.orders-table td{padding:var(--space-3) var(--space-2);font-size:.875rem}}.pagination{display:flex;align-items:center;justify-content:center;margin-top:var(--space-6);gap:var(--space-4)}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:8px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:var(--space-2)}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;color:var(--color-text-secondary);transition:all .2s ease}.pagination-page:hover:not(.active){background:var(--color-bg-hover);color:var(--color-primary)}.pagination-page.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 10px #ff6b354d}.pagination-ellipsis{color:var(--color-text-muted);display:flex;align-items:flex-end;padding-bottom:4px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.orders-table-container{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4)}.table-filters{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:200px}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.filter-select,.filter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.filter-select:hover,.filter-input:hover{border-color:var(--color-primary)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.filter-input::placeholder{color:var(--color-text-muted)}.order-detail-container{display:flex;flex-direction:column;gap:var(--space-6);font-family:Inter,system-ui,-apple-system,sans-serif}.order-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.header-main{display:flex;flex-direction:column;gap:4px}.order-id-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;letter-spacing:.5px}.order-id-value{font-family:Courier New,monospace;font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin:0}.status-badge-lg{font-size:1rem;padding:.5rem 1.25rem;border-radius:99px;font-weight:700;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.detail-card{background:var(--color-bg-secondary);border-radius:16px;padding:var(--space-5);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.card-icon{font-size:1.25rem;color:var(--color-primary)}.card-header h3{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin:0}.info-group label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px;font-weight:500}.highlight{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0}.contact-row,.date-row{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;color:var(--color-text-secondary);margin-top:4px}.mini-icon{color:var(--color-text-muted)}.payment-row{display:flex;align-items:center;gap:var(--space-3);font-size:1rem;font-weight:500;color:var(--color-text-primary)}.status-pill{font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.status-pill.success{background:#dcfce7;color:#15803d}.status-pill.pending{background:#fee2e2;color:#b91c1c}.notes-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:var(--space-4)}.notes-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:#b45309}.notes-header h3{font-size:.875rem;font-weight:700;margin:0}.notes-content{font-size:.9375rem;color:#92400e;line-height:1.5;margin:0;font-style:italic}.items-container{border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:var(--color-bg-card)}.items-header-row{background:var(--color-bg-secondary);padding:var(--space-3) var(--space-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:var(--space-2)}.header-left h3{font-size:.9375rem;font-weight:700;margin:0}.total-label{font-size:.875rem;color:var(--color-text-muted);margin-right:var(--space-2)}.total-value{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.items-table-wrapper{max-height:250px;overflow-y:auto}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:var(--space-3) var(--space-5);font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0}.items-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);font-size:.9375rem;color:var(--color-text-primary)}.items-table tr:last-child td{border-bottom:none}.td-qty{width:60px;font-weight:700;color:var(--color-text-secondary)}.td-item{font-weight:500}.modal-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.modal-page-btn{padding:4px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;font-size:.8125rem;color:var(--color-text-primary);transition:all .2s}.modal-page-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.modal-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-secondary)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.btn-print-invoice{background:var(--color-bg-elevated)!important;color:var(--color-primary)!important;border:1px solid var(--color-primary)!important;font-size:.8125rem!important;padding:8px 16px!important}.btn-print-invoice:hover{background:var(--color-primary)!important;color:#fff!important}.printable-invoice-hidden{display:none}.modal-loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) 0;gap:var(--space-4);color:var(--color-text-secondary);font-weight:500}.modal-spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top:3px solid var(--color-primary);border-radius:50%;animation:modal-spin .8s linear infinite}@keyframes modal-spin{to{transform:rotate(360deg)}}.modal-footer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.footer-label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.status-buttons-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.status-btn-modern{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:99px;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.status-btn-modern .dot{width:8px;height:8px;border-radius:50%}.status-btn-modern:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.td-item-info{display:flex;align-items:center;gap:var(--space-4)}.td-item-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--color-bg-secondary)}.td-item-name{font-weight:600;color:var(--color-text-primary)}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}}.invoice-print-wrapper{background:#f3f4f6;padding:20px;display:flex;justify-content:center}.receipt-container{width:320px;background:#fff;padding:24px 16px;box-shadow:0 4px 20px #0000001a;color:#1a1a1a;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.4}.receipt-header{text-align:center;margin-bottom:16px}.receipt-brand{font-size:20px;font-weight:900;margin:0;letter-spacing:1px}.receipt-subtitle{font-size:11px;color:#666;margin:4px 0}.receipt-divider{border-top:1px dashed #ccc;margin:10px 0}.receipt-divider-double{border-top:3px double #333;margin:12px 0}.receipt-divider-thin{border-top:1px solid #eee;margin:8px 0}.receipt-section{margin-bottom:12px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:4px}.bold{font-weight:700}.receipt-items-header{font-weight:700;font-size:11px;color:#444}.col-qty{width:40px}.col-desc{flex:1;padding:0 8px}.col-total{width:80px;text-align:right}.receipt-item-row{margin-bottom:8px}.item-detail{font-size:11px;color:#666;margin-top:-2px}.total-row{margin-top:8px;font-size:16px}.text-xl{font-size:18px}.receipt-footer{text-align:center;margin-top:20px}.fiscal-info{font-size:10px;text-align:left;background:#f9fafb;padding:8px;border-radius:4px;margin:12px 0;border:1px solid #eee}.signature-text{word-break:break-all;font-size:9px;color:#666}.receipt-thank-you{margin:16px 0;font-style:italic;font-size:11px}.receipt-qr-placeholder{width:80px;height:80px;margin:0 auto;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999}.qr-sim{background:#f3f4f6;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media print{.admin-sidebar,.admin-topbar,.admin-sidebar-overlay,.admin-orders__header,.admin-orders__tabs,.kanban-wrapper,.orders-table-container,.modal-overlay,.pos-sidebar,.pos-billing-header,.pos-welcome,.receipt-preview-header,.billing-actions,.pos-tabs,.admin-orders__title-group,.admin-orders__actions,.tab-btn{display:none!important}body,#root,.admin-layout,.admin-content,.admin-main,.admin-orders,.admin-pos,.pos-main,.pos-billing-view,.pos-billing-content,.receipt-scroll{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important;box-shadow:none!important;border:none!important}.invoice-print-wrapper{display:flex!important;justify-content:center!important;padding:0!important;visibility:visible!important}.receipt-container{width:100%!important;max-width:80mm!important;margin:0 auto!important;box-shadow:none!important;border:none!important}.printable-invoice-hidden{display:block!important;visibility:visible!important}.order-detail-container,.kanban-board,.orders-table-wrapper{display:none!important}@page{margin:0;size:auto}}.admin-menu{padding:var(--space-4);animation:fadeIn var(--transition-base) ease;background:var(--color-bg-secondary);min-height:calc(100vh - 64px);color:var(--color-text-primary)}.admin-menu__header{margin-bottom:var(--space-8)}.admin-menu__title{font-size:2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.admin-menu__layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-6)}.menu-sidebar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;position:sticky;top:1.5rem;height:calc(100vh - 3rem);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.menu-sidebar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.category-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;padding-right:.5rem;margin-right:-.5rem}.category-item{padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;border:1px solid transparent}.category-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.category-item.active{background:var(--color-primary);color:var(--color-text-inverse);font-weight:600;box-shadow:var(--shadow-sm)}.menu-content__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.menu-content__header h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.dish-table-wrap{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.dish-table{width:100%;border-collapse:separate;border-spacing:0}.dish-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);vertical-align:middle}.dish-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:middle}.dish-table tbody tr:last-child td{border-bottom:none}.dish-table tr:hover td{background:var(--color-bg-hover)}.dish-col-photo img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--color-border);display:block}.dish-placeholder{width:48px;height:48px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.dish-col-name{font-weight:600;color:var(--color-text-primary)}.dish-col-veg{text-align:center}.veg-badge{font-size:1.5rem;line-height:0;display:inline-block;vertical-align:middle}.veg-badge.veg{color:#10b981}.veg-badge.non-veg{color:#ef4444}.status-pill{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:inline-block}.status-pill.active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-pill.inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.dish-col-actions{display:flex;gap:.5rem;align-items:center}.action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;transition:all .2s}.action-btn.edit{background:#3b82f61a;color:#2563eb;border-color:#3b82f633}.action-btn.edit:hover{background:#2563eb;color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.action-btn.delete{background:#ef44441a;color:#dc2626;border-color:#ef444433}.action-btn.delete:hover{background:#dc2626;color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.empty-state{padding:3rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem}.dish-form-grid{display:flex;flex-direction:column;gap:1.5rem}.dish-form-fullscreen{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;height:100%;min-height:600px}.dish-form-fullscreen .form-column-left{display:flex;flex-direction:column;gap:1.5rem}.dish-form-fullscreen .form-column-right{display:flex;flex-direction:column;height:100%}.dish-form-fullscreen .form-section.photo-section{grid-column:1 / 2;margin-bottom:0}.dish-form-fullscreen .photo-upload-box{height:200px;background:var(--color-bg-tertiary);border-style:dashed;border-radius:12px;overflow:hidden}.dish-form-fullscreen .photo-upload-box img{object-fit:cover;width:100%;height:100%}.dish-form-row.three-col{grid-template-columns:repeat(3,1fr)}.dish-form-row.four-col{grid-template-columns:repeat(4,1fr)}.form-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-top:1rem;margin-bottom:-.5rem}.status-toggles-row{display:flex;gap:1rem;margin-top:.5rem}.checkbox-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;flex:1;transition:all .2s}.checkbox-card:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.checkbox-card input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-card label{margin:0;cursor:pointer;font-weight:500;color:var(--color-text-primary);flex:1}.fade-in{animation:fadeIn .3s ease-out}.photo-upload-box:hover{border-color:var(--color-primary);background:var(--color-bg-hover)}.photo-upload-box img{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted)}.form-section label,.input-group label,.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.custom-select,.custom-textarea{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;color:var(--color-text-primary);font-family:inherit;outline:none;transition:all .2s}.custom-select:focus,.custom-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.custom-select:hover,.custom-textarea:hover{border-color:var(--color-border-light)}.checkbox-group{display:flex;align-items:center;gap:.75rem}.checkbox-group input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-group label{margin:0;cursor:pointer}.form-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--color-border)}.form-tabs .tab-btn{padding:.75rem 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600;cursor:pointer;transition:all .2s}.form-tabs .tab-btn:hover{color:var(--color-text-primary)}.form-tabs .tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:1.5rem 0}.variant-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;padding:.75rem 0;align-items:center}.variant-row.header{font-weight:600;color:var(--color-text-muted);font-size:.875rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.modal-actions-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.variant-input-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;margin-bottom:1.5rem}.items-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.item-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;transition:all .2s}.item-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #ff6b351a}.item-info{display:flex;align-items:center;gap:1rem;flex:1}.item-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.item-price{font-weight:700;color:var(--color-primary);font-size:1rem}.item-remove{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all .2s}.item-remove:hover{background:#dc2626;color:#fff;box-shadow:var(--shadow-sm)}.variants-tab,.addons-tab{min-height:200px}@media(max-width:1024px){.admin-menu__layout{grid-template-columns:1fr}.menu-sidebar{margin-bottom:var(--space-6)}.dish-form-row.four-col{grid-template-columns:1fr 1fr}}@media(max-width:640px){.admin-menu{padding:var(--space-3)}.admin-menu__title{font-size:1.5rem}.dish-form-row{grid-template-columns:1fr}.dish-table-wrap{overflow-x:auto}.dish-table{min-width:800px}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card--p-none{padding:0}.card--p-sm{padding:var(--space-3)}.card--p-md{padding:var(--space-5)}.card--p-lg{padding:var(--space-8)}.card--elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.card--outlined{background:transparent;border:1.5px solid var(--color-border-light)}.card--glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card--hover:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--clickable{cursor:pointer}.admin-crud{padding:var(--space-4);animation:fadeIn var(--transition-base) ease;background:var(--color-bg-secondary);min-height:calc(100vh - 64px);color:var(--color-text-primary)}.admin-crud__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.admin-crud__title{font-size:2rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.crud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.crud-empty{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--color-text-muted);font-style:italic;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:16px}.crud-card{background:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:16px!important;padding:1.5rem!important;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.crud-card:hover{transform:translateY(-4px);border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)}.crud-card__body{flex:1;min-width:0}.crud-card__name{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.crud-card__sub{font-size:.875rem;color:var(--color-text-muted)}.crud-card__delete{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all .2s}.crud-card__delete:hover{background:#dc2626;color:#fff;box-shadow:var(--shadow-sm)}.crud-form{display:flex;flex-direction:column;gap:1.5rem}.crud-form .custom-input{background:var(--color-bg-input)!important;border-color:var(--color-border)!important;color:var(--color-text-primary)!important}.user-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--color-border)}.user-card__role{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .625rem;border-radius:9999px;margin-top:.5rem;display:inline-block;border:1px solid transparent}.user-card__role--admin{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf633}.user-card__role--customer{background:#10b9811a;color:#059669;border-color:#10b98133}.coupon-card{background:#fff;border-radius:16px;padding:1.5rem;position:relative;border:1px solid var(--color-border);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.coupon-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.coupon-card__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.coupon-icon-wrapper{width:48px;height:48px;background:#fff7ed;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.5rem;flex-shrink:0}.coupon-main-info{flex:1;min-width:0}.coupon-code{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);letter-spacing:.05em;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.coupon-value{color:var(--color-primary);font-weight:700;font-size:.9rem;text-transform:uppercase}.coupon-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:all .2s;opacity:0}.coupon-card:hover .coupon-delete-btn{opacity:1}.coupon-delete-btn:hover{background:#fee2e2;color:#ef4444}.coupon-card__body{display:flex;flex-direction:column;gap:1rem;flex:1}.coupon-badges{display:flex;gap:.5rem;flex-wrap:wrap}.coupon-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.coupon-badge.highlight{background:#dbeafe;color:#1e40af}.coupon-footer{margin-top:auto;padding-top:1rem;border-top:1px dashed var(--color-border);display:flex;justify-content:space-between;align-items:center}.coupon-stat{display:flex;flex-direction:column}.coupon-stat .label{font-size:.65rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;margin-bottom:2px}.coupon-stat .value{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){.admin-crud{padding:var(--space-3)}.admin-crud__title{font-size:1.5rem}.crud-grid{grid-template-columns:1fr}}.crud-form-fullscreen{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;height:100%;min-height:600px}.crud-form-fullscreen .form-column-left,.crud-form-fullscreen .form-column-right{display:flex;flex-direction:column;gap:1.5rem}.form-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.dish-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.coupon-preview-box{margin-top:2rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:16px;border:1px dashed var(--color-border)}.preview-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:1rem}.coupon-preview-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.preview-icon{width:48px;height:48px;background:#fffbeb;color:#f59e0b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.preview-content{display:flex;flex-direction:column}.preview-code{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:.05em;line-height:1.2}.preview-desc{color:var(--color-text-secondary);font-size:.875rem}.modal-actions-footer{grid-column:1 / -1;display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--color-border)}.action-buttons{display:flex;gap:1rem}.crud-select{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);font-family:inherit;outline:none;transition:all .2s}.crud-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.input-group__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.checkbox-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s}.checkbox-card:hover{border-color:var(--color-primary)}.checkbox-card input{width:18px;height:18px;accent-color:var(--color-primary)}.checkbox-card label{font-weight:500;color:var(--color-text-primary);cursor:pointer;margin-bottom:0}.admin-crud__actions{display:flex;gap:1rem;align-items:center}.search-wrapper{position:relative;width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:1.25rem}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);outline:none;font-family:inherit;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.table-container{background:var(--color-bg-card);border-radius:16px;border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem 1.5rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-bg-hover)}.user-cell{display:flex;align-items:center;gap:1rem}.user-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.user-name{font-weight:600;color:var(--color-text-primary)}.contact-cell{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.role-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-admin{background:#f3e8ff;color:#7c3aed}.role-customer{background:#d1fae5;color:#059669}.date-text{font-size:.875rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem!important;color:var(--color-text-muted);font-style:italic}.admin-settings-page{background-color:var(--color-bg-secondary);min-height:calc(100vh - 64px);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.settings-container-pro{width:100%;max-width:1000px}.settings-card-pro{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--color-border);display:flex;overflow:hidden;min-height:600px}.settings-sidebar{width:280px;background:#f9fafb;border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.5rem;flex-shrink:0}.sidebar-profile-summary{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:2rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.sidebar-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:700;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a}.sidebar-user-info .sidebar-name{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.sidebar-role{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;background:#0000000d;padding:.25rem .75rem;border-radius:99px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s;background:transparent;width:100%;text-align:left;cursor:pointer;border:1px solid transparent}.nav-item:hover{background:#00000008;color:var(--color-text-primary)}.nav-item.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 2px #0000000d;border-color:var(--color-border);font-weight:600}.nav-icon{font-size:1.25rem}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.tenant-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);font-weight:500}.settings-content{flex:1;padding:3rem;background:#fff}.section-header{margin-bottom:2.5rem}.section-header h3{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.section-header p{color:var(--color-text-muted);font-size:.95rem}.form-grid-pro{display:grid;gap:1.5rem;max-width:600px}.form-group-pro label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.input-wrapper{position:relative}.input-disabled input{background-color:#f9fafb;color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.section-actions{margin-top:3rem;display:flex;gap:1rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.preferences-list-pro{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:12px}.pref-item-pro{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.pref-item-pro:last-child{border-bottom:none}.pref-text h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.pref-text span{font-size:.875rem;color:var(--color-text-muted);display:block}.btn-test-sound{margin-top:.5rem;font-size:.75rem;color:var(--color-primary);font-weight:600;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;background:#ff6b351a}.btn-test-sound:hover{background:#ff6b3533}.switch-pro{position:relative;display:inline-block;width:44px;height:24px}.switch-pro input{opacity:0;width:0;height:0}.slider-pro{position:absolute;cursor:pointer;inset:0;background-color:#e2e8f0;transition:.3s;border-radius:34px}.slider-pro:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 2px #0000001a}input:checked+.slider-pro{background-color:var(--color-primary)}input:focus+.slider-pro{box-shadow:0 0 1px var(--color-primary)}input:checked+.slider-pro:before{transform:translate(20px)}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-card-pro{flex-direction:column;min-height:auto}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.settings-content{padding:1.5rem}}.branch-id-badge{padding:.5rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;font-weight:600;color:var(--color-primary);font-family:monospace;font-size:.9rem}.admin-pos{display:flex;height:calc(100vh - 64px);background:#f3f4f6;overflow:hidden}.pos-sidebar{width:380px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:4px 0 15px #00000005}.pos-sidebar__header{padding:1.5rem;border-bottom:1px solid #f3f4f6}.pos-search{position:relative;display:flex;align-items:center}.pos-search-icon{position:absolute;left:1rem;color:#9ca3af}.pos-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;font-size:.875rem;transition:all .2s}.pos-search input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px var(--color-primary-glow)}.pos-tabs{display:flex;padding:0 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.pos-tabs button{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:600;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:all .2s}.pos-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pos-order-list{flex:1;overflow-y:auto;padding:1rem}.pos-order-card{padding:1.25rem;border-radius:16px;border:1px solid #f3f4f6;margin-bottom:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.pos-order-card:hover{border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.pos-order-card.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pos-order-card__main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-no{font-weight:800;font-family:Inter,sans-serif}.order-amount{font-weight:700}.pos-order-card__sub{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.customer-name{opacity:.8}.status-pill{padding:2px 8px;border-radius:99px;font-weight:700;text-transform:uppercase;font-size:.65rem}.pos-order-card.selected .status-pill{background:#fff3!important;color:#fff!important}.pill-pending{background:#fefce8;color:#854d0e}.pill-accepted{background:#fff7ed;color:#9a3412}.pill-ready{background:#f0fdf4;color:#166534}.pill-delivered{background:#f0fdf9;color:#065f46}.pos-main{flex:1;overflow-y:auto;background:#f3f4f6}.pos-billing-view{height:100%;display:flex;flex-direction:column}.pos-billing-header{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.billing-title h2{font-size:1.5rem;font-weight:800;color:#111827}.billing-title p{color:#6b7280;font-size:.875rem}.billing-actions{display:flex;gap:1rem}.print-btn-large{padding:.75rem 2rem!important;font-weight:800!important;letter-spacing:.05em!important;box-shadow:0 4px 15px var(--color-primary-glow)!important}.pos-billing-content{flex:1;padding:3rem;display:flex;flex-direction:column;align-items:center}.receipt-preview-header{text-align:center;margin-bottom:2rem}.preview-icon{font-size:3rem;color:#10b981;margin-bottom:1rem}.receipt-preview-header h3{font-size:1.25rem;font-weight:700}.receipt-preview-header p{color:#6b7280;font-size:.875rem}.receipt-scroll{width:100%;display:flex;justify-content:center;padding-bottom:5rem}.pos-welcome{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.welcome-icon{font-size:5rem;display:block;margin-bottom:2rem}.welcome-content h1{font-size:2.5rem;font-weight:900;color:#111827;margin-bottom:1rem}.welcome-content p{color:#6b7280;font-size:1.125rem;max-width:400px}:root{--super-bg: #030712;--super-sidebar: #020617;--super-card: #0f172a;--super-card-hover: #1e293b;--super-primary: #6366f1;--super-primary-light: #818cf8;--super-primary-glow: rgba(99, 102, 241, .4);--super-secondary: #a855f7;--super-accent: #10b981;--super-border: rgba(255, 255, 255, .08);--super-text: #f8fafc;--super-text-muted: #94a3b8;--super-glass: rgba(15, 23, 42, .6);--super-sidebar-width: 280px;--super-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--super-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--super-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--super-shadow-indigo: 0 20px 25px -5px rgba(99, 102, 241, .2)}.super-admin-layout{background:var(--super-bg)!important;font-family:Inter,-apple-system,sans-serif!important;color:var(--super-text)!important}.super-admin-layout .admin-sidebar{width:var(--super-sidebar-width)!important;background:var(--super-sidebar)!important;border-right:1px solid var(--super-border)!important;padding:1.5rem 1rem!important}.super-admin-layout .admin-content{margin-left:var(--super-sidebar-width)!important;background:var(--super-bg)!important}.super-sidebar-header{padding:1rem .75rem 2.5rem;display:flex;align-items:center;gap:1rem}.super-logo-box{width:42px;height:42px;background:linear-gradient(135deg,var(--super-primary),var(--super-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px var(--super-primary-glow)}.super-logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(to right,#fff,var(--super-text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.super-nav-group{margin-bottom:2rem}.super-nav-label{padding:0 1rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--super-text-muted)}.super-sidebar-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;margin-bottom:.25rem;border-radius:14px;color:var(--super-text-muted);font-weight:500;font-size:.9375rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent}.super-sidebar-link:hover{color:#fff;background:#ffffff08}.super-sidebar-link.active{color:#fff;background:var(--super-card);border-color:var(--super-border);box-shadow:0 4px 12px #0003}.super-sidebar-link.active:before{content:"";position:absolute;left:-1rem;top:25%;bottom:25%;width:4px;background:var(--super-primary);border-radius:0 4px 4px 0;box-shadow:0 0 15px var(--super-primary)}.super-link-icon{font-size:1.25rem;transition:transform .2s}.super-sidebar-link:hover .super-link-icon{transform:scale(1.1)}.super-sidebar-link.active .super-link-icon{color:var(--super-primary)}.super-topbar{height:80px;background:#030712b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--super-border);display:flex;align-items:center;padding:0 2.5rem;position:sticky;top:0;z-index:50}.super-search-bar{background:#ffffff08;border:1px solid var(--super-border);border-radius:12px;padding:.6rem 1.25rem;display:flex;align-items:center;gap:.75rem;width:320px;color:var(--super-text-muted);transition:all .2s}.super-search-bar:focus-within{border-color:var(--super-primary);background:#ffffff0d}.super-search-input{background:transparent;border:none;color:#fff;width:100%;outline:none}.super-user-widget{margin-left:auto;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem .5rem .5rem;background:#ffffff08;border:1px solid var(--super-border);border-radius:100px}.super-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--super-primary),var(--super-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--super-border)}.super-content-wrapper{padding:2.5rem}.super-header-section{margin-bottom:3rem}.super-page-title{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.5rem}.super-page-subtitle{color:var(--super-text-muted);font-size:1.05rem}.super-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.super-stat-card{background:var(--super-card);border:1px solid var(--super-border);border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.super-stat-card:hover{transform:translateY(-8px);border-color:#6366f14d}.super-stat-icon{width:54px;height:54px;border-radius:16px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.super-stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.super-stat-label{color:var(--super-text-muted);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.super-table-card{background:var(--super-card);border:1px solid var(--super-border);border-radius:24px;margin-top:2rem;overflow:hidden}.super-table{width:100%;border-collapse:collapse}.super-table th{background:#ffffff05;padding:1.25rem 2rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--super-text-muted);border-bottom:1px solid var(--super-border)}.super-table td{padding:1.25rem 2rem;border-bottom:1px solid var(--super-border);color:#e2e8f0}.super-table tr:last-child td{border-bottom:none}.super-table tr:hover td{background:#ffffff03}.super-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:1px solid transparent}.super-btn-primary{background:var(--super-primary);color:#fff;box-shadow:0 4px 15px var(--super-primary-glow)}.super-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 25px var(--super-primary-glow)}.super-status-badge{padding:.5rem 1rem;border-radius:100px;background:#10b9811a;color:#10b981;font-size:.75rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.6rem;border:1px solid rgba(16,185,129,.2)}.super-status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;position:relative}.super-status-dot:after{content:"";position:absolute;inset:-4px;border:2px solid #10b981;border-radius:50%;animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes statusPulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.super-crud-form{max-width:1200px;margin:0 auto}.super-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.super-form-section{background:var(--super-card);border:1px solid var(--super-border);border-radius:24px;padding:2.5rem;height:100%;transition:all .3s ease;display:flex;flex-direction:column}.super-form-section:hover{border-color:#6366f133;box-shadow:var(--super-shadow-indigo)}.super-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--super-border)}.super-section-header i,.super-section-header svg{font-size:1.5rem;color:var(--super-primary)}.super-section-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.super-form-group{margin-bottom:2rem}.super-form-group:last-child{margin-bottom:0}.super-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--super-text-muted);margin-bottom:.75rem}.super-input{width:100%;background:#0000004d!important;border:1px solid var(--super-border)!important;border-radius:12px;padding:1rem 1.25rem;color:#fff!important;font-size:1rem;transition:all .2s;outline:none}.super-input:focus{border-color:var(--super-primary)!important;background:#ffffff0d!important;box-shadow:0 0 0 4px var(--super-primary-glow)!important}.super-input::placeholder{color:#fff3}.super-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.super-logo-portal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border:2px dashed var(--super-border);border-radius:24px;background:#ffffff03;transition:all .3s;cursor:pointer;text-align:center;margin-bottom:1rem}.super-logo-portal:hover{border-color:var(--super-primary);background:#6366f108}.super-logo-preview{width:160px;height:160px;border-radius:32px;object-fit:cover;margin-bottom:2rem;border:6px solid var(--super-card);box-shadow:var(--super-shadow-lg)}.super-logo-placeholder{width:120px;height:120px;border-radius:32px;background:var(--super-card);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--super-text-muted);margin-bottom:2rem;border:1px solid var(--super-border)}.super-switch-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff05;border:1px solid var(--super-border);border-radius:20px;margin-bottom:1rem;transition:all .2s}.super-switch-card:hover{background:#ffffff0a}.super-switch-info{display:flex;flex-direction:column}.super-switch-label{font-weight:700;font-size:1rem;color:#fff}.super-switch-desc{font-size:.8rem;color:var(--super-text-muted)}.super-toggle{position:relative;display:inline-block;width:50px;height:28px}.super-toggle input{opacity:0;width:0;height:0}.super-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.4s;border-radius:34px}.super-toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.super-toggle-slider{background-color:var(--super-primary)}input:checked+.super-toggle-slider:before{transform:translate(22px)}@keyframes superFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.super-animate-fade{animation:superFade .6s cubic-bezier(.22,1,.36,1) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--super-bg)}::-webkit-scrollbar-thumb{background:var(--super-card);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--super-border)}