:root{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #86efac;--secondary: #0f172a;--accent: #2563eb;--accent-light: #60a5fa;--background: #ffffff;--surface: #f8fafc;--border: #e2e8f0;--text: #1e293b;--text-light: #64748b;--error: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius: 16px;--radius-sm: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden;touch-action:manipulation}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:72px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;height:72px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;transition:box-shadow var(--transition-base),background var(--transition-base);animation:slideDown .4s ease-out;padding-top:env(safe-area-inset-top)}.header.scrolled{box-shadow:var(--shadow-md)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}.nav{display:flex;gap:24px}.nav-link{display:flex;align-items:center;gap:6px;color:var(--text);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:none;background:none;cursor:pointer;color:var(--text);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.icon-button:hover{background:var(--surface);transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.cart-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:none;background:none;cursor:pointer;color:var(--text);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cart-button:hover{background:var(--surface);transform:scale(1.05)}.cart-button:active{transform:scale(.95)}.cart-button.cart-drag-active{transform:scale(1.4);background:var(--primary);color:#fff;box-shadow:0 0 40px #22c55e99,0 0 80px #22c55e4d;animation:cartPulse .8s ease-in-out infinite;z-index:1001;position:relative}@keyframes cartPulse{0%,to{transform:scale(1.4)}50%{transform:scale(1.5)}}.drop-hint{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #22c55e66;animation:dropHintBounce .6s ease-in-out infinite;pointer-events:none}@keyframes dropHintBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.cart-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #22c55e66;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55),pulse 2s ease-in-out infinite .5s}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.menu-toggle{display:none}.user-menu{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;z-index:1000}.dropdown-header{padding:12px 16px;background:var(--surface);font-size:14px;color:var(--text-light);border-bottom:1px solid var(--border)}.dropdown-item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:var(--text);cursor:pointer;text-decoration:none;transition:background .2s}.dropdown-item:hover{background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-smooth),height var(--transition-smooth)}.btn:active:before{width:300px;height:300px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #22c55e40}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #22c55e73}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:16px 32px;font-size:16px}.btn-block{width:100%}.btn-social{background:var(--surface);border:1px solid var(--border);color:var(--text);flex:1}.btn-social:hover{background:var(--border)}.hero{color:#fff;padding:140px 24px;text-align:center;position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0006,#0009),url(https://images.pexels.com/photos/264636/pexels-photo-264636.jpeg?auto=compress&cs=tinysrgb&w=1920) center/cover;background-attachment:fixed}.hero .banner-carousel{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:0}.hero .banner-carousel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000080,#000000b3);z-index:1}.hero .banner-carousel .banner-overlay{display:none}.hero .banner-slide,.hero .banner-slide a{height:100%}.hero .carousel-button,.hero .carousel-indicators{z-index:3}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(34,197,94,.3) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(34,197,94,.25) 0%,transparent 55%);animation:shimmer 8s ease-in-out infinite;z-index:2;pointer-events:none}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(255,255,255,.03) 100px,rgba(255,255,255,.03) 200px);animation:slide 30s linear infinite;pointer-events:none;z-index:2}@keyframes slide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.hero-content{max-width:700px;margin:0 auto;position:relative;z-index:10;animation:fadeInUp .8s ease-out}.hero h1{font-size:64px;font-weight:800;margin-bottom:28px;line-height:1.1;letter-spacing:-1.5px;text-shadow:0 6px 32px rgba(0,0,0,.5);text-transform:capitalize;animation:slideInLeft 1s ease-out}.hero p{font-size:22px;opacity:.95;font-weight:400;line-height:1.6;text-shadow:0 2px 16px rgba(0,0,0,.4);max-width:600px;margin:0 auto;animation:slideInRight 1s ease-out .3s backwards}.admin-access-section{padding:32px 0;background:var(--surface)}.admin-access-card{display:flex;align-items:center;gap:20px;background:var(--background);border:2px solid var(--border);border-radius:var(--radius);padding:24px;max-width:500px;margin:0 auto;animation:scaleIn .6s ease-out .5s backwards;transition:all var(--transition-smooth)}.admin-access-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:var(--secondary)}.admin-access-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--secondary) 0%,#374151 100%);color:#fff;border-radius:var(--radius-sm);flex-shrink:0}.admin-access-content{flex:1}.admin-access-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.admin-credentials{font-size:14px;color:var(--text-light);margin-bottom:16px;line-height:1.6}.admin-credentials strong{color:var(--text)}.stores-section{padding:80px 0}.stores-section h2{font-size:36px;font-weight:800;margin-bottom:48px;letter-spacing:-.5px;text-align:center;animation:scaleIn .8s ease-out .3s backwards;position:relative}.stores-section h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:2px;animation:glow 2s ease-in-out infinite}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.store-card{background:var(--background);border:3px solid transparent;border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-smooth);animation:fadeInUp .5s ease-out backwards;will-change:transform;box-shadow:0 2px 12px #0000000a;background-image:linear-gradient(var(--background),var(--background)),linear-gradient(135deg,#d4af37,#f9e79f,#d4af37,#f4d03f,#d4af37,#f9e79f 75%,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;background-size:400% 400%;position:relative}.store-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:skew(-25deg);animation:goldShine 3s linear infinite;pointer-events:none;z-index:10}.store-card:nth-child(1){animation-delay:.1s}.store-card:nth-child(2){animation-delay:.2s}.store-card:nth-child(3){animation-delay:.3s}.store-card:nth-child(4){animation-delay:.4s}.store-card:nth-child(5){animation-delay:.5s}.store-card:nth-child(6){animation-delay:.6s}.store-card:hover{transform:translateY(-12px) scale(1.03) rotate(1deg);box-shadow:0 20px 60px #00000026,0 0 40px #d4af3780,inset 0 0 20px #f9e79f4d;animation:float 3s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes glow{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 20px #22c55e99,0 0 40px #22c55e66}}@keyframes goldShine{0%{left:-100%}to{left:200%}}.store-card-image{aspect-ratio:16/9;overflow:hidden;position:relative}.store-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.store-card:hover .store-card-image img{transform:scale(1.2) rotate(-2deg);filter:brightness(1.1) contrast(1.1)}.store-card-content{padding:20px}.store-card-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.store-card-content p{color:var(--text-light);font-size:14px;margin-bottom:16px}.store-card-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600;font-size:14px;transition:gap var(--transition-base)}.store-card:hover .store-card-link{gap:8px}.store-card:hover .store-card-link svg{animation:slideInRight .4s ease-out}.store-page{padding-bottom:64px}.store-header{background:var(--surface);padding:24px;margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-light);text-decoration:none;margin-bottom:20px;font-size:14px}.back-link:hover{color:var(--primary)}.store-info{max-width:1200px;margin:0 auto}.store-banner{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius);margin-bottom:24px}.banner-carousel{position:relative;width:100%;height:400px;overflow:hidden;border-radius:var(--radius);margin-bottom:24px;background:var(--surface)}.carousel-slides{display:flex;height:100%;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;height:100%;position:relative;transition:transform .5s ease-in-out}.carousel-slide .banner-image{width:100%;height:100%;object-fit:cover}.banner-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:32px;color:#fff}.banner-content h2{font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.banner-content p{font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-base);box-shadow:0 2px 12px #00000026}.carousel-button:hover{background:#fff;box-shadow:0 4px 16px #0003;transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:16px}.carousel-button.next{right:16px}.carousel-indicators{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-indicators .indicator{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-base);padding:0}.carousel-indicators .indicator:hover{background:#fffc;transform:scale(1.2)}.carousel-indicators .indicator.active{background:#fff;width:24px;border-radius:5px}.store-details h1{font-size:32px;font-weight:700;margin-bottom:8px}.store-details p{color:var(--text-light);font-size:16px}.promo-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:32px;margin-bottom:48px;box-shadow:0 4px 12px #22c55e26}.promo-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--primary)}.promo-header h2{font-size:28px;font-weight:700;margin:0}.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.products-section{margin-bottom:48px}.section-header{margin-bottom:32px}.section-header h2{font-size:24px;font-weight:700;margin-bottom:16px}.category-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.category-btn{padding:10px 20px;border:2px solid var(--border);border-radius:50px;background:var(--background);color:var(--text-light);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.category-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface)}.category-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.category-section{margin-bottom:48px}.category-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text);padding-bottom:12px;border-bottom:2px solid var(--border)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition-smooth);animation:fadeInUp .4s ease-out backwards;box-shadow:0 2px 8px #0000000a}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.product-card:hover{box-shadow:0 12px 40px #0000001f,0 0 0 1px var(--primary);transform:translateY(-8px) scale(1.05);border-color:var(--primary)}.product-image{aspect-ratio:1;overflow:hidden;position:relative;background:var(--surface)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.product-card:hover .product-image img{transform:scale(1.15) rotate(2deg);filter:brightness(1.1)}.product-content{padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-content h4{flex:1;font-size:14px;font-weight:500;min-width:100%}.product-price{font-size:16px;font-weight:700;color:var(--text);flex:1}.product-pricing{display:flex;align-items:center;gap:8px;flex:1}.sale-price{font-size:18px;font-weight:700;color:#dc2626}.regular-price{font-size:14px;color:var(--text-light);text-decoration:line-through}.discount-badge{position:absolute;top:12px;right:12px;background:#dc2626;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #dc26264d;z-index:2}.product-card.on-sale{border-color:#dc2626}.product-card.on-sale:hover{box-shadow:0 12px 40px #dc262633,0 0 0 2px #dc2626}.product-quantity{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin:8px 0}.add-button{width:100%;height:48px;min-height:48px;border-radius:var(--radius-sm);border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;transition:all var(--transition-base);box-shadow:0 2px 8px #22c55e33;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-button:active:before{width:300px;height:300px}.add-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #22c55e73;animation:pulse .6s ease-in-out}.add-button:active:not(:disabled){transform:translateY(0) scale(.98)}.add-button.added{background:var(--success);animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.product-drag-clone{animation:dragFloat .3s ease-out}@keyframes dragFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.drag-clone-card{width:200px;background:#fff;border:3px solid var(--primary);border-radius:var(--radius);box-shadow:0 20px 60px #0000004d,0 0 40px #22c55e66;overflow:hidden;animation:clonePulse .8s ease-in-out infinite;position:relative}@keyframes clonePulse{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.05) rotate(3deg)}}.drag-clone-card img{width:100%;height:140px;object-fit:cover}.drag-clone-info{padding:12px;background:var(--primary);color:#fff;display:flex;flex-direction:column;gap:4px}.drag-clone-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-clone-price{font-size:16px;font-weight:700}.drag-clone-quantity{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 10px;border-radius:20px;font-size:14px;font-weight:700}.drag-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-image:hover .drag-hint{opacity:1}.product-image:active .drag-hint{opacity:0}.cart-overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-smooth);z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:var(--background);box-shadow:-8px 0 32px #00000026;transform:translate(100%);transition:transform var(--transition-smooth) cubic-bezier(.4,0,.2,1);z-index:201;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.cart-drawer.open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.cart-header h2{font-size:18px;font-weight:600}.cart-content{flex:1;overflow-y:auto;padding:20px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-light)}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cart-item-image{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface)}.cart-item-details{flex:1}.cart-item-details h4{font-size:14px;font-weight:500;margin-bottom:4px}.cart-item-price{font-size:14px;color:var(--text-light);margin-bottom:8px}.quantity-controls{display:flex;align-items:center;gap:8px}.quantity-btn{width:36px;height:36px;min-width:36px;border:1px solid var(--border);border-radius:8px;background:var(--background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.quantity-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface)}.quantity-btn:active{transform:scale(.9)}.quantity{font-weight:500;min-width:24px;text-align:center}.remove-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--error);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto}.remove-btn:hover{background:#ef44441a}.cart-footer{padding:20px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;font-size:18px;font-weight:600;margin-bottom:16px}.auth-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--surface)}.auth-card{background:var(--background);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px}.auth-card h1{font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--text-light);text-align:center;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.error-message{background:#ef44441a;color:var(--error);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 16px;color:var(--text-light);font-size:14px}.social-buttons{display:flex;gap:12px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-light)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.checkout-page{padding:40px 0}.checkout-page h1{font-size:28px;font-weight:700;margin-bottom:32px}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:40px}.checkout-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.checkout-section h2{font-size:18px;font-weight:600;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full-width{grid-column:span 2}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.payment-option.selected{border-color:var(--primary);background:#22c55e0d}.payment-option input{display:none}.payment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);color:var(--primary)}.payment-details{display:flex;flex-direction:column;gap:4px;flex:1}.payment-title{font-weight:600;font-size:15px}.payment-description{font-size:13px;color:var(--text-light)}.loading-payment{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--text-light)}.payment-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#6366f11a;color:var(--primary)}.payment-badge.paid{background:#22c55e1a;color:var(--success)}.payment-badge.failed{background:#ef44441a;color:var(--error)}.order-summary{background:var(--surface);border-radius:var(--radius);padding:24px;height:fit-content;position:sticky;top:112px}.order-summary h2{font-size:18px;font-weight:600;margin-bottom:20px}.summary-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.summary-item{display:flex;align-items:center;gap:12px}.summary-item img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.summary-item-details{flex:1;display:flex;flex-direction:column;font-size:14px}.summary-item-details .quantity{color:var(--text-light)}.summary-item-price{font-weight:500}.summary-totals{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;font-size:14px}.summary-row.total{font-size:18px;font-weight:600;padding-top:12px;border-top:1px solid var(--border)}.confirmation-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:40px 24px}.confirmation-card{text-align:center;max-width:500px}.confirmation-icon{color:var(--success);margin-bottom:24px}.confirmation-card h1{font-size:32px;font-weight:700;margin-bottom:12px}.confirmation-message{color:var(--text-light);margin-bottom:32px}.order-details{background:var(--surface);border-radius:var(--radius);padding:24px;margin-bottom:32px}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;background:var(--primary-light);color:var(--primary-dark)}.confirmation-actions{display:flex;gap:16px;justify-content:center}.orders-page{padding:40px 0}.orders-page h1{font-size:28px;font-weight:700;margin-bottom:32px}.empty-state{text-align:center;padding:80px 40px;color:var(--text-light)}.empty-state svg{margin-bottom:16px;opacity:.3}.empty-state h2{font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state p{margin-bottom:24px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.order-id{font-weight:600;display:block}.order-date{font-size:13px;color:var(--text-light)}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-refunded{background:#e5e7eb;color:#374151}.order-items{padding:16px 20px}.order-item-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.order-item-row span:first-child{flex:1}.order-footer{padding:16px 20px;border-top:1px solid var(--border)}.order-total{font-size:16px;font-weight:600}.admin-page{padding:40px 0}.admin-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.admin-header p{color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;align-items:center;gap:16px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--surface);border-radius:var(--radius-sm);color:var(--primary)}.stat-icon.connected{color:var(--success)}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-light)}.stores-dashboard{margin-top:40px}.stores-dashboard h2{font-size:20px;font-weight:600;margin-bottom:24px}.store-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.store-dashboard-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:box-shadow .2s}.store-dashboard-card:hover{box-shadow:var(--shadow)}.store-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.store-dashboard-info h3{font-size:18px;font-weight:600;margin-bottom:8px}.store-dashboard-meta{display:flex;align-items:center;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-connected{background:#22c55e1a;color:var(--success)}.status-disconnected{background:#ef44441a;color:var(--error)}.store-dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media(min-width:1200px){.store-dashboard-stats{grid-template-columns:repeat(4,1fr)}}.store-stat{text-align:center;padding:12px;background:var(--surface);border-radius:var(--radius-sm)}.store-stat-label{font-size:12px;color:var(--text-light);margin-bottom:4px}.store-stat-value{font-size:20px;font-weight:600}.sync-message{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-sm);font-size:13px;margin-top:16px}.sync-success{background:#22c55e1a;color:var(--success)}.sync-error{background:#ef44441a;color:var(--error)}.configure-link{display:inline-block;margin-top:12px;color:var(--primary);font-size:14px;text-decoration:none;font-weight:500}.configure-link:hover{text-decoration:underline}.spinning{animation:spin 1s linear infinite}.admin-content{display:grid;grid-template-columns:280px 1fr;gap:32px}.settings-sidebar{background:var(--surface);border-radius:var(--radius);padding:20px;height:fit-content}.settings-sidebar h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-light);margin-bottom:16px}.store-list{list-style:none}.store-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.store-item:hover{background:var(--background)}.store-item.active{background:var(--background);color:var(--primary)}.connected-icon{color:var(--success);margin-left:auto}.settings-main{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.settings-main h2{font-size:20px;font-weight:600;margin-bottom:24px}.settings-form .form-group{margin-bottom:24px}.form-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-light)}.input-with-toggle{position:relative}.input-with-toggle input{padding-right:48px}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-light);cursor:pointer;padding:4px}.form-actions{display:flex;gap:16px;margin-top:32px}.alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-sm);margin-bottom:24px;font-size:14px}.alert-success{background:#22c55e1a;color:var(--success)}.alert-error{background:#ef44441a;color:var(--error)}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 72px);animation:fadeIn .3s ease-out}.spinner{width:48px;height:48px;border:4px solid var(--surface);border-top-color:var(--primary);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-banner{width:100%;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);transition:all var(--transition-smooth);margin-bottom:24px;animation:fadeInUp .6s ease-out;cursor:pointer}.ad-banner:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 60px #0003}.ad-banner:hover .ad-banner-content img{transform:scale(1.1);filter:brightness(1.15)}.ad-banner-content img{transition:transform .6s ease-out,filter .6s ease-out}.ad-banner-content{position:relative;width:100%}.ad-banner-content img{width:100%;height:200px;object-fit:cover;display:block}.ad-banner-text{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.ad-banner-text h3{font-size:24px;font-weight:700;margin:0 0 8px}.ad-banner-text p{font-size:16px;margin:0;opacity:.9}.top-ads-section,.bottom-ads-section{padding:24px 0}.store-grid-item-full{grid-column:1 / -1}.stores-manager{display:grid;gap:24px}.store-manager-card{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:0 2px 8px #00000014}.store-edit-form{display:grid;gap:24px}.store-edit-image{display:flex;flex-direction:column;gap:16px}.store-edit-image img{width:100%;max-width:400px;height:250px;object-fit:cover;border-radius:var(--radius-sm)}.store-edit-details{display:flex;flex-direction:column;gap:16px}.store-edit-actions{display:flex;gap:12px;flex-wrap:wrap}.store-view{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.store-view-image img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-sm)}.store-view-details{display:flex;flex-direction:column;gap:12px}.store-view-details h3{margin:0;font-size:20px}.store-view-details p{margin:0;color:var(--text-light)}.store-api-credentials{margin-top:24px;padding:20px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm)}.api-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--primary)}.api-header h4{margin:0;font-size:16px;font-weight:600}.api-description{margin:0 0 16px;font-size:14px;color:var(--text-light)}.api-field{margin-bottom:16px}.api-field:last-child{margin-bottom:0}.api-field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.api-value{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.api-value code{flex:1;font-family:Monaco,Courier New,monospace;font-size:13px;color:var(--text);word-break:break-all}.btn-icon{background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-icon:hover{background:var(--border);color:var(--primary)}.copied-label{font-size:12px;color:var(--success);font-weight:600;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.api-generate-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.credential-name-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px;transition:border-color .2s}.credential-name-input:focus{outline:none;border-color:var(--primary)}.credentials-list{display:flex;flex-direction:column;gap:16px}.credential-item{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.credential-item.inactive{opacity:.6;background:#f1f5f9}.credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.credential-header h5{margin:0;font-size:15px;font-weight:600;color:var(--text)}.credential-actions{display:flex;gap:8px}.btn-danger{color:var(--error)}.btn-danger:hover{background:#fee;color:var(--error)}.credential-details{display:flex;flex-direction:column;gap:12px}.credential-meta{margin-top:8px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:12px}.credential-meta small{font-size:12px;color:var(--text-light)}.webhook-url{font-size:12px}.ads-list{display:grid;gap:16px}.ad-card{display:grid;grid-template-columns:200px 1fr auto;gap:20px;background:var(--surface);border:3px solid transparent;border-radius:var(--radius);padding:16px;box-shadow:0 2px 8px #00000014;align-items:center;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#d4af37,#f9e79f,#d4af37,#f4d03f,#d4af37,#f9e79f 75%,#d4af37);background-origin:border-box;background-clip:padding-box,border-box;background-size:400% 400%;position:relative;transition:all var(--transition-smooth);overflow:hidden}.ad-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:skew(-25deg);animation:goldShine 3s linear infinite;pointer-events:none;z-index:100}.ad-card:hover{box-shadow:0 4px 16px #0000001f,0 0 30px #d4af3766,inset 0 0 15px #f9e79f33;transform:translateY(-2px)}.ad-image{position:relative;width:200px;height:120px;border-radius:var(--radius-sm);overflow:hidden}.ad-image img{width:100%;height:100%;object-fit:cover}.inactive-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.ad-details{display:flex;flex-direction:column;gap:8px}.ad-details h3{margin:0;font-size:16px}.ad-details p{margin:0;color:var(--text-light);font-size:14px}.ad-meta{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;background:var(--background);border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.ad-actions{display:flex;gap:8px;align-items:center}.btn-icon{padding:8px;border:1px solid var(--border);background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text)}.btn-icon.btn-danger:hover{border-color:var(--error);color:var(--error)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border-radius:var(--radius);padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 24px;font-size:24px}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.image-preview{margin-top:12px;border-radius:var(--radius-sm);overflow:hidden}.image-preview img{width:100%;max-height:200px;object-fit:cover}.checkbox-label input[type=checkbox]{width:auto;margin:0}@media(max-width:768px){.ad-card{grid-template-columns:1fr}.ad-image{width:100%}.store-view{grid-template-columns:1fr}.admin-header>div:last-child{flex-direction:column;width:100%}.admin-header .btn{width:100%;justify-content:center}}.address-autocomplete{display:flex;flex-direction:column;gap:8px}.address-autocomplete label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text)}.address-autocomplete input.error{border-color:var(--error)}.input-error{display:flex;align-items:center;gap:6px;color:var(--error);font-size:13px;margin-top:-4px}.text-muted{color:var(--text-light);font-size:13px}input[readonly]{background:var(--background);cursor:not-allowed;opacity:.7}.payment-methods-list{margin-top:24px}.methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.method-card{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s}.method-card:hover{box-shadow:0 4px 12px #0000001f}.method-card.disabled{opacity:.6}.method-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.method-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary)}.method-info{flex:1}.method-info h3{margin:0;font-size:16px;color:var(--text)}.method-type{display:inline-block;padding:2px 8px;background:var(--background);border-radius:4px;font-size:12px;color:var(--text-light);text-transform:uppercase;margin-top:4px}.method-status{display:flex;align-items:center}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.method-description{color:var(--text-light);font-size:14px;margin:8px 0}.method-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.method-actions .btn{flex:1}.checkbox-label span{color:var(--text)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:var(--text)}.empty-state p{margin:0}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px);gap:24px}@media(max-width:1024px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.admin-content{grid-template-columns:1fr}.settings-sidebar{display:flex;gap:8px;overflow-x:auto;padding:12px}.settings-sidebar h3{display:none}.store-list{display:flex;gap:8px}.store-item{white-space:nowrap}}@media(max-width:768px){.container{padding:0 16px}.hero{padding:100px 20px}.hero h1{font-size:42px;font-weight:800;letter-spacing:-.8px}.hero p{font-size:19px}.nav{position:fixed;top:72px;left:0;right:0;background:var(--background);border-bottom:1px solid var(--border);padding:16px;flex-direction:column;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-smooth);box-shadow:var(--shadow-lg);z-index:99}.nav.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:16px;border-radius:var(--radius-sm);min-height:48px;display:flex;align-items:center;gap:12px;font-size:16px}.nav-link:active{background:var(--surface);transform:scale(.98)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:none;background:none;cursor:pointer;color:var(--text);transition:all var(--transition-fast)}.menu-toggle:active{transform:scale(.9)}.stores-grid{grid-template-columns:1fr;gap:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.form-grid{grid-template-columns:1fr}.form-grid .full-width{grid-column:span 1}.confirmation-actions,.social-buttons{flex-direction:column}.btn{padding:14px 24px;font-size:15px;min-height:48px}.store-card-content{padding:16px}.store-card-content h3{font-size:20px}.product-content{padding:12px}.product-card:hover{transform:none}.store-card:hover{transform:translateY(-4px)}.modal-overlay{padding:0;align-items:flex-end}.modal-content{padding:24px 20px;max-width:100%;max-height:85vh;border-radius:var(--radius) var(--radius) 0 0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content h2{font-size:20px;margin-bottom:20px}.modal-actions{flex-direction:column-reverse;gap:12px}.modal-actions .btn{width:100%}.admin-header{flex-direction:column;align-items:stretch!important;gap:16px}.admin-header .btn{width:100%}.ads-list{gap:16px}.ad-card{flex-direction:column}.ad-image{width:100%;height:200px}.ad-details{padding:16px}.ad-actions{padding:12px 16px;justify-content:center;border-top:1px solid var(--border)}.admin-page{padding-top:72px}.settings-grid{gap:16px}.upload-section{flex-direction:column;align-items:stretch;gap:12px}.upload-button{justify-content:center;width:100%}}@media(max-width:480px){.container{padding:0 12px}.cart-drawer{width:100%}.auth-card{padding:24px 16px}.settings-main{padding:16px}.hero{padding:80px 16px}.hero h1{font-size:32px;letter-spacing:-.8px}.hero p{font-size:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-content{padding:10px}.product-content h4{font-size:13px}.product-price{font-size:15px}.add-button{font-size:14px;height:48px;min-height:48px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea,.btn{min-height:48px;font-size:16px}.icon-button,.cart-button{width:48px;height:48px;min-width:48px}.modal-content{padding:20px 16px}.ad-meta{flex-wrap:wrap}.badge{font-size:11px;padding:4px 8px}.logo{font-size:20px}.header-actions{gap:8px}.dropdown-menu{min-width:180px}.admin-header h1{font-size:24px}.admin-header p{font-size:14px}}.upload-section{display:flex;align-items:center;gap:16px;margin-bottom:12px}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:14px;transition:all var(--transition-base);box-shadow:var(--shadow)}.upload-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-button:active{transform:translateY(0)}.upload-button input[type=file]:disabled{cursor:not-allowed}.upload-button:has(input:disabled){opacity:.6;cursor:not-allowed;pointer-events:none}.upload-hint{color:var(--text-light);font-size:13px}.store-selector{margin-bottom:24px;display:flex;align-items:center;gap:12px}.store-selector label{font-weight:600;color:var(--text)}.form-select{flex:1;max-width:400px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text);font-size:14px;cursor:pointer;transition:all var(--transition-base)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1a}.actions-bar{margin-bottom:24px;display:flex;justify-content:flex-end;gap:12px}.edit-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:32px}.edit-form h3{font-size:20px;font-weight:600;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:6px;color:var(--text)}.form-input{width:100%;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);color:var(--text);font-size:14px;transition:all var(--transition-base)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:var(--text-light)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:24px}.banners-list{margin-top:32px}.banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.banner-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition-base)}.banner-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.banner-item.inactive{opacity:.6}.banner-preview{position:relative;width:100%;height:200px;overflow:hidden;background:var(--surface)}.banner-preview img{width:100%;height:100%;object-fit:cover}.inactive-badge{position:absolute;top:12px;right:12px;background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600}.banner-info{padding:16px}.banner-info h4{font-size:16px;font-weight:600;margin-bottom:8px}.banner-info p{font-size:14px;color:var(--text-light);margin-bottom:12px;line-height:1.5}.banner-meta{display:flex;gap:12px;font-size:13px;color:var(--text-light)}.banner-actions{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-base);color:var(--text)}.btn-icon:hover{background:var(--background);border-color:var(--primary);color:var(--primary)}.btn-icon.danger:hover{border-color:#dc2626;color:#dc2626}.file-upload-container{display:flex;align-items:center;gap:12px}.file-input{display:none}.file-upload-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary);color:#fff;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);font-weight:500}.file-upload-label:hover{background:var(--primary-dark);transform:translateY(-1px)}.file-name{color:var(--text-light);font-size:14px}.image-preview{margin-top:12px;border-radius:var(--radius-base);overflow:hidden;border:1px solid var(--border)}.image-preview img{display:block;width:100%;height:auto;object-fit:contain}.banner-carousel{position:relative;width:100%;height:400px;overflow:hidden;border-radius:var(--radius-lg)}.banner-slide{position:relative;width:100%;height:100%}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-slide a{display:block;width:100%;height:100%}.banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:32px}.banner-content h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-content p{color:#ffffffe6;font-size:18px;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.banner-carousel{height:300px}.banner-content h2{font-size:24px}.banner-content p{font-size:16px}.banner-overlay{padding:24px}}