@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--header-bg);border-bottom:1px solid var(--header-border);transition:box-shadow var(--transition-normal),background var(--transition-normal)}.header.scrolled{box-shadow:var(--header-shadow)}.header-container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg);height:68px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.logo-img{height:38px;width:auto;object-fit:contain;transition:transform var(--transition-fast)}.logo:hover .logo-img{transform:scale(1.05)}.desktop-nav{display:flex;align-items:center;gap:4px}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;font-size:.9rem;padding:8px 12px;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.nav-link:hover{color:var(--primary);background:var(--primary-pale)}.nav-link.active{color:var(--primary);background:var(--primary-pale);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--primary);border-radius:1px}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.cart-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.cart-button:hover,.cart-button.has-items{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.cart-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.7rem;font-weight:800;border-radius:var(--radius-full);padding:0 5px;line-height:1;box-shadow:0 2px 6px var(--primary-glow)}.user-menu-container{position:relative}.user-button{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;cursor:pointer;padding:0}.user-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:var(--radius-sm);transition:all var(--transition-bounce)}.user-button:hover .user-avatar{transform:scale(1.08);box-shadow:var(--shadow-green)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn .2s ease}.user-dropdown .user-info{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:3px;background:var(--primary-pale);border-bottom:1px solid var(--border-color)}.user-name{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.user-email{font-size:.8rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:11px var(--space-lg);background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-family:var(--font-family)}.dropdown-item:hover{background:var(--primary-pale);color:var(--primary);padding-left:22px}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--primary-pale);border-color:var(--primary);color:var(--primary)}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:12px var(--space-lg) var(--space-lg);background:var(--header-bg);border-top:1px solid var(--border-color)}.mobile-nav-link{padding:12px var(--space-md);color:var(--text-secondary);font-weight:500;font-size:.9rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:var(--primary-pale)}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}.header-container{height:60px;padding:0 var(--space-md)}}.global-loader-overlay{position:fixed;inset:0;z-index:9999;background-color:var(--bg-page);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out}.global-loader-img{width:100vw;height:100vh;object-fit:cover}.cart-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:300}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:301;box-shadow:var(--shadow-lg)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.cart-title{display:flex;align-items:center;gap:10px}.cart-title svg{color:var(--primary)}.cart-title h2{font-size:1.125rem;font-weight:700}.cart-count{font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-pale);padding:3px 9px;border-radius:var(--radius-full)}.cart-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cart-close:hover{background:var(--error-bg);border-color:var(--error);color:var(--error);transform:rotate(90deg)}.cart-items{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:10px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px var(--space-lg);flex:1;gap:var(--space-md)}.empty-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:var(--primary-pale);border-radius:50%;margin-bottom:var(--space-sm)}.empty-icon svg{color:var(--primary)}.cart-empty h3{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.cart-empty p{color:var(--text-muted);font-size:.875rem}.cart-item{display:flex;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);position:relative;transition:all var(--transition-fast)}.cart-item:hover{border-color:var(--border-green);box-shadow:var(--shadow-xs)}.item-image{width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border-light)}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.cart-item:hover .item-image img{transform:scale(1.06)}.item-details{flex:1;display:flex;flex-direction:column;gap:4px;padding-right:32px}.item-details h4{font-size:.875rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.item-price{color:var(--primary);font-weight:700;font-size:.9rem}.item-quantity{display:flex;align-items:center;gap:0;margin-top:auto;background:var(--primary);border-radius:var(--radius-sm);overflow:hidden;align-self:flex-start}.qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.item-quantity span{min-width:26px;text-align:center;font-weight:700;font-size:.875rem;color:#fff}.item-remove{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-xs)}.item-remove:hover{color:var(--error);background:var(--error-bg)}.cart-footer{padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-md)}.cart-total{display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-md);background:var(--primary-pale);border-radius:var(--radius-md);border:1px solid var(--border-green)}.cart-total span:first-child{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.total-amount{font-size:1.375rem!important;font-weight:800!important;color:var(--primary)!important;letter-spacing:-.01em}.checkout-btn{width:100%;justify-content:center;padding:16px!important;font-size:1rem!important;border-radius:var(--radius-md)!important;background:var(--primary)!important;color:#fff!important;border:none!important;font-weight:700!important;cursor:pointer!important;display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-family);box-shadow:var(--shadow-green)!important;transition:all var(--transition-bounce)!important}.checkout-btn:hover{background:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 6px 24px var(--primary-glow)!important;color:#fff!important}@media (max-width: 480px){.cart-drawer{max-width:100%}}.variant-modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 600px){.variant-modal-overlay{align-items:center;padding:20px}}.variant-modal-content{background:var(--bg-card);width:100%;max-width:440px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--border-color);border-bottom:none;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease}@media (min-width: 600px){.variant-modal-content{border-radius:var(--radius-xl);border-bottom:1px solid var(--border-color);animation:popIn .25s ease}}.variant-modal-content:before{content:"";display:block;width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:12px auto 0}@media (min-width: 600px){.variant-modal-content:before{display:none}}.modal-close{position:absolute;top:14px;right:14px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);color:var(--text-secondary);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:10}.modal-close:hover{background:var(--error-bg);border-color:var(--error);color:var(--error);transform:rotate(90deg)}.variant-modal-header{display:flex;align-items:center;gap:14px;padding:18px var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--primary-pale)}.modal-product-img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;border:1px solid var(--border-color)}.header-info h3{font-size:.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.header-info .product-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.variants-list{padding:14px;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.variant-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.variant-item:hover{border-color:var(--border-green);background:var(--bg-card)}.variant-info{display:flex;flex-direction:column;gap:2px}.variant-name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.variant-price{color:var(--primary);font-weight:700;font-size:.9375rem}.variant-controls{display:flex;align-items:center}.variant-qty-controls{display:flex;align-items:center;background:var(--primary);border-radius:var(--radius-sm);overflow:hidden}.qty-btn{background:transparent;color:#fff;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.qty-display{color:#fff;font-weight:700;font-size:.9375rem;min-width:24px;text-align:center}.btn-add-variant{display:flex;align-items:center;gap:6px;background:var(--primary);color:#fff;border:none;padding:9px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-bounce);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.04em}.btn-add-variant:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-green)}.modal-footer{padding:14px var(--space-lg) 20px;border-top:1px solid var(--border-color)}.home-page-modern{background:var(--bg-page);color:var(--text-primary);overflow-x:hidden}.hero-modern{position:relative;overflow:hidden;padding:80px 0 100px;background:linear-gradient(135deg,var(--bg-page),var(--bg-secondary));border-bottom:1px solid var(--border-glass)}.hero-modern.search-only{padding:40px 0}.hero-modern-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-sphere{position:absolute;border-radius:50%;opacity:.15;filter:blur(80px)}.sphere-1{width:600px;height:600px;background:var(--primary);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.sphere-2{width:500px;height:500px;background:var(--accent);bottom:-150px;left:-100px;animation:float 15s ease-in-out infinite reverse}.sphere-3{width:300px;height:300px;background:var(--warning);top:40%;right:30%;filter:blur(100px);opacity:.1}.hero-modern-content{position:relative;z-index:2}.hero-modern-text{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-badge-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-green);border-radius:var(--radius-full);color:var(--primary);font-size:.875rem;font-weight:700;margin-bottom:24px;box-shadow:var(--shadow-sm)}.hero-title-modern{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.03em}.hero-subtitle-modern{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px;line-height:1.6;max-width:600px}.hero-search-form{margin-bottom:48px;width:100%;max-width:640px}.search-only .hero-search-form{margin-bottom:0}.hero-search-wrap{display:flex;align-items:center;background:var(--bg-glass);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:8px 8px 8px 24px;box-shadow:var(--shadow-lg);gap:12px;transition:all var(--transition-normal)}.hero-search-wrap:focus-within{box-shadow:var(--shadow-glow);border-color:var(--border-green);background:var(--bg-elevated)}.hero-search-icon{color:var(--text-muted);flex-shrink:0}.hero-search-input{flex:1;background:none;border:none;padding:12px 0;font-size:1rem;color:var(--text-primary);font-family:var(--font-family);width:100%;box-shadow:none!important}.hero-search-input:focus{outline:none;box-shadow:none;background:none}.hero-search-btn{border-radius:var(--radius-full);padding:12px 32px}.hero-stats-modern{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.stat-modern{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-bounce)}.stat-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-glow)}.stat-icon-modern{width:40px;height:40px;background:var(--primary-pale);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.stat-text{text-align:left}.stat-text strong{display:block;font-weight:700;font-size:1.125rem;color:var(--text-primary);line-height:1.2}.stat-text span{font-size:.8125rem;color:var(--text-muted)}.features-strip-modern{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glass);border-top:1px solid var(--border-glass);padding:0;margin-top:-1px}.features-slider-container{position:relative;overflow:hidden;padding:0}.features-slider-container:before,.features-slider-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:5;pointer-events:none}.features-slider-container:before{left:0;background:linear-gradient(to right,var(--bg-page),transparent)}.features-slider-container:after{right:0;background:linear-gradient(to left,var(--bg-page),transparent)}.features-slider{display:flex;gap:0;height:90px;overflow-x:hidden;align-items:center}.feature-card-glass{display:flex;align-items:center;gap:16px;padding:0 32px;flex:0 0 300px;height:100%;border-right:1px solid var(--border-glass);cursor:default;transition:all var(--transition-normal)}.feature-card-glass:hover{background:var(--bg-card)}.feature-icon-glass{width:44px;height:44px;background:var(--bg-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm)}.feature-card-glass:hover .feature-icon-glass{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-green)}.feature-card-glass h4{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.feature-card-glass p{font-size:.8125rem;color:var(--text-secondary);margin:0}.section-header-modern{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-label{font-size:.875rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:4px}.section-header-modern h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin:0}.btn-text-modern{display:flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:.9375rem;transition:all var(--transition-bounce);background:none;border:none;cursor:pointer}.btn-text-modern:hover{gap:10px;color:var(--primary-hover)}.category-slider-section{background:transparent;padding:var(--space-xl) 0}.slider-container{position:relative}.category-slider{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:8px 4px 16px}.category-slider::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;padding:12px 24px;background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-bounce);white-space:nowrap;font-family:var(--font-family);box-shadow:var(--shadow-sm)}.category-chip:hover{border-color:var(--primary-glow);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-green);transform:translateY(-2px)}.slider-arrow{position:absolute;top:50%;transform:translateY(-60%);width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all var(--transition-bounce);color:var(--text-primary);box-shadow:var(--shadow-md)}.slider-arrow:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-green);transform:translateY(-60%) scale(1.1)}.slider-arrow.left{left:-22px}.slider-arrow.right{right:-22px}.products-section{padding:0 0 var(--space-4xl)}.full-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.product-card-modern{background:var(--bg-card);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--border-glass);transition:all var(--transition-bounce);display:flex;flex-direction:row;height:170px;box-shadow:var(--shadow-card);cursor:pointer;overflow:visible}.product-card-modern:hover{border-color:var(--border-green);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-media-modern{position:relative;width:160px;flex-shrink:0;align-self:stretch;overflow:hidden;background:var(--bg-tertiary);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.card-media-modern img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.product-card-modern:hover .card-media-modern img{transform:scale(1.15) rotate(-2deg)}.media-placeholder-modern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--primary-glow);font-size:3rem;background:var(--bg-tertiary)}.card-tags-modern{position:absolute;top:12px;left:12px;z-index:5}.glass-tag{padding:4px 10px;background:#0f172abf;backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.1)}.danger-tag{background:#ef4444d9}.card-body-modern{padding:16px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.item-category{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:4px}.card-info-top h3{font-size:1.125rem;font-weight:700;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);transition:color var(--transition-fast)}.product-card-modern:hover .card-info-top h3{color:var(--primary)}.card-desc-modern{font-size:.875rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.card-info-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.card-price-modern{font-weight:800;color:var(--text-primary);font-size:1.25rem;margin:0}.btn-add-cart{display:flex;align-items:center;gap:6px;padding:8px 16px!important;font-size:.875rem!important;border-radius:var(--radius-sm)!important;background:var(--bg-glass)!important;color:var(--primary)!important;border:1.5px solid var(--primary-glow)!important;cursor:pointer!important;font-weight:700!important;transition:all var(--transition-bounce)!important;text-transform:uppercase;letter-spacing:.05em}.btn-add-cart:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:var(--shadow-green)!important;transform:translateY(-2px) scale(1.05)!important}.cart-qty-controls{display:flex;align-items:center;gap:0;background:var(--primary);border-radius:var(--radius-sm);border:none;overflow:hidden;box-shadow:var(--shadow-green)}.qty-btn{background:transparent;color:#fff;border:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.qty-btn:hover{background:#00000026}.qty-btn:active{background:#00000040}.qty-display{color:#fff;font-weight:700;font-size:1rem;min-width:28px;text-align:center}.btn-disabled{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;border-color:var(--border-light)!important;cursor:not-allowed!important;box-shadow:none!important}.products-empty-state{text-align:center;padding:100px 20px;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);background:var(--bg-glass);backdrop-filter:var(--glass-blur);border-radius:var(--radius-2xl);border:1px solid var(--border-glass)}.products-empty-state .empty-emoji{font-size:5rem;display:block;animation:float 4s ease-in-out infinite}.products-empty-state h3{font-size:1.75rem}.products-empty-state p{color:var(--text-secondary);font-size:1.125rem}.cta-modern{padding:40px 0 100px}.cta-glass-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--accent));border:1px solid rgba(255,255,255,.2);padding:0;box-shadow:var(--shadow-lg),var(--shadow-green)}.cta-glass-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 80% 50%,rgba(255,255,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 70% at 10% 50%,rgba(0,0,0,.1) 0%,transparent 60%);z-index:1}.cta-float-emoji{position:absolute;font-size:4rem;opacity:.15;pointer-events:none;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.cta-float-emoji:nth-child(2){top:10%;left:8%;animation:float 14s ease-in-out infinite}.cta-float-emoji:nth-child(3){top:25%;right:10%;animation:float 18s ease-in-out infinite 2s}.cta-float-emoji:nth-child(4){bottom:15%;left:15%;animation:float 16s ease-in-out infinite 4s}.cta-float-emoji:nth-child(5){bottom:10%;right:8%;animation:float 20s ease-in-out infinite 1s}.cta-glass-content{position:relative;z-index:2;padding:80px 48px;text-align:center}.cta-glass-content h2{font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin-bottom:24px;line-height:1.2}.cta-glass-content .accent-text{background:none;-webkit-text-fill-color:initial;color:#ffffffe6}.cta-glass-content p{color:#ffffffe6;font-size:1.25rem;max-width:600px;margin:0 auto 40px}.cta-action-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-accent{background:#fff!important;color:var(--primary)!important;box-shadow:0 8px 24px #00000026!important}.btn-accent:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px #0003!important}.btn-outline{background:#ffffff1a!important;backdrop-filter:blur(8px)!important;border:1.5px solid rgba(255,255,255,.4)!important;color:#fff!important}.btn-outline:hover{background:#fff3!important;border-color:#fff!important}@media (max-width: 768px){.hero-modern{padding:60px 0 80px}.full-products-grid{grid-template-columns:1fr}.feature-card-glass{flex:0 0 260px;padding:0 20px}.cta-glass-content{padding:60px 24px}.cta-action-group{flex-direction:column}.cta-action-group .btn{width:100%}}@media (max-width: 480px){.product-card-modern{height:auto;min-height:140px}.card-media-modern{width:110px}.card-body-modern{padding:12px}.card-info-top h3{font-size:1rem;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.card-desc-modern{font-size:.75rem;-webkit-line-clamp:1}.card-info-bottom{flex-wrap:wrap;gap:8px;margin-top:8px}.card-price-modern{font-size:1rem}.btn-add-cart{padding:6px 12px!important;font-size:.75rem!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-page);position:relative}.login-page:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);opacity:.04;pointer-events:none}.login-container{width:100%;max-width:440px;position:relative;z-index:1}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:20px;transition:transform var(--transition-bounce)}.login-logo:hover{transform:scale(1.05)}.login-logo .logo-img{height:52px;width:auto;object-fit:contain}.login-header h1{font-size:1.625rem;font-weight:800;margin-bottom:4px;letter-spacing:-.02em}.login-header p{color:var(--text-muted);font-size:.9rem}.error-message{display:flex;align-items:center;gap:8px;background:var(--error-bg);border:1px solid rgba(226,55,68,.25);color:var(--error);padding:12px 14px;border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:.875rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.input-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:0 14px;transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-wrapper svg{color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.input-wrapper:focus-within svg{color:var(--primary)}.input-wrapper input{flex:1;background:none;border:none;padding:13px 0;font-size:.9375rem;color:var(--text-primary);font-family:var(--font-family)}.input-wrapper input:focus{outline:none;box-shadow:none;border:none;background:none}.input-wrapper input::placeholder{color:var(--text-muted)}.toggle-password{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-xs);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--primary);background:var(--primary-pale)}.form-footer{display:flex;justify-content:flex-end}.forgot-link{font-size:.8125rem;font-weight:600;color:var(--primary);transition:all var(--transition-fast)}.forgot-link:hover{color:var(--primary-hover);text-decoration:underline}.login-form .btn{width:100%;justify-content:center;margin-top:4px;padding:14px!important;font-size:1rem!important;font-weight:700!important;background:var(--primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-green)!important;transition:all var(--transition-bounce)!important}.login-form .btn:hover:not(:disabled){background:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 6px 24px var(--primary-glow)!important}.login-form .btn:disabled{opacity:.65;cursor:not-allowed}.login-toggle{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.login-toggle p{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:.875rem;margin:0}.login-toggle button{background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer;font-size:.875rem;font-family:var(--font-family);transition:all var(--transition-fast)}.login-toggle button:hover{color:var(--primary-hover);text-decoration:underline}.login-bg,.bg-gradient{display:none}@media (max-width: 480px){.login-page{padding:var(--space-md)}.login-card{padding:28px 20px}}.checkout-page{padding:96px 0 60px;min-height:100vh;background:var(--bg-page)}.checkout-steps{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:var(--space-xl);padding:0 var(--space-lg)}.step{display:flex;align-items:center;gap:8px;position:relative}.step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;color:var(--text-muted);transition:all var(--transition-bounce);flex-shrink:0}.step.active .step-icon{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-green);transform:scale(1.08)}.step.completed .step-icon{background:var(--primary);border-color:var(--primary);color:#fff}.step-title{font-size:.875rem;font-weight:600;color:var(--text-muted);transition:color var(--transition-normal);white-space:nowrap}.step.active .step-title,.step.completed .step-title{color:var(--primary)}.step-line{width:56px;height:2px;background:var(--border-color);margin:0 10px;flex-shrink:0;border-radius:1px;transition:background var(--transition-slow)}.step.completed .step-line{background:var(--primary)}.checkout-content{display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl);align-items:start}.checkout-main{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.checkout-main:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.checkout-section h2{font-size:1.375rem;font-weight:800;margin-bottom:var(--space-lg);letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9375rem;color:var(--text-primary);font-family:var(--font-family);width:100%;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none;background:var(--bg-input)}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.btn-location{display:flex;align-items:center;gap:5px;background:var(--primary-pale);border:1px solid var(--border-green);color:var(--primary);padding:5px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-bounce);font-family:var(--font-family)}.btn-location:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:var(--shadow-green)}.btn-location:disabled{opacity:.55;cursor:not-allowed}.coords-info{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-family:monospace}.payment-options{display:flex;flex-direction:column;gap:var(--space-md)}.payment-option{display:flex;align-items:center;gap:var(--space-md);padding:18px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.payment-option:hover{border-color:var(--border-green);background:var(--bg-card)}.payment-option.selected{border-color:var(--primary);background:var(--primary-pale);box-shadow:0 2px 12px var(--primary-glow)}.payment-option input{display:none}.payment-radio-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-bounce);position:relative}.payment-option.selected .payment-radio-indicator{border-color:var(--primary);background:var(--primary)}.payment-radio-indicator:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-bounce)}.payment-option.selected .payment-radio-indicator:after{opacity:1;transform:scale(1)}.option-content{display:flex;flex-direction:column;gap:2px}.option-title{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.option-desc{font-size:.8125rem;color:var(--text-muted)}.success-section{text-align:center;padding:var(--space-2xl)}.success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;color:#fff;margin:0 auto var(--space-lg);box-shadow:var(--shadow-green);animation:pulse 2s ease infinite}.success-section h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--space-sm);font-weight:800}.order-number{font-size:1.1rem;color:var(--primary);font-weight:700;margin-bottom:var(--space-md)}.success-message{color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.success-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.checkout-actions{display:flex;flex-direction:column-reverse;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.checkout-actions .btn-secondary{width:100%;justify-content:center;height:48px}.checkout-actions .btn-primary{width:100%;justify-content:center;height:52px;font-size:1rem!important;font-weight:700!important;background:var(--primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-green)!important;transition:all var(--transition-bounce)!important}.checkout-actions .btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;transform:translateY(-1px)!important}.checkout-error{margin-top:var(--space-md);padding:12px 16px;background:var(--error-bg);border:1px solid rgba(226,55,68,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;font-weight:500}.checkout-sidebar{position:sticky;top:88px}.checkout-sidebar .order-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-card)}.checkout-sidebar .order-summary h3{font-size:1.0625rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--text-primary)}.summary-items{display:flex;flex-direction:column;gap:12px;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);max-height:260px;overflow-y:auto}.summary-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.item-info{display:flex;align-items:center;gap:10px;min-width:0}.item-info img{width:46px;height:46px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--border-light)}.item-info div{display:flex;flex-direction:column;min-width:0}.item-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{font-size:.78rem;color:var(--text-muted)}.item-category{font-size:.72rem;color:var(--primary);font-weight:600;opacity:.75;text-transform:uppercase;letter-spacing:.03em}.item-variant{font-size:.72rem;color:var(--primary);font-weight:500}.item-price{font-weight:700;color:var(--text-primary);font-size:.875rem;white-space:nowrap}.summary-totals{padding-top:var(--space-md)}.total-row{display:flex;justify-content:space-between;padding:7px 0;font-size:.875rem;color:var(--text-secondary)}.total-row span:last-child{font-weight:600;color:var(--text-primary)}.grand-total{font-size:1.125rem;font-weight:800;border-top:1px solid var(--border-color);margin-top:4px;padding-top:var(--space-md)}.grand-total span:last-child{color:var(--primary)!important;font-size:1.25rem}.free-delivery-hint{font-size:.78rem;color:var(--primary);font-weight:600}.checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;gap:var(--space-md)}.checkout-empty svg{color:var(--text-muted)}.checkout-empty h2{font-size:1.75rem}.checkout-empty p{color:var(--text-muted)}.required-star{color:var(--error);margin-left:2px}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-bg)!important}.field-error-msg{color:var(--error);font-size:.78rem;margin-top:4px;font-weight:500}.spin{animation:spin .8s linear infinite}.order-for-section{text-align:center}.order-for-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}.order-for-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);font-family:var(--font-family)}.order-for-btn span{font-size:1.125rem;font-weight:700}.order-for-btn:hover{border-color:var(--border-green);background:var(--bg-card);transform:translateY(-2px)}.order-for-btn.active{border-color:var(--primary);background:var(--primary-pale);color:var(--primary);box-shadow:0 4px 16px var(--primary-glow)}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.checkout-sidebar{position:static;order:-1}}@media (max-width: 768px){.checkout-page{padding-top:80px}.checkout-steps{gap:0}.step-title{display:none}.step-line{width:32px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.success-actions{flex-direction:column;align-items:center}.checkout-main{padding:var(--space-lg)}}.cod-banned-notice{padding:14px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md, 10px);color:#b45309;font-size:.875rem;font-weight:500;line-height:1.5}.bulk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0;max-height:60vh;overflow-y:auto;padding:.5rem}.bulk-product-card{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.bulk-product-card:hover{border-color:var(--primary, #3b82f6);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem;margin-bottom:.25rem}.product-index{font-weight:700;color:var(--primary, #3b82f6);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.btn-remove-card{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove-card:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.btn-remove-card:disabled{opacity:.3;cursor:not-allowed}.card-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group.full-width{grid-column:span 2}.field-group label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em}.field-group input,.field-group select,.field-group textarea{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:.625rem .875rem;color:#fff;font-size:.875rem;width:100%;transition:border-color .2s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:var(--primary, #3b82f6)}.field-group textarea{resize:vertical;min-height:60px}.card-error{border-color:#ef4444!important}.card-errors{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8rem;background:#ef44441a;padding:.75rem;border-radius:10px;margin-top:.5rem}.bulk-variants-cell{background:#0f172a;padding:.75rem;border-radius:10px;border:1px solid #334155}.mini-variant-row{display:flex;gap:.5rem;margin-bottom:.5rem}.mini-variant-row input{padding:.4rem .6rem!important;font-size:.75rem!important}.mini-variant-row button{background:#ef44441a;color:#ef4444;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;flex-shrink:0}.btn-add-mini{background:var(--primary, #3b82f6);color:#fff;border:none;padding:4px 12px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;margin-top:.25rem}@media (max-width: 1024px){.bulk-grid{grid-template-columns:1fr}}@media (max-width: 768px){.card-form-grid{grid-template-columns:1fr}.field-group.full-width{grid-column:span 1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem}.close-btn:hover{background:#ef4444;color:#fff}.bulk-help{background:#3b82f61a;color:#60a5fa;padding:1rem;border-radius:12px;border-left:4px solid #3b82f6;margin-bottom:1.5rem;font-size:.9rem}.bulk-actions{display:flex;align-items:center;gap:1rem;background:#ffffff05;padding:1rem;border-radius:12px;margin:1.5rem 0}.bulk-stats{margin-left:auto;font-weight:600;color:#94a3b8;font-size:.875rem}.progress-section{margin:1.5rem 0;padding:1.25rem;background:#ffffff08;border-radius:12px}.progress-bar{height:8px;background:#1e293b;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:var(--primary, #3b82f6);transition:width .3s ease}.bulk-results{margin-top:1.5rem;max-height:200px;overflow-y:auto;padding:1rem;background:#0000001a;border-radius:12px}.bulk-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:8px;font-size:.875rem}.bulk-result-item.success{background:#10b9811a;color:#10b981}.bulk-result-item.error{background:#ef44441a;color:#ef4444}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.bulk-menu-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.bulk-menu-modal-content{background:#fff;border-radius:12px;width:90vw;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.bulk-menu-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.title-area{display:flex;align-items:center;gap:.75rem;color:#0f172a}.title-area h3{margin:0;font-size:1.25rem;font-weight:600}.title-icon{color:#3b82f6}.close-btn{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.close-btn:hover{color:#0f172a}.bulk-menu-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.bulk-menu-instructions{padding:1rem 1.5rem;background:#eff6ff;color:#1e3a8a;font-size:.9rem;border-bottom:1px solid #bfdbfe}.bulk-menu-categories-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#f1f5f9}.bulk-menu-category-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.category-header-row{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.category-inputs{flex:1;display:flex;flex-direction:column;gap:.75rem;padding-right:1.5rem}.cat-name-input{font-size:1.1rem;font-weight:600;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-width:400px}.cat-desc-input{font-size:.9rem;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:6px;width:100%}.category-actions{display:flex;갭:.5rem}.btn-icon{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f1f5f9;color:#0f172a}.btn-icon.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.category-products-area{padding:1.25rem}.bulk-nested-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.bulk-nested-table th{text-align:left;font-size:.8rem;text-transform:uppercase;color:#64748b;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.bulk-nested-table td{padding:.75rem .5rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.bulk-nested-table input{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem}.bulk-nested-table input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.nested-image-input{display:flex;align-items:center;gap:.5rem}.mini-preview{width:32px;height:32px;border-radius:4px;object-fit:cover;border:1px solid #cbd5e1}.btn-remove-row{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px}.btn-remove-row:hover:not(:disabled){color:#ef4444;background:#fef2f2}.btn-remove-row:disabled{opacity:.5;cursor:not-allowed}.btn-add-food{display:flex;align-items:center;gap:.5rem;background:none;border:1px dashed #cbd5e1;color:#3b82f6;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;width:100%;justify-content:center;transition:all .2s}.btn-add-food:hover{background:#eff6ff;border-color:#93c5fd}.bulk-menu-global-actions{padding:1rem 1.5rem;background:#f1f5f9;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.add-category-btn{background:#fff;border:1px solid #cbd5e1;color:#0f172a;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0000000d}.add-category-btn:hover{background:#f8fafc;border-color:#94a3b8}.bulk-menu-progress{padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:#475569;margin-bottom:.5rem}.progress-bar-bg{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#3b82f6;transition:width .3s ease}.bulk-menu-results{padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0;max-height:150px;overflow-y:auto}.bulk-menu-results h4{margin:0 0 .5rem;font-size:.9rem;color:#64748b}.results-list{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.result-item{display:flex;align-items:center;gap:.5rem}.result-item.success{color:#16a34a}.result-item.error{color:#ef4444}.error-text{color:#ef4444;font-size:.85rem}.modal-footer{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}.admin-dashboard{display:flex;min-height:100vh;padding-top:0;background:var(--bg-page)}.admin-sidebar{width:280px;background:var(--bg-glass);backdrop-filter:var(--glass-blur-heavy);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--border-glass)}.admin-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.admin-logo-img{mix-blend-mode:var(--logo-blend, normal);filter:var(--logo-filter, none);height:36px;width:auto;object-fit:contain;transition:transform var(--transition-bounce)}.admin-logo-img:hover{transform:scale(1.05)}.admin-badge{padding:6px 12px;background:var(--primary-pale);color:var(--primary);font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;border:1px solid var(--border-green);box-shadow:var(--shadow-sm)}.sidebar-nav{flex:1;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:10px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:16px;padding:14px 20px;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-bounce);text-align:left;width:100%}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translate(4px);border-color:var(--border-light);box-shadow:var(--shadow-sm)}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-green);border:none}.nav-item.active svg{color:#fff}.sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border-glass);background:var(--bg-tertiary)}.admin-user{display:flex;align-items:center;gap:var(--space-md);padding:0 0 var(--space-md) 0;margin-bottom:var(--space-sm)}.user-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:1.25rem;box-shadow:var(--shadow-md)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;color:var(--text-primary);font-size:1rem}.user-role{font-size:.8125rem;color:var(--text-muted)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-bounce)}.logout-btn:hover{background:var(--error-bg);border-color:var(--error);color:var(--error);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.admin-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);background:var(--header-bg);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:50;box-shadow:var(--header-shadow)}.header-mobile-left{display:flex;align-items:center;gap:var(--space-md)}.mobile-menu-btn,.mobile-close-btn{display:none;background:var(--bg-elevated);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;padding:10px;border-radius:var(--radius-md);transition:all var(--transition-bounce)}.mobile-menu-btn:hover,.mobile-close-btn:hover{background:var(--primary-pale);color:var(--primary);transform:scale(1.05)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a66;z-index:90;backdrop-filter:var(--glass-blur)}.admin-header h1{font-size:1.75rem;color:var(--text-primary);margin:0}.header-date{color:var(--text-secondary);font-weight:500;background:var(--bg-tertiary);padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border-glass)}.admin-content{padding:var(--space-2xl);flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);transition:all var(--transition-bounce);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-green)}.stat-card:hover:before{opacity:1}.stat-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);flex-shrink:0;transition:all var(--transition-bounce)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon.revenue{background:var(--success-bg);color:var(--success);box-shadow:0 8px 24px #10b98133}.stat-icon.orders{background:var(--info-bg);color:var(--info);box-shadow:0 8px 24px #3b82f633}.stat-icon.products{background:var(--primary-pale);color:var(--primary);box-shadow:0 8px 24px #10b98133}.stat-icon.users{background:#a855f726;color:#a855f7;box-shadow:0 8px 24px #a855f733}.stat-info{display:flex;flex-direction:column;width:100%}.stat-label{font-size:.9375rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.section-header h2{font-size:1.5rem;color:var(--text-primary);margin:0}.recent-orders{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-card)}.orders-table,.users-table{overflow-x:auto;border-radius:var(--radius-lg)}.orders-table table,.users-table table{width:100%;border-collapse:separate;border-spacing:0}.orders-table th,.users-table th{padding:var(--space-lg);text-align:left;font-size:.8125rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-glass)}.orders-table th:first-child,.users-table th:first-child{border-top-left-radius:var(--radius-lg)}.orders-table th:last-child,.users-table th:last-child{border-top-right-radius:var(--radius-lg)}.orders-table td,.users-table td{padding:var(--space-lg);color:var(--text-primary);border-bottom:1px solid var(--border-glass);background:var(--bg-card);transition:background var(--transition-fast);font-weight:500}.orders-table tbody tr:hover td,.users-table tbody tr:hover td{background:var(--bg-elevated)}.orders-table tbody tr:last-child td,.users-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:last-child td:first-child,.users-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.orders-table tbody tr:last-child td:last-child,.users-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.status-badge{display:inline-flex;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:capitalize;letter-spacing:.05em;border:1px solid transparent}.status-badge.warning{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b4d}.status-badge.info{background:var(--info-bg);color:var(--info);border-color:#3b82f64d}.status-badge.primary{background:var(--primary-pale);color:var(--primary);border-color:var(--primary-glow)}.status-badge.success{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.status-badge.error{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.menu-categories{display:flex;flex-direction:column;gap:var(--space-3xl)}.menu-category h3{font-size:1.5rem;margin-bottom:var(--space-xl);color:var(--text-primary);display:flex;align-items:center;gap:12px}.menu-category h3:before{content:"";display:block;width:8px;height:24px;background:var(--primary);border-radius:4px}.category-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.menu-item-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-bounce);box-shadow:var(--shadow-sm)}.menu-item-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-glow)}.menu-item-card img{width:100%;height:160px;object-fit:cover;transition:transform var(--transition-slow)}.menu-item-card:hover img{transform:scale(1.05)}.menu-item-card .item-details{padding:var(--space-lg)}.stock-toggle{margin-bottom:var(--space-md)}.stock-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-bounce);width:100%;text-transform:uppercase;letter-spacing:.05em}.stock-btn.in-stock{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.stock-btn.out-of-stock{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.stock-btn.loading{opacity:.7;cursor:not-allowed;filter:grayscale(100%)}.stock-btn:hover:not(.loading):not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-item-card h4{font-size:1.125rem;margin-bottom:var(--space-xs);color:var(--text-primary);font-weight:700}.menu-item-card p{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:var(--space-md)}.item-actions{display:flex;gap:var(--space-md)}.item-actions .btn{flex:1}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:8px;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl)}.settings-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-card)}.settings-card h3{font-size:1.25rem;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.settings-actions{margin-top:var(--space-2xl);display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-glass);border-radius:var(--radius-2xl);border:1px solid var(--border-glass)}.save-success{color:var(--success);font-weight:600;display:flex;align-items:center;gap:8px;animation:popIn .3s ease}.image-upload-container{border:2px dashed var(--border-green);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:all var(--transition-bounce);background:var(--primary-pale)}.image-upload-container:hover{background:var(--bg-elevated);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-placeholder svg{color:var(--primary);margin-bottom:12px}.upload-placeholder span{font-weight:600;color:var(--text-primary)}.upload-hint{color:var(--text-muted);margin-top:8px}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.mobile-menu-btn,.mobile-close-btn{display:flex}.sidebar-overlay{display:block}.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-content{padding:var(--space-lg)}.stats-grid,.category-items{grid-template-columns:1fr}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-glass, #2a2a2a);border-radius:8px;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s}.theme-toggle-btn:hover{background:var(--bg-glass, #252525);border-color:var(--primary, #FF5F00);color:var(--primary, #FF5F00)}.order-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-btn{padding:7px 15px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.filter-btn:hover{border-color:var(--primary);color:var(--text-primary)}.filter-btn.active{background:var(--primary-pale);border-color:var(--primary-glow);color:var(--primary)}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-glass);transition:all var(--transition-bounce);box-shadow:var(--shadow-sm)}.order-card:hover{border-color:var(--border-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.order-id{color:var(--primary);font-weight:700;font-size:1.125rem}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.order-details .detail{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500}.order-details .detail svg{color:var(--text-muted);flex-shrink:0}.order-details .detail .label{color:var(--text-muted);font-weight:600}.order-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.item-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid var(--border-light)}.item-category-label{color:var(--text-muted);font-size:.6875rem;font-style:italic;margin-left:4px}.order-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--border-glass);align-items:center}.delivery-info{display:flex;align-items:center;gap:10px}.assigned-badge{color:var(--success);font-size:.875rem;display:flex;align-items:center;gap:6px;font-weight:600}.assign-form{display:flex;flex-direction:column;gap:12px;width:100%;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.delivery-select{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:.875rem;font-weight:500;min-width:250px;width:100%}.delivery-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.delivery-select option{background:var(--bg-secondary);color:var(--text-primary)}.admin-dashboard .section-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-dashboard .action-buttons{display:flex;align-items:center;gap:8px}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--glass-bg: rgba(20, 20, 25, .45);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-primary: "Outfit", sans-serif;--text-main: #FFFFFF;--text-muted: #94A3B8}.track-layout{min-height:100vh;background:#09090e;font-family:var(--font-primary);color:var(--text-main);position:relative;overflow-x:hidden}.track-mesh-bg{position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--dynamic-color, #4A90E2) 15%,transparent),transparent 60%),radial-gradient(circle at 80% 80%,rgba(144,19,254,.1),transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,59,48,.05),transparent 50%);filter:blur(80px);z-index:0;transition:background 1s ease}.track-mesh-overlay{position:fixed;inset:0;background:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.04"/%3E%3C/svg%3E');z-index:1;pointer-events:none}.track-container{position:relative;z-index:10;max-width:1000px;margin:0 auto;padding:40px 24px 80px}.track-loading-glass,.track-error-glass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:30px;padding:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:var(--glass-shadow);z-index:20}.track-loader-rings{position:relative;width:60px;height:60px}.track-loader-rings .ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:#4a90e2;border-radius:50%;animation:ringSpin 1.2s cubic-bezier(.5,0,.5,1) infinite}.track-loader-rings .ring:nth-child(1){border-top-color:#ff3b30;animation-delay:-.4s}.track-loader-rings .ring:nth-child(2){border-top-color:#f5a623;inset:6px;animation-delay:-.2s}.track-loader-rings .ring:nth-child(3){inset:12px}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{color:#ff3b30}.track-btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff3b30,#ff9500);padding:12px 24px;border-radius:100px;color:#fff;text-decoration:none;font-weight:600;transition:transform .2s}.track-btn-primary:hover{transform:scale(1.05)}.track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.track-back-btn{display:flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-weight:500;background:#ffffff0d;padding:8px 16px 8px 12px;border-radius:100px;transition:all .3s}.track-back-btn:hover{background:#ffffff1a;color:#fff}.track-order-pill{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;background:#0000004d;padding:8px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.track-hero-glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;padding:40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.track-hero-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.hero-status-content{display:flex;align-items:center;gap:24px}.hero-icon-wrapper{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.track-hero-glass:hover .hero-icon-wrapper{transform:rotate(0) scale(1.05)}.hero-text-wrapper h1{font-size:36px;font-weight:800;margin:0 0 4px;letter-spacing:-1px}.hero-text-wrapper p{font-size:16px;color:var(--text-muted);margin:0}.hero-live-indicator{display:flex;align-items:center;gap:8px;background:#0006;padding:10px 18px;border-radius:100px;font-weight:700;font-size:12px;letter-spacing:1px}.pulse-dot{width:8px;height:8px;border-radius:50%;animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.track-col{display:flex;flex-direction:column;gap:30px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:28px;padding:30px;box-shadow:0 4px 20px #0003;position:relative}.card-title{display:flex;align-items:center;gap:10px;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin:0 0 24px;font-weight:600}.modern-timeline{position:relative;display:flex;flex-direction:column;gap:30px;padding-left:20px}.timeline-line-bg{position:absolute;left:27px;top:10px;bottom:10px;width:2px;background:#ffffff0d;border-radius:2px}.timeline-line-active{position:absolute;left:27px;top:10px;width:2px;border-radius:2px;transition:height .8s cubic-bezier(.22,1,.36,1)}.timeline-node{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.node-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all .4s ease}.timeline-node.current .node-icon{transform:scale(1.2)}.node-content h4{margin:0;font-size:15px;font-weight:600;transition:color .3s}.receipt-items{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.receipt-item{display:flex;align-items:center;padding:12px 16px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.03)}.r-qty{width:30px;color:var(--text-muted);font-weight:700}.r-name{flex:1;font-weight:500}.r-price{font-weight:700}.receipt-breakdown{border-top:1px dashed rgba(255,255,255,.1);padding-top:20px;display:flex;flex-direction:column;gap:12px}.r-row{display:flex;justify-content:space-between;color:var(--text-muted);font-size:14px}.r-total{margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:800}.map-panel{padding:16px;height:400px}.map-wrapper{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative}.map-overlay-glow{position:absolute;inset:0;pointer-events:none;border-radius:20px;z-index:10}.driver-panel{position:relative}.driver-panel:before{content:"";position:absolute;inset:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,var(--border-glow) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.driver-header{display:flex;align-items:center;gap:16px}.driver-avatar{width:56px;height:56px;border-radius:20px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;backdrop-filter:blur(10px)}.driver-details{flex:1}.driver-details h4{margin:0 0 4px;font-size:18px}.driver-details p{margin:0;color:var(--text-muted);font-size:13px}.driver-call-btn{width:48px;height:48px;border-radius:16px;background:#34c759;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.driver-call-btn:hover{transform:scale(1.05);box-shadow:0 10px 20px #34c7594d}.address-panel{display:flex;align-items:flex-start;gap:16px}.address-icon-box{width:48px;height:48px;border-radius:16px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#4a90e2}.address-content h4{margin:0 0 8px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.address-content p{margin:0;font-size:16px;line-height:1.5}@media (max-width: 900px){.track-grid{grid-template-columns:1fr}.track-hero-glass{flex-direction:column;align-items:flex-start;gap:20px;padding:30px}.hero-live-indicator{align-self:flex-start}}@media (max-width: 500px){.track-container{padding:20px 16px 60px}.hero-text-wrapper h1{font-size:28px}.glass-panel{padding:20px;border-radius:20px}.hero-icon-wrapper{width:60px;height:60px;border-radius:18px}}.tracking-map-section{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden}.tracking-map{width:100%;height:100%;background:#1e1e1e;z-index:1}.map-recenter-btn{position:absolute;top:16px;right:16px;z-index:400;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:100px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.map-recenter-btn:hover{background:#ffffff1a}.map-recenter-btn.active{color:#34c759;border-color:#34c7594d}.map-distance-badge{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:400;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#000000b3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:0 8px 32px #0006}.map-distance-badge .label{color:var(--text-muted);font-size:13px;font-weight:500}.map-distance-badge .value{color:#fff;font-size:15px;font-weight:700}.custom-marker{background:transparent;border:none}.marker-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.marker-icon.store{background:#ff3b30}.marker-icon.user{background:#4a90e2}.marker-icon.driver{background:#34c759;box-shadow:0 0 0 4px #34c75933,0 4px 12px #0000004d}:root{--tp-orange: #FF5F00;--tp-orange-2: #e05400;--tp-muted: #94a3b8;--tp-text: #e2e8f0;--tp-bg: #0b0b12;--tp-card: #13131f;--tp-border: #1e1e2e}.ot-page{min-height:100vh;background:var(--tp-bg);font-family:Inter,sans-serif;color:var(--tp-text);padding:48px 16px 80px;position:relative;overflow-x:hidden}.ot-bg-glow{position:fixed;width:40%;height:40%;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.5}.ot-bg-glow-emerald{top:-10%;left:-10%;background:#10b9811a}.ot-bg-glow-blue{bottom:-10%;right:-10%;background:#3b82f61a}.ot-container{position:relative;z-index:10;max-width:1000px;margin:0 auto}.ot-hero{text-align:center;margin-bottom:4rem}.ot-live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:#34d399;font-weight:600;font-size:14px;margin-bottom:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ot-pulse-dot{width:8px;height:8px;background:#34d399;border-radius:50%;box-shadow:0 0 10px #34d399cc;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ot-title{font-size:3rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1}@media (min-width: 768px){.ot-title{font-size:4.5rem}.ot-hide-desktop{display:none}}.ot-title-highlight{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,#34d399,#22d3ee)}.ot-subtitle{font-size:1.125rem;color:#9ca3af;max-width:500px;margin:0 auto;font-weight:500;line-height:1.5}.ot-search-wrapper{max-width:672px;margin:0 auto 4rem}.ot-search-form{position:relative}.ot-search-glow{position:absolute;inset:0;background:linear-gradient(to right,#10b98133,#06b6d433);border-radius:1rem;filter:blur(20px);opacity:.5;transition:opacity .3s ease}.ot-search-form:hover .ot-search-glow{opacity:1}.ot-search-inner{position:relative;display:flex;align-items:center;background:#13131fe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:8px;box-shadow:0 25px 50px -12px #00000040;transition:border-color .3s ease}.ot-search-inner:focus-within{border-color:#10b98180}.ot-search-icon{color:#9ca3af;margin:0 8px 0 16px;width:24px;height:24px;flex-shrink:0}.ot-search-input{flex:1;background:transparent!important;border:none!important;color:#fff!important;font-size:1.125rem!important;font-weight:600!important;padding:16px 8px!important;min-width:0!important;box-shadow:none!important;outline:none!important}.ot-search-input::placeholder{color:#6b7280!important}.ot-btn-primary{background:#10b981;color:#000;padding:16px 32px;border-radius:.75rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;white-space:nowrap;transition:background-color .2s;flex-shrink:0}.ot-btn-primary:hover:not(:disabled){background:#34d399}.ot-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ot-error-msg{position:absolute;bottom:-32px;left:16px;color:#f87171;font-size:.875rem;font-weight:500;margin:0}.ot-orders-container{display:flex;flex-direction:column;gap:4rem}.ot-section-header{display:flex;align-items:center;gap:12px;margin-bottom:2rem}.ot-icon-box{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;border:1px solid}.ot-icon-emerald{background:linear-gradient(to bottom right,#10b98133,#06b6d433);border-color:#10b98133;color:#34d399}.ot-icon-dark{background:#ffffff0d;border-color:#ffffff1a;color:#9ca3af}.ot-section-title{font-size:1.875rem;font-weight:700;color:#f3f4f6;margin:0}.ot-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.ot-grid-2,.ot-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ot-grid-3{grid-template-columns:repeat(3,1fr)}}.ot-active-card{background:#13131fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .3s ease}.ot-active-card:hover{border-color:#10b9814d}.ot-card-body{padding:1.5rem}@media (min-width: 768px){.ot-card-body{padding:2rem}}.ot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.ot-status-group{display:flex;align-items:center;gap:1rem}.ot-status-icon{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;flex-shrink:0}.ot-active-card:hover .ot-status-icon{transform:scale(1.1)}.ot-label{font-size:.875rem;color:#9ca3af;font-weight:500;margin:0 0 4px}.ot-value{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em}.ot-amount-group{text-align:right;flex-shrink:0}.ot-amount{font-size:1.5rem;font-weight:900;margin:0;color:#fff}.ot-order-id-box{background:#0000004d;border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ot-order-id-content{overflow:hidden;flex:1;min-width:0}.ot-order-id-content .ot-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:4px}.ot-order-id{font-size:1.125rem;font-family:monospace;font-weight:700;color:#e5e7eb;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-btn-view{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;padding:12px 20px;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:background-color .2s;flex-shrink:0}.ot-btn-view:hover{background:#fff3}.ot-past-card{background:#13131f80;border-radius:1rem;border:1px solid rgba(255,255,255,.05);padding:1.25rem;cursor:pointer;transition:all .3s ease}.ot-past-card:hover{background:#13131f;border-color:#ffffff1a}.ot-past-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:12px}.ot-past-status{overflow:hidden;flex:1;min-width:0}.ot-past-badge{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.ot-past-badge.success{color:#10b981}.ot-past-badge.error{color:#ef4444}.ot-past-id{font-family:monospace;font-weight:700;font-size:.875rem;color:#d1d5db;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-past-amount{text-align:right;flex-shrink:0}.ot-past-date{font-size:.75rem;color:#6b7280;font-weight:500;margin:0 0 4px}.ot-past-price{font-size:1rem;font-weight:700;color:#e5e7eb;margin:0}.ot-past-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.ot-avatar-group{display:flex}.ot-avatar-group .ot-avatar+.ot-avatar{margin-left:-8px}.ot-avatar{width:32px;height:32px;border-radius:50%;background:var(--tp-bg);border:2px solid rgba(19,19,31,1);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#d1d5db}.ot-items-count{font-size:.75rem;font-weight:500;color:#6b7280}.ot-empty-state{background:#13131f80;border-radius:1.5rem;border:1px solid rgba(255,255,255,.05);padding:3rem;text-align:center}.ot-empty-icon{color:#4b5563;margin:0 auto 1rem}.ot-empty-title{font-size:1.25rem;font-weight:700;color:#d1d5db;margin:0 0 8px}.ot-empty-desc{color:#6b7280;margin:0 0 1.5rem}.ot-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;padding:12px 24px;border-radius:.75rem;font-weight:700;text-decoration:none;transition:background-color .2s}.ot-btn-secondary:hover{background:#fff3}.ot-help-container{text-align:center;margin-top:2rem}.ot-help-box{display:inline-flex;flex-direction:column;align-items:center;gap:1rem;background:#13131fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a}@media (min-width: 640px){.ot-help-box{flex-direction:row}}.ot-help-example{background:#10b9811a;color:#34d399;padding:8px 16px;border-radius:.75rem;font-size:.875rem}.ot-help-label{font-weight:700;margin-right:8px}.ot-help-code{font-family:monospace}.ot-help-divider{display:none;width:1px;height:32px;background:#ffffff1a}@media (min-width: 640px){.ot-help-divider{display:block}}.ot-help-login{display:flex;align-items:center;gap:8px;color:#9ca3af;font-weight:600;text-decoration:none;transition:color .2s}.ot-help-login:hover{color:#fff}.ot-help-login:hover svg{color:#34d399}.ot-skeleton{background:linear-gradient(90deg,#1e293b80 25%,#334155b3,#1e293b80 75%);background-size:200% 100%;animation:ot-shimmer 1.8s infinite linear;border-radius:1rem}@keyframes ot-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ot-loading-wrapper{margin-top:4rem;max-width:672px;margin-left:auto;margin-right:auto}.ot-skeleton-hero{height:256px;border-radius:1.5rem;margin-bottom:1.5rem}.ot-skeleton-box{height:160px;border-radius:1.5rem}.ot-skeleton-card{height:128px;border-radius:1rem}.manager-dashboard{display:flex;min-height:100vh;background:#0f0f0f;color:#fff;font-family:inherit}.manager-dashboard .manager-sidebar{width:260px;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;position:fixed;height:100vh;top:0;left:0;z-index:100;transition:transform .3s ease}.manager-dashboard .sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a;display:flex;align-items:flex-start;flex-direction:column;gap:8px;position:relative}.manager-dashboard .manager-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.manager-dashboard .manager-logo-img{mix-blend-mode:var(--logo-blend, normal);filter:var(--logo-filter, none);height:32px;width:auto;object-fit:contain}.manager-dashboard .manager-badge{display:inline-block;background:var(--primary);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;text-transform:uppercase}.manager-dashboard .mobile-close-btn{display:none;position:absolute;top:15px;right:15px;background:transparent;border:none;color:#fff;cursor:pointer;padding:5px}.manager-dashboard .sidebar-nav{flex:1;padding:20px 10px;overflow-y:auto}.manager-dashboard .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;background:transparent;border:none;border-radius:8px;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:5px;text-align:left;transform:none}.manager-dashboard .nav-item:hover{background:#252525;color:#fff;transform:none;box-shadow:none}.manager-dashboard .nav-item.active{background:var(--primary);color:#fff;box-shadow:none;border:none}.manager-dashboard .nav-item .badge{margin-left:auto;background:#ffffff40;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.manager-dashboard .nav-item.active .badge{background:#ffffff40}.manager-dashboard .sidebar-footer{padding:20px;border-top:1px solid #2a2a2a;background:transparent}.manager-dashboard .manager-user{display:flex;align-items:center;gap:12px;margin-bottom:15px}.manager-dashboard .user-avatar{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--primary),var(--primary-light, #34d399));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;box-shadow:none}.manager-dashboard .user-info{display:flex;flex-direction:column;background:transparent;border-bottom:none;padding:0;gap:0}.manager-dashboard .user-name{color:#fff;font-size:14px;font-weight:500}.manager-dashboard .user-role{color:#888;font-size:12px;font-weight:400}.manager-dashboard .logout-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:10px;background:transparent;border:1px solid #333;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .2s;transform:none;box-shadow:none}.manager-dashboard .logout-btn:hover{background:#252525;color:#fff;border-color:#ef4444;transform:none;box-shadow:none}.manager-dashboard .sidebar-overlay{position:fixed;inset:0;background:#0009;z-index:99;backdrop-filter:blur(2px);display:block}.manager-dashboard .manager-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.manager-dashboard .manager-header{background:#1a1a1a;padding:20px 30px;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.manager-dashboard .header-mobile-left{display:flex;align-items:center;gap:15px}.manager-dashboard .manager-header h1{font-size:22px;color:#fff;margin:0;font-weight:600}.manager-dashboard .header-date{color:#888;font-size:14px;background:transparent;border:none;padding:0;border-radius:0}.manager-dashboard .mobile-menu-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:5px}.manager-dashboard .manager-content{flex:1;padding:30px}.manager-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.manager-dashboard .section-header h2{font-size:20px;color:#fff;margin:0;font-weight:600}.manager-dashboard .dashboard-overview{display:flex;flex-direction:column;gap:20px}.manager-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:0}.manager-dashboard .stat-card{background:#1a1a1a;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #2a2a2a;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:none;backdrop-filter:none}.manager-dashboard .stat-card:before{display:none}.manager-dashboard .stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 20px #0006}.manager-dashboard .stat-icon{width:50px;height:50px;min-width:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:none}.manager-dashboard .stat-card:hover .stat-icon{transform:none}.manager-dashboard .stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669);box-shadow:none}.manager-dashboard .stat-icon.orders{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:none}.manager-dashboard .stat-icon.products{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:none}.manager-dashboard .stat-icon.users{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:none;color:#fff}.manager-dashboard .stat-info{display:flex;flex-direction:column;width:auto}.manager-dashboard .stat-label{color:#888;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.manager-dashboard .stat-value{color:#fff;font-size:26px;font-weight:700;line-height:1}.manager-dashboard .recent-orders{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #2a2a2a;backdrop-filter:none;box-shadow:none}.manager-dashboard .orders-table{overflow-x:auto;border-radius:8px;background:transparent;border:none}.manager-dashboard .orders-table table{width:100%;border-collapse:collapse}.manager-dashboard .orders-table th{padding:12px 15px;text-align:left;color:#666;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2a2a2a;background:transparent}.manager-dashboard .orders-table th:first-child,.manager-dashboard .orders-table th:last-child{border-radius:0}.manager-dashboard .orders-table td{padding:14px 15px;color:#ccc;font-size:14px;border-bottom:1px solid #2a2a2a;background:transparent;font-weight:400;transition:none}.manager-dashboard .orders-table tr:last-child td{border-bottom:none}.manager-dashboard .orders-table tbody tr:hover td{background:#252525}.manager-dashboard .orders-table tbody tr:last-child td:first-child,.manager-dashboard .orders-table tbody tr:last-child td:last-child{border-radius:0}.manager-dashboard .status-badge{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500;text-transform:capitalize;border:1px solid transparent;display:inline-flex;letter-spacing:0}.manager-dashboard .status-badge.warning{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.manager-dashboard .status-badge.info{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.manager-dashboard .status-badge.primary{background:#8b5cf626;color:#8b5cf6;border-color:#8b5cf64d}.manager-dashboard .status-badge.success{background:#10b98126;color:#10b981;border-color:#10b9814d}.manager-dashboard .status-badge.error{background:#ef444426;color:#ef4444;border-color:#ef44444d}.manager-dashboard .order-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.manager-dashboard .filter-btn{padding:7px 15px;background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#888;font-size:12px;cursor:pointer;transition:all .2s;text-transform:capitalize}.manager-dashboard .filter-btn:hover{border-color:var(--primary);color:#fff}.manager-dashboard .filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.manager-dashboard .orders-list{display:flex;flex-direction:column;gap:15px}.manager-dashboard .order-card{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #2a2a2a;transition:border-color .2s}.manager-dashboard .order-card:hover{border-color:#3a3a3a}.manager-dashboard .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.manager-dashboard .order-id{color:var(--primary);font-weight:600;font-size:16px}.manager-dashboard .order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.manager-dashboard .order-details .detail{display:flex;align-items:center;gap:8px;color:#888;font-size:14px}.manager-dashboard .order-details .detail svg{color:#666;flex-shrink:0}.manager-dashboard .order-details .detail .label{color:#666;font-weight:500}.manager-dashboard .order-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.manager-dashboard .item-tag{background:#252525;color:#aaa;padding:4px 12px;border-radius:15px;font-size:12px}.manager-dashboard .item-category-label{color:#666;font-size:11px;font-style:italic}.manager-dashboard .order-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #2a2a2a;align-items:center}.manager-dashboard .delivery-info{display:flex;align-items:center;gap:10px}.manager-dashboard .assigned-badge{color:#10b981;font-size:14px;display:flex;align-items:center;gap:6px}.manager-dashboard .assign-form{display:flex;flex-direction:column;gap:12px;width:100%;padding:12px;background:#252525;border-radius:8px;border:1px solid #333}.manager-dashboard .delivery-select{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;min-width:250px;width:100%}.manager-dashboard .delivery-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #10b98133}.manager-dashboard .delivery-select option{background:#1a1a1a;color:#fff}.manager-dashboard .assign-buttons{display:flex;gap:8px}.manager-dashboard .delivery-boys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.manager-dashboard .boy-card{background:#1a1a1a;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #2a2a2a;transition:border-color .2s,transform .2s}.manager-dashboard .boy-card:hover{border-color:var(--primary);transform:translateY(-2px)}.manager-dashboard .boy-avatar{width:50px;height:50px;min-width:50px;background:linear-gradient(135deg,var(--primary),var(--primary-light, #34d399));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;box-shadow:none}.manager-dashboard .boy-details h3{color:#fff;font-size:16px;margin:0 0 5px}.manager-dashboard .boy-details p{color:#888;font-size:14px;margin:0 0 8px;display:flex;align-items:center;gap:5px}.manager-dashboard .boy-details .status{font-size:12px;padding:3px 10px;border-radius:10px;display:inline-block}.manager-dashboard .boy-details .status.available{background:#10b98126;color:#10b981}.manager-dashboard .boy-details .status.unavailable{background:#ef444426;color:#ef4444}.manager-dashboard .loading-state,.manager-dashboard .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888}.manager-dashboard .loading-state .spin{animation:manager-spin 1s linear infinite;margin-bottom:15px}@keyframes manager-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.manager-dashboard .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.manager-dashboard .btn-primary{background:var(--primary);color:#fff}.manager-dashboard .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.manager-dashboard .btn-secondary{background:#333;color:#fff;border:1px solid #444}.manager-dashboard .btn-secondary:hover{background:#444}.manager-dashboard .btn-sm{padding:7px 14px;font-size:13px}.manager-dashboard .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.manager-dashboard .manager-sidebar{transform:translate(-100%);width:260px}.manager-dashboard .manager-sidebar.open{transform:translate(0)}.manager-dashboard .manager-main{margin-left:0}.manager-dashboard .mobile-menu-btn,.manager-dashboard .mobile-close-btn{display:flex}.manager-dashboard .manager-header{padding:15px 20px}.manager-dashboard .manager-content{padding:15px}.manager-dashboard .stats-grid{grid-template-columns:1fr 1fr}.manager-dashboard .delivery-boys-grid{grid-template-columns:1fr}.manager-dashboard .header-date{display:none}}@media (max-width: 480px){.manager-dashboard .stats-grid{grid-template-columns:1fr}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.theme-toggle-btn:hover{background:#252525;border-color:var(--primary, #FF5F00);color:var(--primary, #FF5F00)}.manager-dashboard .section-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manager-dashboard .action-buttons{display:flex;align-items:center;gap:8px}.delivery-boy-dashboard{min-height:100vh;background:#0f0f0f}.delivery-header{background:#1a1a1a;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:50}.header-left .logo .logo-img{height:32px;width:auto;object-fit:contain}.status-indicator.active svg{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.delivery-boy-dashboard .logout-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#252525;border:none;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.delivery-boy-dashboard .logout-btn:hover{background:#333;color:#fff}.tab-bar{display:flex;background:#141414;border-bottom:1px solid #222;padding:0 20px;gap:4px}.tab-btn{display:flex;align-items:center;gap:7px;padding:13px 18px;background:none;border:none;color:#666;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab-btn:hover{color:#ccc}.tab-btn.active{color:#ff5f00;border-bottom-color:#ff5f00}.delivery-main{max-width:600px;margin:0 auto;padding:20px}.loading-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.loading-state .spin{animation:spin 1s linear infinite;margin-bottom:15px}.no-delivery{text-align:center;padding:60px 20px;background:#1a1a1a;border-radius:16px;margin-bottom:30px}.no-delivery svg{color:#333;margin-bottom:20px}.no-delivery h2{color:#fff;font-size:20px;margin:0 0 10px}.no-delivery p{color:#888;margin:0}.active-delivery-card{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid #FF5F00;border-radius:16px;padding:25px;margin-bottom:30px}.delivery-badge{display:inline-flex;align-items:center;gap:8px;background:#ff5f0033;color:#ff5f00;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:10px}.payment-badge-db{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:14px;letter-spacing:.3px}.payment-badge-db.online{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.payment-badge-db.cash{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.payment-badge-sm{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.2px}.payment-badge-sm.online{background:#10b98126;color:#10b981}.payment-badge-sm.cash{background:#f59e0b26;color:#f59e0b}.active-delivery-card h2{color:#fff;font-size:24px;margin:0 0 20px}.delivery-info{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:20px}.info-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #2a2a2a}.info-row svg{color:#ff5f00;margin-top:2px}.info-row label{display:block;color:#666;font-size:12px;margin-bottom:4px}.info-row p{color:#fff;margin:0;font-size:14px}.maps-link-display{color:#ff5f00;text-decoration:underline;font-size:14px;font-weight:500}.maps-link-display:hover{color:#ff7d2e}.coords-text{color:#888!important;font-family:monospace;font-size:12px!important}.maps-link-tiny{color:#ff5f00;text-decoration:none;font-weight:600;font-size:13px}.delivery-actions{display:flex;gap:10px}.btn-complete{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.location-error{color:#ef4444;font-size:14px;margin-top:15px;text-align:center}.requests-section h3{color:#fff;font-size:18px;margin:0 0 15px}.no-requests{text-align:center;padding:40px 20px;background:#1a1a1a;border-radius:12px;color:#666}.no-requests svg{margin-bottom:10px;opacity:.5}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #2a2a2a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.request-header-right{display:flex;align-items:center;gap:8px}.order-id{color:#ff5f00;font-weight:600;font-size:16px}.request-time{color:#666;font-size:12px}.request-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.request-details .detail{display:flex;align-items:center;gap:10px;color:#888;font-size:14px}.request-details .detail svg{color:#666;flex-shrink:0}.request-actions{display:flex;gap:10px}.btn-accept,.btn-decline{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-accept{background:#10b981;color:#fff}.btn-accept:hover{background:#059669}.btn-decline{background:#252525;color:#888}.btn-decline:hover{background:#333;color:#fff}.history-header{margin-bottom:24px}.history-header h2{color:#fff;font-size:22px;margin:0 0 4px}.history-header p{color:#666;font-size:14px;margin:0}.history-section-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:12px;margin-top:24px}.history-section-label:first-of-type{margin-top:0}.history-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px}.history-stat-card{background:#1a1a1a;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid #222;transition:border-color .2s}.history-stat-card.today{border-color:#ff5f0033}.history-stat-card.alltime{border-color:#252525}.history-stat-card:hover{border-color:#333}.delivery-boy-dashboard .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.delivery-boy-dashboard .stat-icon.deliveries{background:#ff5f0026;color:#ff5f00}.delivery-boy-dashboard .stat-icon.distance{background:#3b82f626;color:#3b82f6}.delivery-boy-dashboard .stat-info{display:flex;flex-direction:column;gap:3px}.delivery-boy-dashboard .stat-value{color:#fff;font-size:28px;font-weight:700;line-height:1;display:flex;align-items:flex-end;gap:3px}.delivery-boy-dashboard .stat-value small{color:#888;font-size:14px;font-weight:500;margin-bottom:2px}.delivery-boy-dashboard .stat-label{color:#666;font-size:12px;font-weight:500}.refresh-stats-btn{margin-top:24px;width:100%;padding:13px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-stats-btn:hover{border-color:#444;color:#fff}.history-loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:#666}.history-spinner{width:36px;height:36px;border:3px solid #222;border-top-color:#ff5f00;border-radius:50%;animation:spin .8s linear infinite}.history-error{text-align:center;padding:60px 20px;color:#666}.history-error svg{opacity:.3;margin-bottom:14px}.history-error p{margin:0 0 16px}.history-error button{padding:10px 20px;background:#252525;border:1px solid #333;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .2s}.history-error button:hover{background:#333;color:#fff}.btn-drive{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;background:#ff5f00;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.btn-drive:hover{background:#ff7d2e}@media (max-width: 480px){.delivery-main{padding:15px}.active-delivery-card{padding:20px}.active-delivery-card h2{font-size:20px}.delivery-actions,.request-actions{flex-direction:column}.history-stats-grid{grid-template-columns:1fr}.tab-btn{padding:12px 14px;font-size:13px}}.order-details-page{min-height:100vh;background:#0f0f0f;color:#fff}.order-details-header{background:#1a1a1a;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a2a;position:sticky;top:0;z-index:100}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.back-btn:hover{background:#252525}.header-right{display:flex;align-items:center;gap:15px}.status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#252525;border-radius:20px;font-size:12px;color:#888}.status-indicator.active{background:#10b98133;color:#10b981}.order-details-page .logout-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#252525;border:none;border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.order-details-page .logout-btn:hover{background:#333;color:#fff}.order-details-main{max-width:500px;margin:0 auto;padding:20px}.order-details-card{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid #FF5F00;border-radius:16px;padding:30px}.order-badge{display:inline-flex;align-items:center;gap:8px;background:#ff5f0033;color:#ff5f00;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:20px}.order-details-card h1{color:#fff;font-size:28px;margin:0 0 25px;text-align:center}.customer-section h3,.order-summary h3{color:#fff;margin:0 0 15px;font-size:18px}.customer-info{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:20px}.info-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #2a2a2a}.info-row:last-child{border-bottom:none}.info-row svg{color:#ff5f00;margin-top:4px;flex-shrink:0}.info-row label{display:block;color:#888;font-size:12px;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.info-row p{color:#fff;margin:0;font-size:16px;font-weight:500;line-height:1.4}.order-summary{background:#1a1a1a;border-radius:12px;padding:15px 20px;margin-bottom:25px}.summary-row{display:flex;justify-content:space-between;font-size:16px;padding:10px 0}.summary-row:last-child{font-weight:600;font-size:18px;color:#ff5f00}.delivery-actions{display:flex;flex-direction:column;gap:15px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-start-driving{background:#3b82f6;color:#fff}.btn-start-driving:hover:not(:disabled){background:#2563eb}.btn-start-driving.active,.btn-start-driving:disabled{background:#10b981}.btn-complete{background:#10b981;color:#fff}.btn-complete:hover{background:#059669}.location-error{color:#ef4444;font-size:14px;margin-top:15px;text-align:center;background:#ef44441a;padding:12px;border-radius:8px;border-left:4px solid #ef4444}.order-details-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.order-details-loading .spin{animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px;letter-spacing:.3px}.payment-badge.online{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.payment-badge.cash{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-cancel-order{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)!important}.btn-cancel-order:hover{background:#ef444438;border-color:#ef444480!important}.cancel-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}.cancel-modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;padding:30px;width:100%;max-width:420px;position:relative;box-shadow:0 24px 60px #0009}.cancel-modal-close{position:absolute;top:16px;right:16px;background:#252525;border:none;color:#888;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cancel-modal-close:hover{background:#333;color:#fff}.cancel-modal-icon{width:60px;height:60px;border-radius:16px;background:#f59e0b26;color:#f59e0b;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cancel-modal-icon.other{background:#6366f126;color:#818cf8}.cancel-modal h2{color:#fff;font-size:22px;text-align:center;margin:0 0 8px}.cancel-modal-sub{color:#888;font-size:14px;text-align:center;margin:0 0 24px}.cancel-choices{display:flex;flex-direction:column;gap:12px}.cancel-choice-btn{display:flex;align-items:center;gap:14px;padding:16px;background:#252525;border:1px solid #2a2a2a;border-radius:14px;cursor:pointer;text-align:left;transition:all .2s;width:100%;color:#fff}.cancel-choice-btn:hover:not(:disabled){border-color:#444;background:#2e2e2e}.cancel-choice-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-choice-btn svg{flex-shrink:0;opacity:.7}.cancel-choice-btn.customer svg{color:#ef4444}.cancel-choice-btn.other svg{color:#818cf8}.cancel-choice-btn strong{display:block;font-size:15px;font-weight:600;margin-bottom:3px;color:#fff}.cancel-choice-btn span{display:block;font-size:12px;color:#888}.cancel-choice-btn.customer:hover:not(:disabled){border-color:#ef444466;background:#ef444414}.cancel-choice-btn.other:hover:not(:disabled){border-color:#818cf866;background:#818cf814}.cancel-reason-input{width:100%;background:#252525;border:1px solid #333;border-radius:12px;color:#fff;font-size:14px;padding:14px;resize:vertical;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box;margin-bottom:16px}.cancel-reason-input:focus{border-color:#ff5f00}.cancel-reason-input::placeholder{color:#555}.cancel-modal-actions{display:flex;gap:10px}.btn-modal-back{flex:1;padding:13px;background:#252525;border:1px solid #333;border-radius:10px;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-modal-back:hover:not(:disabled){background:#333;color:#fff}.btn-modal-confirm{flex:2;padding:13px;background:#ef4444;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-modal-confirm:hover:not(:disabled){background:#dc2626}.btn-modal-confirm:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 480px){.order-details-main{padding:15px}.order-details-card{padding:20px}.order-details-card h1{font-size:24px}.cancel-modal{padding:24px 20px}}:root{--primary: #10b981;--primary-hover: #059669;--primary-light: #34d399;--primary-pale: #d1fae5;--primary-glow: rgba(16, 185, 129, .25);--accent: #0ea5e9;--bg-page: #f8fafc;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .7);--bg-elevated: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .6);--bg-input: rgba(255, 255, 255, .8);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: rgba(15, 23, 42, .08);--border-light: rgba(15, 23, 42, .04);--border-green: rgba(16, 185, 129, .3);--border-glass: rgba(255, 255, 255, .5);--header-bg: rgba(255, 255, 255, .75);--header-border: rgba(15, 23, 42, .08);--header-shadow: 0 4px 30px rgba(0, 0, 0, .03);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--star: #fbbf24;--shadow-xs: 0 2px 8px rgba(15, 23, 42, .04);--shadow-sm: 0 4px 16px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--shadow-card: 0 8px 32px rgba(15, 23, 42, .06);--shadow-green: 0 8px 24px rgba(16, 185, 129, .25);--shadow-glow: 0 0 24px rgba(16, 185, 129, .4);--font-heading: "Outfit", -apple-system, sans-serif;--font-family: "Inter", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--glass-blur: blur(20px);--glass-blur-heavy: blur(40px);--logo-blend: multiply;--logo-filter: none}html.dark{--primary: #10b981;--primary-hover: #34d399;--primary-light: #6ee7b7;--primary-pale: rgba(16, 185, 129, .15);--primary-glow: rgba(16, 185, 129, .35);--bg-page: #09090b;--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-card: rgba(24, 24, 27, .6);--bg-elevated: rgba(39, 39, 42, .8);--bg-glass: rgba(9, 9, 11, .6);--bg-input: rgba(24, 24, 27, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #020617;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-green: rgba(16, 185, 129, .3);--border-glass: rgba(255, 255, 255, .1);--header-bg: rgba(9, 9, 11, .75);--header-border: rgba(255, 255, 255, .08);--header-shadow: 0 4px 30px rgba(0, 0, 0, .4);--shadow-xs: 0 2px 8px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-green: 0 8px 24px rgba(16, 185, 129, .3);--logo-blend: screen;--logo-filter: invert(1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-normal),color var(--transition-normal);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(14,165,233,.05) 0px,transparent 50%);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}@media (max-width: 768px){.container{padding:0 var(--space-lg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.1rem,1.5vw,1.35rem)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-bounce);white-space:nowrap;text-decoration:none;letter-spacing:.01em;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-green);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);color:#fff}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:left .5s ease}.btn-primary:hover:after{left:150%}.btn-secondary{background:var(--bg-glass);backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--primary);background:var(--primary-pale)}.btn-sm{padding:10px 16px;font-size:.875rem;border-radius:var(--radius-sm)}.btn-lg{padding:18px 32px;font-size:1.125rem;border-radius:var(--radius-lg)}input,textarea,select{font-family:var(--font-family);font-size:1rem;padding:14px 18px;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);width:100%;backdrop-filter:var(--glass-blur)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:var(--bg-elevated)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-glass);transition:all var(--transition-bounce)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border-green)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--primary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.accent-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass)}.badge-primary{background:var(--primary-pale);color:var(--primary);border-color:var(--primary-glow)}.badge-success{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:#f59e0b4d}.badge-error{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.glass{background:var(--bg-glass);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass)}.glass-heavy{background:var(--bg-card);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--border-glass)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0,0,.2,1)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-glow);color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-lg)}.modal-content{background:var(--bg-card);backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--space-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:16px var(--space-xl);background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2000;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-heading);font-weight:500}.site-footer{background:var(--bg-glass);backdrop-filter:var(--glass-blur);color:var(--text-muted);padding:24px var(--space-xl);text-align:center;border-top:1px solid var(--border-glass);font-size:.9375rem;margin-top:auto}.site-footer a{color:var(--primary);font-weight:600}.w-full{width:100%}@media (max-width: 768px){.container{padding:0 var(--space-md)}}