@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";.theme-toggle{width:40px;height:40px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-start);color:var(--primary-start)}.theme-toggle div{display:flex;align-items:center;justify-content:center}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);will-change:transform}.navbar{padding:var(--spacing-md) 0;margin:0;border-radius:0;border:none;background:var(--bg-darker);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-primary);text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo svg{color:var(--primary-start)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;justify-content:center}.nav-link{position:relative;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%);transition:width var(--transition-base)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.icon-button:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 6px}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.user-menu-container{position:relative}.user-button{padding:0;overflow:hidden}.user-avatar{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:240px;padding:var(--spacing-md);z-index:var(--z-dropdown)}.user-info{padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.user-email{font-size:.875rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--glass-border);margin:var(--spacing-sm) 0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-menu{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg);overflow:hidden}.mobile-nav-link{padding:var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.header{padding:0}.navbar{margin:0;padding:var(--spacing-xs) 0}.desktop-only{display:none}.mobile-only{display:flex}.logo{font-size:1.25rem}.logo svg{width:24px;height:24px}.nav-actions{gap:var(--spacing-sm)}.icon-button{width:40px;height:40px}.user-dropdown{right:auto;left:0}}.footer{background:var(--surface-color);color:var(--text-color);margin-top:4rem;padding:3rem 0 0;border-top:1px solid var(--border-color);transition:background .3s ease,color .3s ease}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem}.footer-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.footer-description{line-height:1.6;opacity:.8;margin-bottom:1rem;color:var(--text-muted)}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-muted)}.contact-item svg{flex-shrink:0;margin-top:.2rem;opacity:.7;color:var(--accent-color)}.contact-item p{margin:0;line-height:1.5}.contact-item a{color:var(--accent-color);text-decoration:none;transition:opacity .2s}.contact-item a:hover{opacity:.7;text-decoration:underline}.footer-map-section{min-width:300px}.footer-map{border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.footer-map iframe{display:block}.footer-bottom{border-top:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto}.footer-bottom p{margin:0;opacity:.7;font-size:.9rem;color:var(--text-muted)}.footer-links{display:flex;gap:1rem;align-items:center;font-size:.9rem}.footer-links a{color:var(--accent-color);text-decoration:none;opacity:.8;transition:opacity .2s}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-links span{opacity:.5;color:var(--text-muted)}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{color:var(--accent-color);opacity:.8;transition:opacity .2s}.footer-social a:hover{opacity:1}@media (max-width: 768px){.footer{margin-top:3rem;padding:2rem 0 0}.footer-content{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem 1.5rem}.footer-section h3{font-size:1.1rem}.footer-map-section{min-width:unset}.footer-bottom{flex-direction:column;text-align:center;padding:1.5rem}.footer-links{justify-content:center}}@media (max-width: 480px){.footer-content{padding:0 1rem 1rem}.footer-bottom{padding:1.5rem 1rem}.contact-item{font-size:.9rem}}.email-verification-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1rem 0;box-shadow:0 2px 8px #0000001a;position:sticky;top:60px;z-index:999;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.banner-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:50%}.banner-text{flex:1;min-width:250px}.banner-text strong{display:block;font-size:1rem;margin-bottom:.25rem}.banner-text p{margin:0;font-size:.875rem;opacity:.9}.banner-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-resend,.btn-refresh{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-resend:hover:not(:disabled),.btn-refresh:hover{background:#ffffff40;transform:translateY(-1px)}.btn-resend:disabled{opacity:.6;cursor:not-allowed}.btn-dismiss{flex-shrink:0;padding:.5rem;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:.25rem;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-dismiss:hover{background:#ffffff26}@media (max-width: 768px){.email-verification-banner{top:50px}.banner-content{padding:0 1rem;gap:.75rem}.banner-text{min-width:100%;order:1}.banner-icon{order:0}.banner-actions{order:2;width:100%}.btn-resend,.btn-refresh{flex:1;justify-content:center}.btn-dismiss{order:3;position:absolute;top:.5rem;right:.5rem}}.home-page{min-height:100vh}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:var(--spacing-3xl) 0}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:radial-gradient(ellipse at top right,rgba(255,107,53,.1),transparent 50%),radial-gradient(ellipse at bottom left,rgba(108,99,255,.1),transparent 50%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-darker);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--accent);margin-bottom:var(--spacing-xl)}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-3xl)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--glass-border),transparent)}.categories-section,.features-section{padding:var(--spacing-3xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}.section-header p{font-size:1.125rem;color:var(--text-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.category-card{text-align:center;transition:transform var(--transition-fast)}.category-card:hover{transform:translateY(-4px)}.category-card a{display:block;color:inherit;text-decoration:none;height:100%}.category-card .glass-card{padding:var(--spacing-xl);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--glass-border);transition:all var(--transition-fast)}.category-card:hover .glass-card{border-color:var(--primary-start);background:var(--surface-hover);box-shadow:var(--shadow-glow)}.category-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.category-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.category-count{font-size:.875rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.feature-card{text-align:center;padding:var(--spacing-2xl);transition:transform var(--transition-fast)}.feature-card:hover{transform:translateY(-2px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:#fff}.feature-title{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6}.cta-section{padding:var(--spacing-3xl) 0}.cta-content{text-align:center;padding:var(--spacing-3xl);background:#ff6b350d;border:1px solid rgba(255,107,53,.2)}.cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.hero-section{min-height:auto;padding:var(--spacing-2xl) 0}.hero-actions{flex-direction:column}.hero-stats{gap:var(--spacing-md)}.stat-divider{display:none}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.category-icon{font-size:3rem}.features-grid{grid-template-columns:1fr}.cta-content{padding:var(--spacing-2xl) var(--spacing-lg)}}.menu-page{min-height:100vh;padding:var(--spacing-3xl) 0}.menu-header{text-align:center;margin-bottom:var(--spacing-2xl)}.menu-header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md)}.menu-header p{font-size:1.125rem;color:var(--text-secondary)}.menu-filters{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:var(--spacing-lg);color:var(--text-muted)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) * 2 + 20px);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 3px #ff6b351a}.filter-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-toggle.active{background:var(--gradient-accent);color:var(--bg-dark);border-color:transparent}.categories-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-2xl);scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.category-pill:hover{background:var(--surface-hover);color:var(--text-primary)}.category-pill.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.menu-item-card{overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.menu-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.item-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.menu-item-card:hover .item-image img{transform:scale(1.03)}.unavailable-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem}.item-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.item-content{padding:0 var(--spacing-md) var(--spacing-md)}.item-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.item-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.prep-time{font-size:.875rem;color:var(--text-muted)}.item-footer{display:flex;align-items:center;justify-content:space-between}.item-price{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qty-controls-sm{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:2px}.qty-btn-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);font-size:1.2rem;line-height:1;transition:background .2s}.qty-btn-sm:hover:not(:disabled){background:#ffffff1a}.qty-btn-sm:disabled{opacity:.5;cursor:not-allowed}.qty-value{font-weight:600;font-size:.9rem;min-width:24px;text-align:center}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;min-height:400px}.empty-state{margin-top:var(--spacing-2xl)}.empty-state svg{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary)}.menu-categories-container{display:flex;flex-direction:column;gap:3rem}.category-section{margin-bottom:2rem}.category-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color);padding-bottom:.75rem;border-bottom:2px solid var(--accent-color);display:inline-block}.menu-item-card.unavailable{opacity:.6}.menu-item-card.unavailable .item-image img{filter:grayscale(50%)}.btn-disabled{background:var(--surface-color);color:var(--text-muted);border:1px solid var(--border-color);cursor:not-allowed;opacity:.6}.btn-disabled:hover{background:var(--surface-color);transform:none}@media (max-width: 768px){.menu-grid{grid-template-columns:1fr}.menu-filters{flex-direction:column}.search-box{min-width:100%}}.cart-page{min-height:100vh;padding:var(--spacing-3xl) 0}.cart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.cart-header h1{display:flex;align-items:center;gap:var(--spacing-md);font-size:clamp(2rem,4vw,2.5rem);margin:0}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:400px}.empty-cart svg{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.empty-cart h2{margin-bottom:var(--spacing-md)}.empty-cart p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-lg)}.cart-item-image{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details h3{font-size:1.125rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.item-price{font-size:.875rem;color:var(--text-muted)}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-xs)}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.qty-btn:hover:not(:disabled){background:var(--primary-start);color:#fff}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.quantity{min-width:40px;text-align:center;font-weight:600;color:var(--text-primary)}.cart-item-subtotal{font-size:1.25rem;font-weight:700;color:var(--primary-start);min-width:100px;text-align:right}.remove-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.remove-btn:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-summary{position:sticky;top:calc(var(--spacing-3xl) + 80px);padding:var(--spacing-xl)}.cart-summary h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;color:var(--text-secondary)}.summary-row.total{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.summary-divider{height:1px;background:var(--glass-border);margin:var(--spacing-lg) 0}.cart-summary .btn{margin-top:var(--spacing-md)}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width: 768px){.cart-item{grid-template-columns:80px 1fr;gap:var(--spacing-md)}.cart-item-image{width:80px;height:80px}.quantity-controls{grid-column:1 / -1;justify-content:center}.cart-item-subtotal{grid-column:1 / -1;text-align:center}.remove-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.cart-item{position:relative;padding-top:var(--spacing-2xl)}}.checkout-page{min-height:100vh;padding:8rem 0 4rem}.checkout-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.checkout-header h1{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.checkout-main{display:flex;flex-direction:column;gap:1.5rem}.checkout-section{padding:2rem}.checkout-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.checkout-section h2 svg{color:var(--accent)}.address-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.address-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s ease}.address-option:hover{border-color:var(--accent);background:#ffffff05}.address-option input[type=radio]{margin-top:.25rem;cursor:pointer;accent-color:var(--accent)}.address-option input[type=radio]:checked~.address-details{color:var(--accent)}.address-details{flex:1}.address-text{font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.address-text-secondary{font-size:.9rem;color:var(--text-secondary)}.address-label-badge{display:inline-block;padding:2px 8px;background:var(--gradient-primary);border-radius:4px;font-size:.75rem;font-weight:500;color:#fff;margin-bottom:.5rem}.text-sm{font-size:.875rem}.text-gray-500{color:var(--text-secondary)}.mt-1{margin-top:.4rem}.mb-1{margin-bottom:.25rem}.font-medium{font-weight:500;margin-bottom:.25rem;color:var(--text-primary)}.new-address-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.75rem 1rem;background:var(--surface);border:2px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent);background:#ffffff14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.payment-options{display:flex;flex-direction:column;gap:1rem}.payment-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-option:hover{border-color:var(--accent);background:#ffffff05}.payment-option input[type=radio]{margin-top:.25rem;cursor:pointer;accent-color:var(--accent)}.payment-details{flex:1}.payment-name{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.payment-desc{font-size:.85rem;color:var(--text-secondary)}.checkout-summary{padding:2rem;position:sticky;top:6rem}.checkout-summary h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.summary-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.summary-item-info{display:flex;align-items:center;gap:.5rem;flex:1}.item-name{font-size:.9rem;color:var(--text-primary)}.item-qty{font-size:.85rem;color:var(--text-secondary)}.item-price{font-size:.9rem;font-weight:500;color:var(--text-primary)}.summary-divider{height:1px;background:var(--glass-border);margin:1rem 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.95rem;color:var(--text-secondary)}.summary-row.total{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:.5rem}.summary-row.total span:last-child{color:var(--accent)}.checkout-summary .btn{margin-top:1.5rem}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width: 768px){.checkout-page{padding:6rem 0 2rem}.checkout-header h1{font-size:2rem}.checkout-section{padding:1.5rem}.checkout-section h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}}.orders-page{min-height:100vh;padding:var(--spacing-3xl) 0}.orders-header{text-align:center;margin-bottom:var(--spacing-2xl)}.orders-header h1{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:var(--spacing-md)}.orders-header p{color:var(--text-secondary);font-size:1.125rem}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);min-height:400px}.empty-orders svg{color:var(--text-muted);margin-bottom:var(--spacing-xl)}.empty-orders h2{margin-bottom:var(--spacing-md)}.empty-orders p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.order-card{padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-base)}.order-card:hover{transform:translateY(-4px)}.order-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-lg)}.order-id{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.order-date{font-size:.875rem;color:var(--text-muted)}.order-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.status-pending{background:var(--warning-bg);color:var(--warning)}.status-preparing{background:var(--secondary-bg);color:var(--secondary)}.status-delivery{background:var(--accent-bg);color:var(--accent)}.status-delivered{background:var(--success-bg);color:var(--success)}.status-cancelled{background:var(--error-bg);color:var(--error)}.order-items-preview{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.order-item-preview{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--glass-border)}.order-item-preview img{width:100%;height:100%;object-fit:cover}.more-items{width:60px;height:60px;border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);border:2px solid var(--glass-border)}.order-card-footer{display:flex;justify-content:space-between;align-items:center}.order-total{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-total span:first-child{font-size:.875rem;color:var(--text-muted)}.order-total .amount{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-progress{margin-top:var(--spacing-lg);height:4px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);transition:width var(--transition-slow)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.order-details-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:var(--spacing-2xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.modal-header h2{margin:0}.close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--error);color:#fff}.modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.detail-row span:first-child{color:var(--text-muted)}.detail-row.total{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.divider{height:1px;background:#ffffff1a;margin:var(--spacing-lg) 0}.modal-content h3{margin:var(--spacing-md) 0;color:var(--text-primary)}.order-items-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-item-detail{display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md)}.order-item-detail img{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover}.item-info{flex:1}.item-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.item-qty{font-size:.875rem;color:var(--text-muted)}.item-price{font-weight:600;color:var(--primary-start)}.address-details-section{padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.address-details-section p{color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.6}.address-details-section p:last-child{margin-bottom:0}.address-label-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff;margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.orders-grid{grid-template-columns:1fr}.order-details-modal{padding:var(--spacing-lg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;position:relative}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.auth-container{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto}.auth-card{padding:var(--spacing-3xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--spacing-md)}.auth-header p{color:var(--text-secondary);font-size:1rem}.error-message{padding:var(--spacing-md);background:#ff47571a;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--spacing-lg);text-align:center;font-size:.875rem}.auth-form{margin-bottom:var(--spacing-xl)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--spacing-lg);color:var(--text-muted);pointer-events:none}.input-with-icon .input-field{padding-left:calc(var(--spacing-lg) * 2 + 20px)}.auth-divider{position:relative;text-align:center;margin:var(--spacing-xl) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--glass-border)}.auth-divider span{position:relative;display:inline-block;padding:0 var(--spacing-lg);background:var(--bg-darker);color:var(--text-muted);font-size:.875rem;font-weight:500}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.google-btn svg{flex-shrink:0}.auth-toggle{text-align:center;color:var(--text-secondary);font-size:.875rem}.toggle-btn{background:none;border:none;color:var(--primary-start);font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.toggle-btn:hover{color:var(--primary-end);text-decoration:underline}@media (max-width: 768px){.auth-card{padding:var(--spacing-2xl) var(--spacing-lg)}.auth-header h1{font-size:1.75rem}}.profile-page{min-height:100vh;padding:var(--spacing-2xl) 0}.profile-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-header h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--spacing-xs)}.profile-header p{color:var(--text-secondary);font-size:1.125rem}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:800px}.profile-section{padding:var(--spacing-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:1.5rem;margin:0}.profile-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-field:disabled{opacity:.6;cursor:not-allowed}.address-form{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.addresses-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.address-card{padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.address-card:hover{background:var(--surface-hover);border-color:#fff3}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.address-type{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--text-primary);text-transform:capitalize}.address-label{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:#fff}.address-details{margin-bottom:var(--spacing-md)}.address-details p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.address-actions{display:flex;gap:var(--spacing-sm)}.text-error{color:var(--error)}.text-error:hover{color:#fff;background:var(--error)}.empty-addresses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-addresses svg{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-addresses p{color:var(--text-secondary)}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.profile-section{padding:var(--spacing-lg)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.form-grid{grid-template-columns:1fr}.address-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.address-actions{flex-direction:column}.address-actions .btn{width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary-start: #FF6B35;--primary-end: #F7931E;--secondary: #6C63FF;--accent: #00FF88;--error: #FF4757;--success: #00FF88;--warning: #FFA502;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--header-height: 80px;--header-height-mobile: 70px}[data-theme=dark]{--bg-dark: #0F0F1E;--bg-darker: #1A1A2E;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .1);--text-primary: #FFFFFF;--text-secondary: #E0E0E0;--text-muted: #A0A0A0;--glass-border: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .4);--gradient-bg: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-darker) 100%);--shadow-sm: 0 2px 8px var(--shadow-color);--shadow-md: 0 4px 16px var(--shadow-color);--shadow-lg: 0 8px 32px var(--shadow-color);--shadow-xl: 0 16px 64px var(--shadow-color);--warning-bg: rgba(255, 165, 2, .1);--secondary-bg: rgba(108, 99, 255, .1);--success-bg: rgba(0, 255, 136, .1);--error-bg: rgba(255, 71, 87, .1);--accent-bg: rgba(249, 115, 22, .1);--accent-btn-bg: linear-gradient(135deg, #F97316 0%, #7C2D12 100%);--accent-btn-text: #FFFFFF;--accent-btn-shadow: 0 0 20px rgba(249, 115, 22, .2);--accent-btn-hover-shadow: 0 0 25px rgba(249, 115, 22, .4)}[data-theme=light]{--bg-dark: #E6E9F0;--bg-darker: #FFFFFF;--surface: rgba(0, 0, 0, .03);--surface-hover: rgba(0, 0, 0, .06);--text-primary: #1A1A2E;--text-secondary: #4A4A6A;--text-muted: #8080A0;--glass-border: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .1);--success: #059669;--accent: #047857;--warning: #B45309;--error: #B91C1C;--secondary: #4F46E5;--gradient-bg: linear-gradient(135deg, #FDFBFB 0%, #EBEDEE 100%);--shadow-sm: 0 2px 8px var(--shadow-color);--shadow-md: 0 4px 16px var(--shadow-color);--shadow-lg: 0 8px 32px var(--shadow-color);--shadow-xl: 0 16px 64px var(--shadow-color);--warning-bg: rgba(180, 83, 9, .1);--secondary-bg: rgba(79, 70, 229, .1);--success-bg: rgba(5, 150, 105, .1);--error-bg: rgba(185, 28, 28, .1);--accent-bg: rgba(234, 88, 12, .1);--accent-btn-bg: linear-gradient(135deg, #FFB347 0%, #FF8A48 100%);--accent-btn-text: #FFFFFF;--accent-btn-shadow: 0 4px 15px rgba(255, 138, 72, .2);--accent-btn-hover-shadow: 0 8px 25px rgba(255, 138, 72, .3)}:root,[data-theme]{--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, #8B5CF6 100%);--gradient-accent: var(--accent-btn-bg);--shadow-glow: 0 0 20px rgba(255, 107, 53, .2);--shadow-glow-accent: var(--accent-btn-shadow)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gradient-bg);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--header-height)}@media (max-width: 768px){.main-content{padding-top:var(--header-height-mobile)}}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-start);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-end)}.glass-card{background:var(--bg-darker);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--primary-start);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;position:relative}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 0 25px #ff6b3566;color:#fff}.btn-accent{background:var(--gradient-accent);color:var(--accent-btn-text);box-shadow:var(--shadow-glow-accent)}.btn-accent:hover{transform:scale(1.02);box-shadow:var(--accent-btn-hover-shadow);color:var(--accent-btn-text)}.btn-ghost{background:transparent;border:2px solid var(--primary-start);color:var(--primary-start)}.btn-ghost:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.input-group{margin-bottom:var(--spacing-lg)}.input-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.input-field{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;transition:all var(--transition-base)}.input-field:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 3px #ff6b351a;background:var(--surface-hover)}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--gradient-primary);color:#fff}.badge-success{background:var(--success);color:var(--bg-dark)}.badge-veg{background:#22c55e;color:#fff}.badge-non-veg{background:#ef4444;color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--primary-start);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hover) 50%,var(--surface) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out 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(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in{animation:slideInRight var(--transition-slow) ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}@media (max-width: 768px){:root{font-size:14px}.container{padding:0 var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.toast-container{position:fixed;top:5rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:var(--z-modal);pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;background:var(--bg-darker);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-info{border-left:4px solid var(--primary-start)}.toast-icon{display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--primary-start)}.toast-message{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close:hover{color:var(--text-primary)}@media (max-width: 768px){.toast-container{top:4.5rem;left:1rem;right:1rem}.toast{width:100%;min-width:unset}}