@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Space+Grotesk:wght@700;800&family=Poppins:wght@300;400;600;700;800&display=swap);.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.product-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}.product-card:hover:before{left:100%}.product-card:hover{box-shadow:0 25px 80px #0006;transform:translateY(-3px) scale(1.02)}.product-card.has-discount{border:1px solid #ef444433;position:relative}.product-card.has-discount:before{background:linear-gradient(135deg,#ef4444,#dc2626,#f59e0b);border-radius:16px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.product-card.has-discount:hover:before{opacity:.1}.product-img{border-radius:12px;height:200px;object-fit:cover;position:relative;transition:all .3s ease;width:100%}.product-img:hover{box-shadow:0 8px 25px #00d9ff4d;transform:scale(1.05)}.discount-badge{border-radius:12px;box-shadow:0 2px 8px #ef44444d;font-size:10px;font-weight:700;left:8px;padding:4px 8px;top:8px;z-index:2}.discount-badge span{align-items:center;display:flex;gap:4px}.product-content{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.product-info{flex:1 1;min-width:0}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;font-weight:700;line-height:1.4;margin-top:12px;overflow:hidden;position:relative}.product-title:after{background:var(--accent-gradient);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.product-card:hover .product-title:after{pointer-events:none;width:100%}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px;margin-top:8px;position:relative}.product-price:before{left:-12px;opacity:0;position:absolute;transition:opacity .3s ease}.product-card:hover .product-price:before{opacity:1}.discounted-price-display{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.price-current{color:var(--accent-cyan);font-size:18px;font-weight:800}.price-original{color:var(--text-muted);font-size:14px;opacity:.7;text-decoration:line-through}.price-discount{animation:percentageGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:8px;box-shadow:0 2px 6px #00d9ff4d;color:var(--bg-dark);font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}@keyframes percentageGlow{0%,to{box-shadow:0 2px 6px #00d9ff4d}50%{box-shadow:0 2px 12px #00d9ff80}}.product-rating{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;margin-top:8px}.rating-stars{display:flex;gap:2px}.rating-star{font-size:12px;opacity:.3;transition:opacity .2s ease}.rating-star.filled{opacity:1}.rating-value{color:var(--text-primary);font-weight:600}.rating-count{opacity:.8}.premium-badge{animation:premiumGlow 2s ease-in-out infinite alternate;border-radius:12px;font-size:10px;letter-spacing:.3px;margin-top:8px;padding:4px 8px}@keyframes premiumGlow{0%{box-shadow:0 2px 8px #00d9ff4d}to{box-shadow:0 4px 15px #a78bfa66}}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:13px;line-height:1.4;margin-top:6px;max-width:220px;overflow:hidden}.wishlist-btn{align-items:center;background:#f472b60d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-pink);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease}.wishlist-btn:hover{background:#f472b61a;box-shadow:0 4px 12px #f472b64d;transform:scale(1.1)}.wishlist-btn:active{transform:scale(.95)}.product-actions{gap:8px;margin-top:14px}.product-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 12px;position:relative;transition:all .2s ease}.product-actions .btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.product-actions .btn:hover:before{height:200px;width:200px}.product-actions .btn:hover{box-shadow:0 8px 25px #00d7ff4d;transform:translateY(-2px)}.product-actions .view-btn{background:#00d7ff0d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-cyan);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 12px;transition:all .2s ease}.product-actions .view-btn:hover{background:#00d7ff1a;box-shadow:0 4px 12px #00d7ff33;transform:translateY(-1px)}.product-card.placeholder{pointer-events:none}.placeholder-img:after,.placeholder-line:after{content:"";height:100%;left:-150px;position:absolute;top:0;width:150px}@media (max-width:768px){.product-card{padding:12px}.product-img{height:160px}.product-title{font-size:14px;margin-top:10px}.product-price{font-size:16px;margin-top:6px}.price-current{font-size:16px}.price-original{font-size:12px}.price-discount{font-size:9px;padding:1px 4px}.product-rating{font-size:11px;margin-top:6px}.rating-star{font-size:11px}.premium-badge{font-size:9px;padding:3px 6px}.product-description{font-size:12px;max-width:180px}.wishlist-btn{font-size:14px;padding:6px 10px}.product-actions{gap:6px;margin-top:12px}.product-actions .btn,.product-actions .view-btn{font-size:13px;padding:8px 10px}}@media (max-width:480px){.product-card{padding:10px}.product-img{height:140px}.product-title{font-size:13px;margin-top:8px}.product-price{font-size:15px;margin-top:5px}.price-current{font-size:15px}.product-rating{font-size:10px;margin-top:5px}.rating-star{font-size:10px}.product-description{font-size:11px;max-width:150px}.wishlist-btn{font-size:13px;padding:5px 8px}.product-actions{gap:5px;margin-top:10px}.product-actions .btn,.product-actions .view-btn{font-size:12px;padding:7px 8px}}.product-actions .btn:focus,.product-actions .view-btn:focus,.product-card:focus-within,.wishlist-btn:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-contrast:high){.product-card{border:2px solid var(--text-primary)}.product-card.has-discount{border-color:#ef4444}.product-title{color:var(--text-primary)}.product-price{color:var(--accent-cyan)}}@media (prefers-reduced-motion:reduce){.product-actions .btn,.product-actions .view-btn,.product-card,.product-img,.product-price,.product-title,.wishlist-btn{transition:none}.discount-badge,.placeholder-img:after,.placeholder-line:after,.premium-badge,.price-discount,.product-card:before{animation:none}}.header-hero-class{align-items:center;-webkit-backdrop-filter:blur(var(--blur-strength));backdrop-filter:blur(var(--blur-strength));background:linear-gradient(135deg,#a78bfa1a,#f472b60d);border:1px solid var(--card-border);border-radius:32px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:24px;margin-bottom:40px;padding:60px 40px;text-align:center}.header-hero-class:after{background:linear-gradient(135deg,var(--accent-cyan),#0000,var(--accent-purple));border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.hero-text-content{flex:1 1;text-align:left}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,8vw,64px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;position:relative}.hero-sub{animation:fadeInUp .8s ease-out .2s both;color:var(--text-secondary);font-size:clamp(14px,2vw,18px);line-height:1.6;max-width:600px;text-align:center}.categories-section{margin-bottom:40px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--card-border);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:24px 16px;position:relative;transition:all .3s ease}.category-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.category-card:hover:before{left:100%}.category-card:hover{background:#ffffff14;border-color:var(--accent-cyan);box-shadow:0 12px 35px #00d9ff33;transform:translateY(-5px)}.category-icon{font-size:32px;margin-bottom:12px;transition:all .3s ease}.category-card:hover .category-icon{transform:scale(1.1)}.category-name{color:var(--text-primary);font-size:14px;font-weight:600;text-align:center;transition:color .3s ease}.category-card:hover .category-name{color:var(--accent-cyan)}.trending-section{margin-bottom:40px}.trending-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:12px;padding:4px 8px;text-transform:uppercase}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 0 0 #ff6b6b00}}.trending-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.deals-section{margin:40px 0}.deal-timer{background:linear-gradient(135deg,#ff9f43,#ff6b6b);border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:12px;padding:4px 8px;text-transform:uppercase}.deals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.deals-grid:has(.deal-card:first-child:last-child){grid-template-columns:1fr;max-width:400px}.deals-grid:has(.deal-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:700px}.deal-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--card-border);border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease}.deal-card:hover{background:#ffffff14;border-color:var(--accent-cyan);box-shadow:0 12px 35px #ff9f4333;transform:translateY(-3px)}.deal-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:2}.deal-image{border-radius:20px 20px 0 0;height:160px;object-fit:cover;transition:transform .3s ease;width:100%}.deal-card:hover .deal-image{transform:scale(1.05)}.deal-content{padding:20px}.deal-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:700;line-height:1.3;margin-bottom:12px;overflow:hidden}.deal-pricing{align-items:center;display:flex;gap:12px;margin-bottom:16px}.deal-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff9f43,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.deal-original{color:var(--text-muted);font-size:14px;text-decoration:line-through}.deal-button{background:linear-gradient(135deg,#ff9f43,#ff6b6b);border:none;border-radius:12px;box-shadow:0 4px 15px #ff9f434d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.deal-button:hover{box-shadow:0 8px 25px #ff9f4366;transform:translateY(-2px)}.header-hero-class{transition:all .3s ease}.hero-desktop{display:flex}@media (max-width:768px){.header-hero-class{border-radius:24px;margin:20px auto;padding:40px 20px;width:95%}.hero-title{font-size:28px;line-height:1.2}.hero-sub{font-size:14px;margin-top:8px}}.hero-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a78bfa1a,#f472b60d);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);display:none;margin-bottom:24px;padding:24px}.hero-mobile-content{display:flex;flex-direction:column;gap:20px}.hero-mobile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;line-height:1.2;text-align:center}.hero-mobile-sub{color:var(--text-secondary);font-size:16px;line-height:1.4;text-align:center}@media (max-width:768px){.hero-desktop{display:none}.hero-mobile{display:block}.hero-mobile-title{font-size:22px}.hero-mobile-sub{font-size:14px}.categories-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.category-card{padding:20px 12px}.category-icon{font-size:28px;margin-bottom:10px}.category-name{font-size:13px}.deals-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.deal-content{padding:16px}.deal-title{font-size:14px}.deal-price{font-size:18px}}@media (max-width:480px){.header-hero-class{border-radius:16px;gap:16px;padding:16px}.hero-title{font-size:22px}.hero-sub{font-size:13px}.categories-grid{grid-template-columns:repeat(2,1fr)}.deals-grid{grid-template-columns:1fr}}@media (max-width:600px){.hero-title{font-size:24px}.header-hero-class{gap:16px;padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header-hero-class{overflow:hidden;position:relative}.header-hero-class:before{animation:rotateGradient 30s linear infinite;background:conic-gradient(from 0deg,#0000,#00d9ff1a,#0000,#a78bfa1a,#0000);content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.header-hero-class:before{animation-duration:40s}}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#00d7ff1a;color:var(--accent-cyan)}.form-actions{align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:24px}.form-actions .btn{flex:1 1;min-width:120px;overflow:hidden;position:relative}.form-actions .btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.form-actions .btn:hover:before{height:200px;width:200px}.form-actions .btn:hover{box-shadow:0 12px 30px #00d7ff4d;transform:translateY(-2px) scale(1.05)}.form-actions .link{border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;padding:8px 12px;text-decoration:none;transition:all .2s ease}.form-actions .link:hover{background:#00d7ff1a;color:var(--accent-cyan)}.error-message{align-items:center;animation:errorSlideIn .3s ease-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message:before{content:"⚠️";font-size:16px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{align-items:center;animation:successSlideIn .3s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#10b981;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 16px}.success-message:before{content:"✅";font-size:16px}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form.loading{opacity:.8;pointer-events:none}.form.loading .btn{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;transform:none}.form.loading .btn:before{display:none}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;margin-right:8px;width:16px}@media (max-width:768px){.form{border-radius:12px;margin:20px auto;padding:24px}.form h2{font-size:24px;margin-bottom:16px}.field{margin-bottom:20px}.field label{font-size:12px;margin-bottom:8px}.input{font-size:16px;padding:14px}.form-actions{flex-direction:column;gap:16px;margin-top:20px}.form-actions .btn,.form-actions .link{min-width:0;min-width:auto;text-align:center;width:100%}.error-message,.success-message{font-size:13px;padding:10px 12px}}@media (max-width:480px){.form{margin:16px auto;padding:20px}.form h2{font-size:22px}.input{padding:12px}.password-toggle{font-size:16px}}.field.valid .input{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.field.invalid .input{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field.error{animation:fieldShake .4s ease-in-out}@keyframes fieldShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.validation-message{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:4px}.field.valid .validation-message{color:#10b981}.field.invalid .validation-message{color:#ef4444}.field.valid .validation-message:before{content:"✓";font-weight:700}.field.invalid .validation-message:before{content:"✗";font-weight:700}.form:focus-within{box-shadow:0 25px 80px #0006,inset 0 1px 0 #ffffff1a}.input:disabled{background:#64748b1a;cursor:not-allowed;opacity:.6}.btn:disabled,.btn:disabled:hover{box-shadow:none;transform:none}@media (prefers-contrast:high){.form,.input{border:2px solid var(--text-primary)}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan)}}.profile-container{display:flex;flex-direction:column;gap:24px}.profile-card{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;gap:16px;margin-bottom:16px;padding:20px}.profile-avatar,.profile-card{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:600;height:64px;justify-content:center;width:64px}.profile-avatar.has-background{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#0000}.profile-info h3{color:var(--text-primary);font-size:18px;font-weight:800;margin:0}.profile-info p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.profile-section{margin-top:16px}.profile-section h4{color:var(--accent-cyan);font-size:16px;font-weight:600;margin-bottom:12px}.profile-section.purple h4{color:var(--accent-purple)}.profile-section.pink h4{color:var(--accent-pink)}.profile-section.primary h4{color:var(--text-primary)}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{background:#00d7ff0d;border:1px solid var(--card-border);border-radius:8px;padding:12px}.info-item.purple{background:#a78bfa0d}.info-item.pink{background:#f472b60d}.info-item.green{background:#34d3990d}.info-item.transparent{background:#ffffff05}.info-item-label{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.info-item-value{color:var(--text-primary);font-weight:600;word-break:break-all}.activity-item{background:#ffffff05;border:1px solid var(--card-border);border-radius:8px;margin-bottom:8px;padding:12px}.activity-item:last-child{margin-bottom:0}.activity-label{color:var(--text-secondary);font-size:14px;margin-right:8px}.activity-value{color:var(--accent-cyan);font-weight:600}.activity-status{color:var(--accent-pink);font-weight:600}.quick-actions-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-button{background:#f472b60d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-pink);cursor:pointer;display:inline-block;flex:1 1;font-weight:600;min-width:120px;padding:10px 18px;text-align:center;text-decoration:none;transition:all .2s ease}.action-button:hover{background:#f472b61a}.action-button.secondary{background:#a78bfa0d;color:var(--accent-purple)}.action-button.secondary:hover{background:#a78bfa1a}.action-button.primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#fff}.action-button.primary:hover{background:var(--accent-cyan-dark);border-color:var(--accent-cyan-dark)}.profile-section.red h4{color:#ef4444}.danger-zone{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:16px}.danger-zone h4{color:#ef4444;font-size:16px;font-weight:600;margin:0 0 8px}.danger-zone p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.btn{border:1px solid #0000;display:inline-block;font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-secondary{background:#6b72801a;border-color:#6b72804d;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#6b728033}.delete-confirmation{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:16px;padding:16px}.delete-confirmation p{color:var(--text-primary);margin:0 0 12px}.delete-confirmation p strong{color:#ef4444}.delete-actions{display:flex;flex-wrap:wrap;gap:12px}.delete-actions .btn{flex:1 1;min-width:140px}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.profile-card{text-align:center}.profile-card,.quick-actions-buttons{flex-direction:column}.action-button{min-width:0;min-width:auto}.delete-actions{flex-direction:column}.delete-actions .btn{min-width:0;min-width:auto}}.edit-profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 60px #0000004d,inset 0 1px 0 #ffffff0d;margin:40px auto;max-width:480px;padding:32px}.edit-profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;margin-bottom:12px;margin-top:0}.avatar-preview{align-items:center;background:#ffffff05;border:1px solid var(--card-border);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.avatar-preview-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:800;height:80px;justify-content:center;width:80px}.avatar-preview-info h3{color:var(--text-primary);font-weight:600;margin:0 0 4px}.avatar-preview-info p{color:var(--text-secondary);font-size:14px;margin:0}.avatar-type-selector{margin-bottom:16px}.avatar-type-selector label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.avatar-type-buttons{display:flex;gap:8px}.avatar-type-button{background:#0000;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.avatar-type-button.image{background:#00d7ff1a;border-color:var(--accent-cyan)}.avatar-type-button.emoji{background:#f472b61a;border-color:var(--accent-pink)}.avatar-type-button.color{background:#a78bfa1a;border-color:var(--accent-purple)}.file-upload{margin-bottom:16px}.file-upload label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.file-upload input{background:#ffffff05;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:8px;width:100%}.emoji-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.emoji-button{background:#0000;border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:24px;padding:12px;transition:all .2s ease}.emoji-button.selected{background:#f472b61a;border-color:var(--accent-pink)}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.color-button{border:2px solid #0000;border-radius:50%;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.color-button.selected{border-color:#fff;transform:scale(1.1)}.edit-profile-form{gap:12px}.edit-profile-form,.form-row{display:flex;flex-direction:column}.form-row label{color:var(--text-secondary);font-size:14px;margin-bottom:6px}.form-row input{background:var(--footer-bg-end);border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px;transition:all .2s ease}.form-row input:focus{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d7ff33;outline:none}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-submit{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;opacity:1;position:relative}.btn-submit.loading,.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:var(--bg-dark);border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);flex:1 1;font-weight:600;padding:10px 18px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#ffffff0d}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:600px){.edit-profile-card{margin:20px;padding:20px}.emoji-grid{grid-template-columns:repeat(4,1fr)}.form-actions{flex-direction:column}}.filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:32px;overflow:hidden;position:relative;transition:all .3s ease}.filter-panel:before{background:linear-gradient(135deg,#00d9ff1a,#0000,#a78bfa1a);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.filter-panel:hover{border-color:#00d9ff4d;box-shadow:0 8px 30px #00d9ff26;transform:translateY(-2px)}.filter-panel:hover:before{opacity:1}.filter-header{border-bottom:1px solid var(--card-border);justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.filter-header,.filter-title{align-items:center;display:flex}.filter-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:20px;font-weight:700;gap:8px;margin:0}.filter-badge{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:12px;color:var(--bg-dark);font-size:12px;font-weight:700;min-width:20px;padding:4px 8px;text-align:center}.filter-content{padding:15px 10px}.filter-content,.filter-field{display:flex;flex-direction:column}.filter-field{gap:8px;margin-bottom:12px;min-height:80px;position:relative;z-index:1}.filter-field:last-child{margin-bottom:0}.filter-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.filters-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-panel .filter-field{margin-bottom:16px}.filter-panel .filters-grid{margin-bottom:0}.search-input{background:#64748b0d;border-radius:10px;padding:12px 16px}.search-input:focus{background:#64748b14;border-color:var(--accent-cyan);transform:translateY(-1px)}.search-input::placeholder{color:var(--text-muted)}.filter-select{-webkit-appearance:none;appearance:none;background:#64748b0d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.filter-select option{background:var(--card-bg)!important;border:none;color:var(--text-primary)!important;padding:8px 12px}.filter-select option:hover{background:#00d9ff1a!important;color:var(--accent-cyan)!important}.filter-select option:checked{background:#00d9ff26!important;color:var(--accent-cyan)!important;font-weight:600}.filter-select:focus{box-shadow:0 0 0 3px #00d9ff1a;outline:none;transform:translateY(-1px)}.filter-select:focus,.filter-select:hover{background-color:#00d9ff0d;border-color:var(--accent-cyan)}.price-inputs{align-items:center;display:flex;gap:12px}.price-input{background:#64748b0d;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:14px;min-width:80px;padding:12px 16px;transition:all .3s ease}.price-input:focus{background:#64748b14;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d9ff1a;outline:none;transform:translateY(-1px)}.price-input::placeholder,.price-separator{color:var(--text-muted)}.price-separator{font-size:14px;font-weight:500}.filter-actions{align-items:center;border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding-top:20px}.apply-filters-btn{align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none;border-radius:12px;box-shadow:0 4px 15px #00d9ff33;color:var(--bg-dark);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.apply-filters-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.apply-filters-btn:hover:before{height:200px;width:200px}.apply-filters-btn:hover{background:linear-gradient(135deg,#00e5ff,#b794f6);box-shadow:0 8px 25px #00d9ff66,0 0 20px #a78bfa33;transform:translateY(-2px) scale(1.05)}.apply-filters-btn:active{box-shadow:0 2px 8px #00d9ff4d;transform:translateY(0) scale(.98)}.apply-filters-btn:focus{box-shadow:0 0 0 3px #00d9ff4d,0 4px 15px #00d9ff33;outline:none}.clear-filters-btn{background:#0000;border:1px solid var(--accent-pink);border-radius:10px;color:var(--accent-pink);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.clear-filters-btn:before{background:linear-gradient(90deg,#0000,#f472b61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.clear-filters-btn:hover:before{left:100%}.clear-filters-btn:hover{background:#f472b61a;border-color:#ff6b9d;box-shadow:0 4px 15px #f472b633;color:#ff6b9d;transform:translateY(-1px)}.active-filters-count{align-items:center;background:#00d9ff1a;border:1px solid #00d9ff33;border-radius:8px;color:var(--accent-cyan);display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 8px}.active-filters-count:before{content:"⚡";font-size:12px}.mobile-filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:none;margin-bottom:24px;overflow:hidden}.mobile-filter-toggle{align-items:center;background:linear-gradient(135deg,#00d9ff1a,#a78bfa1a);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:16px 20px;transition:all .3s ease;width:100%}.mobile-filter-toggle:hover{background:linear-gradient(135deg,#00d9ff26,#a78bfa26)}.mobile-filter-content{border-top:1px solid var(--card-border);padding:20px}.arrow{color:var(--text-muted);font-size:12px;transition:transform .3s ease}.arrow.open{color:var(--accent-cyan);transform:rotate(180deg)}@media (max-width:768px){.filter-panel{display:none}.mobile-filter-panel{display:block}.filters-grid{gap:16px;grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column;gap:12px}.clear-filters-btn{text-align:center;width:100%}.price-inputs{flex-direction:column;gap:12px}.price-separator{display:none}.apply-filters-btn{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.filter-panel{margin-bottom:20px;padding:16px}.filter-header{margin-bottom:16px;padding-bottom:12px}.filter-title{font-size:18px}.filter-select,.price-input,.search-input{font-size:16px;padding:10px 14px}.mobile-filter-toggle{font-size:15px;padding:14px 16px}.mobile-filter-content{padding:16px}}.filter-panel-mobile{display:none}@media (max-width:768px){.filter-panel-desktop{display:none}.filter-panel-mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:block;margin-bottom:24px;overflow:hidden}.mobile-filter-toggle{align-items:center;background:linear-gradient(135deg,#00d9ff1a,#a78bfa1a);border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px 20px;transition:all .3s ease;width:100%}.toggle-icon{font-size:16px}.mobile-filter-count{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:8px;color:var(--bg-dark);font-size:11px;font-weight:700;min-width:16px;padding:2px 6px;text-align:center}.mobile-toggle-arrow{color:var(--text-muted);font-size:12px;transition:transform .3s ease}.mobile-toggle-arrow.open{color:var(--accent-cyan);transform:rotate(180deg)}.mobile-filter-content{border-top:1px solid var(--card-border);padding:20px}.mobile-filter-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.mobile-filter-actions{border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px;padding-top:16px}.clear-button.mobile-clear{justify-content:center;padding:12px 16px;width:100%}.filter-section{margin-bottom:16px}.filter-label{font-size:13px;margin-bottom:8px}.price-inputs{flex-direction:column;gap:8px}.price-separator{display:none}.filter-select,.search-input{font-size:13px}}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-panel{animation:filterSlideDown .3s ease-out}@keyframes countUpdate{0%{transform:scale(1)}50%{color:var(--accent-cyan);transform:scale(1.1)}to{transform:scale(1)}}.active-filters-count.updating{animation:countUpdate .3s ease-in-out}.apply-filters-btn:focus,.clear-filters-btn:focus,.filter-panel:focus-within,.filter-select:focus,.mobile-filter-toggle:focus,.price-input:focus,.search-input:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-contrast:high){.filter-panel,.filter-select,.price-input,.search-input{border:2px solid var(--text-primary)}.filter-select:focus,.price-input:focus,.search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan)}}@media (prefers-reduced-motion:reduce){.apply-filters-btn,.apply-filters-btn:before,.arrow,.clear-filters-btn,.clear-filters-btn:before,.filter-panel,.filter-panel:before,.filter-select,.mobile-filter-toggle,.price-input,.search-input{transition:none}}.pagination{flex-wrap:wrap;gap:8px;margin-bottom:20px;margin-top:20px;padding:20px 0}.pagination-btn{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);display:flex;justify-content:center;min-width:40px;overflow:hidden;padding:8px 12px;position:relative}.pagination-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.pagination-btn:hover:before{left:100%}.pagination-btn.primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:1px solid var(--accent-cyan);box-shadow:0 2px 8px #00d9ff33;color:var(--bg-dark)}.pagination-btn.primary:hover{background:linear-gradient(135deg,#00e5ff,#b794f6);box-shadow:0 4px 12px #00d9ff4d;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-color:var(--accent-cyan);box-shadow:0 2px 8px #00d9ff4d;color:var(--bg-dark);font-weight:700}.pagination-btn.active:hover{box-shadow:0 4px 12px #00d9ff66;transform:none}.pagination-btn:disabled{background:#64748b1a;border-color:#64748b33;box-shadow:none;color:var(--text-muted);transform:none}.pagination-btn:disabled:before{display:none}.pagination-btn.nav{font-weight:600;min-width:80px}.pagination-btn.nav:hover:not(:disabled){background:#00d9ff0d;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-1px)}.pagination-page-btn{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:40px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s ease}.pagination-page-btn:before{background:linear-gradient(90deg,#0000,#00d9ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.pagination-page-btn:hover:before{left:100%}.pagination-page-btn:hover{background:#00d9ff0d;border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-1px)}.pagination-page-btn.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-color:var(--accent-cyan);box-shadow:0 2px 8px #00d9ff4d;color:var(--bg-dark);font-weight:700}.pagination-page-btn.active:hover{box-shadow:0 4px 12px #00d9ff66;transform:none}.pagination-ellipsis{align-items:center;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;justify-content:center;min-width:20px;padding:8px 4px;-webkit-user-select:none;user-select:none}.pagination.compact{gap:4px;margin-bottom:16px;margin-top:16px}.pagination.compact .pagination-btn,.pagination.compact .pagination-page-btn{font-size:13px;min-width:36px;padding:6px 10px}.pagination.compact .pagination-btn.nav{min-width:60px}.pagination.spacious{gap:12px;margin-bottom:24px;margin-top:24px;padding:24px 0}.pagination.spacious .pagination-btn,.pagination.spacious .pagination-page-btn{font-size:15px;min-width:44px;padding:10px 16px}.pagination.spacious .pagination-btn.nav{min-width:90px}.pagination.small{gap:4px}.pagination.small .pagination-btn,.pagination.small .pagination-page-btn{font-size:12px;min-width:32px;padding:6px 10px}.pagination.small .pagination-btn.nav{min-width:60px}.pagination.large{gap:12px}.pagination.large .pagination-btn,.pagination.large .pagination-page-btn{font-size:16px;min-width:48px;padding:12px 16px}.pagination.large .pagination-btn.nav{min-width:100px}@media (max-width:768px){.pagination{gap:6px;margin-bottom:16px;margin-top:16px;padding:16px 0}.pagination-btn,.pagination-page-btn{font-size:13px;min-width:36px;padding:8px 10px}.pagination-btn.nav{min-width:70px}.pagination-mobile-hidden,.pagination-page-btn:not(.active):not(:first-child):not(:last-child){display:none}}@media (max-width:480px){.pagination{gap:4px;margin-bottom:12px;margin-top:12px;padding:12px 0}.pagination-btn,.pagination-page-btn{font-size:12px;min-width:32px;padding:6px 8px}.pagination-btn.nav{min-width:60px}.pagination-page-btn{display:none}.pagination-page-btn.active{display:flex}.pagination-ellipsis{display:none}}.pagination.loading{opacity:.6;pointer-events:none}.pagination-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;padding:20px}.pagination-spinner{animation:paginationSpin 1s linear infinite;border:2px solid #64748b33;border-radius:50%;border-top:2px solid var(--accent-cyan);height:20px;margin-right:8px;width:20px}@keyframes paginationSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination-btn:focus,.pagination-page-btn:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.pagination-btn:focus:not(:disabled),.pagination-page-btn:focus:not(.active){box-shadow:0 0 0 3px #00d9ff1a}@media (prefers-contrast:high){.pagination-btn,.pagination-page-btn{border:2px solid var(--text-primary)}.pagination-btn.active,.pagination-page-btn.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-dark)}.pagination-btn:focus,.pagination-page-btn:focus{outline:2px solid var(--accent-cyan)}}@media (prefers-reduced-motion:reduce){.pagination-btn,.pagination-btn:before,.pagination-page-btn,.pagination-page-btn:before{transition:none}.pagination-spinner{animation:none}}.pagination-info{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.pagination-count{color:var(--accent-cyan);font-weight:600}.pagination-range{color:var(--text-primary);font-weight:600}@media (max-width:768px){.pagination-info{font-size:13px;margin-bottom:10px}}@media (max-width:480px){.pagination-info{flex-direction:column;font-size:12px;gap:4px;margin-bottom:8px}}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination-btn,.pagination-page-btn{animation:pageSlideIn .2s ease-out}@keyframes pageUpdate{0%{transform:scale(1)}50%{background:#00d9ff1a;transform:scale(1.1)}to{transform:scale(1)}}.pagination-btn.updating,.pagination-page-btn.updating{animation:pageUpdate .3s ease-in-out}.pagination.dark{--pagination-bg:#0003;--pagination-border:#ffffff1a}.pagination.light{--pagination-bg:#fffc;--pagination-border:#0000001a}.pagination.minimal{border-radius:6px}.pagination.minimal .pagination-btn,.pagination.minimal .pagination-page-btn{border-radius:6px;border-width:1px}.pagination.rounded .pagination-btn,.pagination.rounded .pagination-page-btn{border-radius:20px;min-width:40px}.pagination.square .pagination-btn,.pagination.square .pagination-page-btn{border-radius:0}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-left:auto;margin-right:auto;margin-top:32px;max-width:1200px}.grid:has(.card:first-child:last-child){grid-template-columns:1fr;max-width:400px}.grid:has(.card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:600px}.grid:has(.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:900px}.section-header{margin-bottom:24px}.text-link{color:var(--accent-cyan);font-weight:600;text-decoration:none;transition:opacity .2s}.text-link:hover{opacity:.8}@media (max-width:768px){.grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.text-link{font-size:14px}}@media (max-width:480px){.section-header{margin-bottom:16px}.text-link{font-size:13px}}.empty-state{font-size:16px;grid-column:1/-1;margin-top:32px;padding:40px}@media (max-width:768px){.empty-state{font-size:14px;margin-top:20px;padding:30px 20px}.empty-state h3{font-size:16px}}.loading-state{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}@media (max-width:768px){.loading-state{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}}@media (max-width:480px){.loading-state{gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}}.product-details-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px}.product-details-image{border-radius:12px;cursor:pointer;height:260px;object-fit:cover;transition:all .3s ease;width:360px}.product-details-image:hover{box-shadow:0 8px 25px #00d9ff4d;transform:scale(1.05)}.product-details-content{flex:1 1;min-width:300px}.discount-badge{animation:discountPulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 16px #ef444466;color:#fff;font-size:12px;font-weight:800;left:12px;letter-spacing:.5px;padding:8px 12px;position:absolute;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;top:12px;z-index:3}@keyframes discountPulse{0%{box-shadow:0 4px 16px #ef444466}50%{box-shadow:0 4px 20px #ef444499}to{box-shadow:0 4px 16px #ef444466}}.discounted-price-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.discounted-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px;position:relative}.original-price{color:var(--text-muted);font-size:18px;font-weight:600;opacity:.7;position:relative;text-decoration:line-through}.original-price:after{background:linear-gradient(135deg,#ef4444,#dc2626);content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:50%;transform:translateY(-50%)}.savings-amount{color:var(--accent-cyan);font-size:14px;font-weight:600;margin-top:4px}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 80px #00000080;max-height:90vh;max-width:90vw;padding:20px;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-modal-close{align-items:center;background:#ef4444e6;border:none;border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px;z-index:10}.image-modal-close:hover{background:#ef4444;box-shadow:0 6px 20px #ef444466;transform:scale(1.1)}.image-modal-close:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.image-modal-img{border-radius:8px;box-shadow:0 8px 25px #0000004d;cursor:zoom-out;height:auto;max-height:80vh;max-width:80vw;object-fit:contain;transition:all .3s ease;width:100%}.image-modal-img:hover{box-shadow:0 12px 35px #0006;transform:scale(1.02)}.category-badge{align-items:center;background:#00d7ff0d;border:1px solid var(--accent-cyan);border-radius:20px;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:6px 16px;transition:all .2s ease}.category-icon{font-size:16px}.premium-badge{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:20px;color:var(--bg-dark);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:12px;padding:6px 16px;text-transform:uppercase}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.product-actions .btn{flex:1 1;min-width:140px}.product-actions .wishlist-btn{background:#f472b60d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-pink);cursor:pointer;font-weight:600;min-width:120px;padding:10px 18px;transition:all .2s ease}.product-actions .wishlist-btn:hover{background:#f472b61a;transform:translateY(-1px)}.product-details-section{margin-top:20px}.product-details-section h3{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:8px}.product-details-text{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.product-details-container{flex-direction:column;gap:16px}.product-details-image{height:240px;width:100%}.product-details-content{min-width:0;min-width:auto}.discounted-price{font-size:20px}.original-price{font-size:16px}.product-actions{flex-direction:column;gap:12px}.product-actions .btn,.product-actions .wishlist-btn{min-width:0;min-width:auto;width:100%}.category-badge{font-size:13px;padding:5px 12px}.premium-badge{font-size:11px;padding:5px 12px}}@media (max-width:480px){.product-details-image{height:200px}.discounted-price{font-size:18px}.original-price{font-size:14px}.image-modal-overlay{padding:10px}.image-modal-content{max-height:95vh;max-width:95vw;padding:15px}.image-modal-close{font-size:16px;height:36px;right:8px;top:8px;width:36px}.image-modal-img{max-height:85vh;max-width:90vw}.image-modal-overlay{padding:5px}.image-modal-content{max-height:98vh;max-width:98vw;padding:10px}.image-modal-close{font-size:14px;height:32px;right:5px;top:5px;width:32px}.image-modal-img{max-height:90vh;max-width:95vw}}.wishlist-container{margin:0 auto;max-width:900px}.wishlist-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.wishlist-icon{font-size:24px}.wishlist-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0}.wishlist-items{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wishlist-item{align-items:center;background:#f472b608;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.wishlist-item:before{background:linear-gradient(90deg,#0000,#f472b60d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.wishlist-item:hover:before{left:100%}.wishlist-item:hover{background:#f472b614;border-color:#f472b633;box-shadow:0 8px 25px #f472b626;transform:translateY(-2px)}.wishlist-item-image{border:1px solid var(--card-border);border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;transition:transform .3s ease;width:60px}.wishlist-item:hover .wishlist-item-image{transform:scale(1.05)}.wishlist-item-content{flex:1 1;min-width:0}.wishlist-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.wishlist-item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;color:var(--accent-cyan);font-size:14px;font-weight:800}.wishlist-item-actions{display:flex;flex-shrink:0;gap:8px}.add-to-cart-btn{align-items:center;background:#00d7ff0d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-cyan);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .2s ease}.add-to-cart-btn:hover{background:#00d7ff1a;box-shadow:0 4px 12px #00d7ff33;transform:translateY(-1px)}.remove-item-btn{align-items:center;background:#f472b60d;border:1px solid var(--card-border);border-radius:8px;color:var(--accent-pink);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;transition:all .2s ease}.remove-item-btn:hover{background:#f472b61a;box-shadow:0 4px 12px #f472b633;transform:translateY(-1px)}.wishlist-summary{border-top:1px solid var(--card-border);margin-top:20px;padding-top:20px}.wishlist-summary,.wishlist-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.wishlist-total{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px}.wishlist-total-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-background-clip:text;background-clip:text;color:var(--accent-cyan);font-size:18px;font-weight:800}.wishlist-actions{display:flex;flex-wrap:wrap;gap:12px}.add-all-to-cart-btn{align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none;border-radius:12px;box-shadow:0 4px 15px #00d9ff33;color:var(--bg-dark);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.add-all-to-cart-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.add-all-to-cart-btn:hover:before{height:200px;width:200px}.add-all-to-cart-btn:hover{box-shadow:0 8px 25px #00d9ff4d;transform:translateY(-2px) scale(1.05)}.continue-shopping-btn{align-items:center;background:#a78bfa0d;border:1px solid var(--card-border);border-radius:12px;color:var(--accent-purple);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.continue-shopping-btn:hover{background:#a78bfa1a;border-color:var(--accent-purple);transform:translateY(-1px)}.empty-wishlist{background:#64748b0d;border:1px solid var(--card-border);border-radius:16px;margin:40px 0;padding:60px 20px;text-align:center}.empty-wishlist-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-wishlist-title{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.empty-wishlist-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.empty-wishlist-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.empty-wishlist-actions .btn{font-size:16px;font-weight:700;padding:14px 28px}.signin-required{background:#ef44440d;border:1px solid #ef444433;border-radius:16px;margin:40px 0;padding:60px 20px;text-align:center}.signin-required-icon{font-size:48px;margin-bottom:16px;opacity:.8}.signin-required-title{color:#ef4444;font-size:20px;font-weight:700;margin-bottom:8px}.signin-required-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}@media (max-width:768px){.wishlist-container{padding:0 8px}.wishlist-header{margin-bottom:20px}.wishlist-title{font-size:24px}.wishlist-item{gap:10px;padding:12px}.wishlist-item-image{height:50px;width:50px}.wishlist-item-title{font-size:14px}.wishlist-item-price{font-size:13px}.wishlist-item-actions{flex-direction:column;gap:6px}.add-to-cart-btn,.remove-item-btn{font-size:11px;padding:6px 10px}.wishlist-summary{gap:12px;margin-top:16px}.wishlist-summary,.wishlist-summary-content{align-items:flex-start;flex-direction:column}.wishlist-summary-content{gap:8px}.wishlist-total{font-size:14px}.wishlist-total-amount{font-size:16px}.wishlist-actions{flex-direction:column;width:100%}.add-all-to-cart-btn,.continue-shopping-btn{justify-content:center;padding:12px 16px;width:100%}.empty-wishlist{margin:20px 0;padding:40px 20px}.empty-wishlist-icon{font-size:48px;margin-bottom:16px}.empty-wishlist-title{font-size:20px}.empty-wishlist-message{font-size:14px}.empty-wishlist-actions{align-items:center;flex-direction:column}.signin-required{margin:20px 0;padding:40px 20px}.signin-required-title{font-size:18px}.signin-required-message{font-size:13px}}@media (max-width:480px){.wishlist-item{gap:8px;padding:10px}.wishlist-item-image{height:45px;width:45px}.wishlist-item-title{font-size:13px}.wishlist-item-price{font-size:12px}.wishlist-summary{margin-top:12px;padding-top:16px}.wishlist-total{font-size:13px}.wishlist-total-amount{font-size:15px}.add-all-to-cart-btn,.continue-shopping-btn{font-size:13px;padding:10px 14px}.empty-wishlist{padding:30px 16px}.empty-wishlist-title{font-size:18px}.empty-wishlist-message{font-size:13px}}@keyframes wishlistSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.wishlist-item{animation:wishlistSlideIn .3s ease-out}@keyframes wishlistSlideOut{0%{height:auto;margin:0;opacity:1;padding:16px;transform:translateX(0)}to{height:0;margin:0;opacity:0;padding:0;transform:translateX(100%)}}.wishlist-item.removing{animation:wishlistSlideOut .3s ease-in forwards}@keyframes addToCartSuccess{0%{background:#10b9811a;border-color:#10b981}to{background:#f472b608;border-color:var(--card-border)}}.add-to-cart-btn.success{animation:addToCartSuccess .5s ease-out}@keyframes totalUpdate{0%{transform:scale(1)}50%{color:var(--accent-cyan);transform:scale(1.05)}to{transform:scale(1)}}.wishlist-total-amount.updating{animation:totalUpdate .3s ease-in-out}.wishlist-loading{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wishlist-item-skeleton{align-items:center;background:#64748b0d;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:12px;padding:16px}.wishlist-skeleton-image{animation:skeletonShimmer 1.5s infinite;background:#ffffff1a;border-radius:8px;height:60px;width:60px}.wishlist-skeleton-content{flex:1 1;min-width:0}.wishlist-skeleton-title{height:16px;margin-bottom:8px}.wishlist-skeleton-price,.wishlist-skeleton-title{animation:skeletonShimmer 1.5s infinite;background:#ffffff1a;border-radius:4px}.wishlist-skeleton-price{height:14px;width:60px}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.add-all-to-cart-btn:focus,.add-to-cart-btn:focus,.continue-shopping-btn:focus,.remove-item-btn:focus,.wishlist-item:focus-within{outline:2px solid var(--accent-pink);outline-offset:2px}@media (prefers-contrast:high){.wishlist-item{border:2px solid var(--text-primary)}.wishlist-item:hover{border-color:var(--accent-pink)}.add-to-cart-btn,.remove-item-btn{border:2px solid var(--accent-cyan)}.remove-item-btn{border-color:var(--accent-pink)}}@media (prefers-reduced-motion:reduce){.add-all-to-cart-btn,.add-all-to-cart-btn:before,.add-to-cart-btn,.continue-shopping-btn,.remove-item-btn,.wishlist-item,.wishlist-item-image,.wishlist-item:before{transition:none}.wishlist-item,.wishlist-item-skeleton,.wishlist-skeleton-price,.wishlist-skeleton-title{animation:none}}.orders-container{margin:0 auto;max-width:900px}.orders-header{border-bottom:1px solid var(--card-border);justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.orders-header,.orders-title{align-items:center;display:flex}.orders-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;gap:12px;margin:0}.orders-count{color:var(--text-secondary);font-size:16px;font-weight:600}.orders-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #64748b33;border-radius:50%;border-top:3px solid var(--accent-cyan);height:40px;margin-bottom:16px;width:40px}.orders-loading p{color:var(--text-secondary);font-size:16px;margin:0}.error-state{background:#ef44440d;border:1px solid #ef444433;border-radius:16px;margin:20px 0;padding:40px 20px;text-align:center}.error-state h3{color:#ef4444;font-size:18px;font-weight:700;margin-bottom:8px}.error-state p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.error-state .btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.error-state .btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.empty-state{background:#64748b0d;border:1px solid var(--card-border);border-radius:16px;margin:40px 0}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-state h3{font-size:24px;font-weight:700;margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.empty-state .btn{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none;border-radius:12px;color:var(--bg-dark);cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:14px 28px;text-decoration:none;transition:all .3s ease}.empty-state .btn:hover{box-shadow:0 8px 25px #00d7ff4d;transform:translateY(-2px) scale(1.05)}.orders-grid{grid-gap:20px;display:grid;gap:20px}.purchase-card{background:#64748b0d;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.purchase-card:before{background:linear-gradient(90deg,#0000,#00d9ff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.purchase-card:hover:before{left:100%}.purchase-card:hover{border-color:#00d9ff4d;box-shadow:0 8px 25px #00d9ff1a;transform:translateY(-2px)}.purchase-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.purchase-info{flex:1 1;min-width:0}.purchase-id{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:800;gap:8px;margin-bottom:4px}.purchase-id:before{content:"📦";font-size:18px}.purchase-date{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.purchase-date:before{content:"📅";font-size:14px}.purchase-total{-webkit-text-fill-color:#0000;align-items:center;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:20px;font-weight:800;gap:6px;white-space:nowrap}.purchase-total:before{content:"💰";font-size:18px}.products-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.product-item{align-items:center;background:var(--bg-dark);border:1px solid var(--card-border);border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.product-item:hover{background:#0f172ab3;border-color:#00d9ff33;transform:translateX(4px)}.product-image{border:1px solid var(--card-border);border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-item:hover .product-image img{transform:scale(1.1)}.product-details{flex:1 1;min-width:0}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.product-price{align-items:center;color:var(--accent-cyan);display:flex;font-size:16px;font-weight:700;gap:4px}.product-price:before{content:"$";font-size:14px}.order-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.order-status.completed{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.order-status.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.order-status.processing{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.order-status.cancelled{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}@media (max-width:768px){.orders-container{padding:0 8px}.orders-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:20px}.orders-title{font-size:24px}.orders-count{font-size:14px}.purchase-card{padding:16px}.purchase-header{align-items:flex-start;flex-direction:column;gap:8px}.purchase-total{align-self:flex-end;font-size:18px}.product-item{gap:10px;padding:10px}.product-image{height:50px;width:50px}.product-name{font-size:13px}.product-price{font-size:14px}.empty-state,.orders-loading{padding:40px 20px}.empty-state{margin:20px 0}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}@media (max-width:480px){.orders-grid{gap:16px}.purchase-card{padding:14px}.purchase-id{font-size:15px}.purchase-date{font-size:12px}.purchase-total{font-size:16px}.product-item{gap:8px;padding:8px;width:100%}.product-image{height:45px;width:45px}.product-name{font-size:12px}.product-price{font-size:13px}.empty-state{padding:30px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}}@keyframes purchaseSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.purchase-card{animation:purchaseSlideIn .3s ease-out}@keyframes productSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.product-item{animation:productSlideIn .2s ease-out}@keyframes statusUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.purchase-card.updated{animation:statusUpdate .3s ease-in-out}.order-details-toggle{align-items:center;background:none;border:none;border-radius:8px;color:var(--accent-cyan);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s ease}.order-details-toggle:hover{background:#00d9ff1a;transform:translateY(-1px)}.order-details-toggle .arrow{transition:transform .2s ease}.order-details-toggle.expanded .arrow{transform:rotate(180deg)}.order-details{border-top:1px solid var(--card-border);margin-top:16px;max-height:0;overflow:hidden;padding-top:16px;transition:max-height .3s ease}.order-details.expanded{max-height:500px}.order-summary{grid-gap:16px;background:#64748b0d;border-radius:8px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:12px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-label{color:var(--text-secondary);font-size:14px}.summary-value{color:var(--text-primary);font-size:14px;font-weight:600}@media (max-width:480px){.order-summary{gap:12px;grid-template-columns:1fr}.summary-item{align-items:flex-start;flex-direction:column;gap:4px}}.admin-dashboard{margin:0 auto;max-width:1200px}.admin-header{margin-bottom:30px;padding:20px 0;text-align:center}.admin-title{font-size:32px;margin:0}.admin-subtitle{color:var(--text-secondary);margin:10px 0 0}.admin-tabs{border-bottom:1px solid var(--card-border);display:flex;gap:5px;margin-bottom:30px}.admin-tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.admin-tab.active{background:var(--primary)}.admin-tab.active,.admin-tab:not(.active){color:var(--text-primary)}.admin-tab:hover:not(.active){background:#00d9ff1a;color:var(--accent-cyan)}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.analytics-card{padding:20px;text-align:center}.analytics-card h3{color:var(--primary);margin:0}.analytics-card p{color:var(--text-secondary);margin:8px 0 0}.top-products-section{padding:20px}.top-products-section h3{margin-top:0}.top-products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.top-product-card{border:1px solid var(--card-border);border-radius:8px;padding:10px;text-align:center}.top-product-card img{border-radius:4px;height:100px;margin-bottom:8px;object-fit:cover;width:100%}.top-product-card h4{font-size:14px;margin:5px 0}.top-product-card p{color:var(--text-secondary);font-size:12px;margin:0}.admin-form{margin:0 auto;max-width:600px}.admin-form h2{margin-top:0}.admin-form form{gap:16px}.admin-form form,.admin-form-group{display:flex;flex-direction:column}.admin-form-group label{display:block;font-weight:600;margin-bottom:6px}.admin-form-group input,.admin-form-group textarea{background:var(--input-bg);border:1px solid var(--card-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.admin-form-group textarea{rows:3}.admin-form-group input:disabled,.admin-form-group textarea:disabled{cursor:not-allowed;opacity:.6}.admin-form-buttons{display:flex;gap:12px;justify-content:space-between;margin-top:12px}.admin-form-button{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.admin-form-button.primary{background:var(--primary);border:none;color:#fff}.admin-form-button:disabled{cursor:not-allowed;opacity:.6}.admin-form-button:hover:not(:disabled){opacity:.9}.image-preview{margin-top:12px}.image-preview p{margin-bottom:8px}.image-preview img{border:1px solid var(--card-border);border-radius:8px;max-height:200px;max-width:100%}.products-list-header{margin-top:0}.search-controls{align-items:center;display:flex;gap:12px;margin-bottom:20px}.search-input-wrapper{flex:1 1}.search-input{border:1px solid var(--card-border);border-radius:8px;padding:10px 12px}.clear-filter-button{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.clear-filter-button:hover{background:#00d9ff1a;color:var(--accent-cyan)}.search-results-counter{margin-bottom:15px}.search-results-counter p{color:var(--text-secondary);font-size:13px;margin:0}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.empty-state{padding:40px 0}.loading-state{padding:20px;text-align:center}.spinner{animation:spin .8s linear infinite;border-top:2px solid var(--card-border);border:2px solid var(--card-border);border-top-color:var(--primary);display:inline-block}.pagination-wrapper{display:flex;justify-content:center;margin-top:30px}.analytics-loading{padding:40px;text-align:center}.analytics-loading .spinner{border-width:3px;height:30px;width:30px}.admin-analytics .card{transition:transform .2s ease,box-shadow .2s ease}.admin-analytics .card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.admin-section{padding:0}.section-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.section-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.search-container{min-width:300px;position:relative}.search-container:before{content:"🔍";font-size:16px;left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:var(--input-bg);border:2px solid var(--card-border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px 12px 40px;transition:all .3s ease;width:100%}.search-input:focus{background:#00d9ff05;border-color:var(--primary);box-shadow:0 0 0 3px #00d9ff1a;outline:none}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.users-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{background:#0000;border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,var(--primary) 0,var(--accent-cyan) 100%)}.users-table thead th{border:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid var(--card-border);transition:all .2s ease}.users-table tbody tr:hover{background:#00d9ff0d;transform:scale(1.01)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{font-size:14px;padding:16px 12px;vertical-align:middle}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary) 0,var(--accent-cyan) 100%);border:2px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-email,.user-joined,.user-phone{color:var(--text-secondary);font-size:13px}.user-joined{font-weight:500}.role-badge{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#ff6b6b4d;box-shadow:0 2px 8px #ff6b6b4d;color:#fff}.role-badge.user{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc44d;box-shadow:0 2px 8px #4ecdc44d;color:#fff}.user-actions{align-items:center;display:flex;gap:8px}.delete-btn,.role-toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;position:relative;transition:all .2s ease;width:36px}.role-toggle-btn{background:#00d9ff1a;border:2px solid #00d9ff4d;color:var(--primary)}.role-toggle-btn:hover{background:var(--primary);box-shadow:0 4px 12px #00d9ff4d;color:#fff;transform:translateY(-2px)}.role-toggle-btn.promote{background:#2ecc711a;border-color:#2ecc714d;color:#2ecc71}.role-toggle-btn.promote:hover{background:#2ecc71;box-shadow:0 4px 12px #2ecc714d;color:#fff}.role-toggle-btn.demote{background:#f1c40f1a;border-color:#f1c40f4d;color:#f1c40f}.role-toggle-btn.demote:hover{background:#f1c40f;box-shadow:0 4px 12px #f1c40f4d;color:#fff}.delete-btn{background:#e74c3c1a;border:2px solid #e74c3c4d;color:#e74c3c}.delete-btn:hover{background:#e74c3c;box-shadow:0 4px 12px #e74c3c4d;color:#fff;transform:translateY(-2px)}.delete-btn:disabled,.role-toggle-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.mini-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.loading{color:var(--text-secondary);padding:60px 20px;text-align:center}.loading .spinner{border-width:3px;height:32px;margin-bottom:16px;width:32px}.loading p{font-size:14px;margin:0}.empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0;opacity:.8}.pagination-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-top:30px;padding:20px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center}.pagination-btn{background:#0000;border:2px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#00d9ff1a;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:500;padding:0 12px}.admin-form-group input.error,.admin-form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 10px #e74c3c33}.admin-form.success{border-color:#27ae60;box-shadow:0 0 10px #27ae6033}.admin-form.error{border-color:#e74c3c;box-shadow:0 0 10px #e74c3c33}@media (max-width:768px){.admin-dashboard{padding:0 16px}.admin-title{font-size:24px}.admin-tabs{flex-wrap:wrap}.admin-tab{font-size:13px;padding:10px 16px}.analytics-grid{gap:16px;grid-template-columns:1fr}.search-controls{flex-direction:column;gap:12px}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-form{padding:8 16px}.admin-form-buttons{flex-direction:column}.top-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.section-header{align-items:stretch;flex-direction:column;gap:16px}.search-container{min-width:auto}.users-table-container{border-radius:8px;overflow-x:auto}.users-table{min-width:400px}.users-table td:nth-child(2),.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table thead th:nth-child(2),.users-table thead th:nth-child(4),.users-table thead th:nth-child(5){display:none}.users-table td:first-child,.users-table td:nth-child(3),.users-table td:nth-child(6),.users-table thead th:first-child,.users-table thead th:nth-child(3),.users-table thead th:nth-child(6){display:table-cell}.users-table td,.users-table thead th{font-size:13px;padding:12px 8px}.user-info{gap:8px}.user-avatar{font-size:14px;height:32px;width:32px}.role-badge{font-size:11px;padding:4px 8px}.user-actions{gap:6px}.delete-btn,.role-toggle-btn{font-size:12px;height:32px;width:32px}.pagination{flex-direction:column;gap:12px}.pagination-btn{max-width:200px;width:100%}}@media (max-width:480px){.admin-header{padding:16px 0}.admin-title{font-size:20px}.analytics-grid,.products-grid{grid-template-columns:1fr}.top-products-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:20px}.search-input{font-size:13px;padding:10px 12px 10px 36px}.users-table td,.users-table thead th{font-size:12px;padding:10px 6px}.user-name{font-size:13px}.empty-state,.loading{padding:40px 16px}.empty-state h3{font-size:16px}.pagination-container{padding:16px}.pagination-info{font-size:13px;text-align:center}.users-table td:nth-child(3),.users-table thead th:nth-child(3){display:none}}@media (max-width:360px){.users-table{min-width:350px}.users-table td:first-child,.users-table td:nth-child(6),.users-table thead th:first-child,.users-table thead th:nth-child(6){display:table-cell}}@media (max-width:320px){.section-header{gap:12px}.search-container:before{font-size:14px;left:10px}.search-input{font-size:12px;padding:8px 10px 8px 32px}.users-table{min-width:450px}.users-table td,.users-table thead th{font-size:11px;padding:8px 4px}.user-info{gap:6px}.user-avatar{height:28px;width:28px}.user-avatar,.user-name{font-size:12px}.role-badge{font-size:10px;padding:3px 6px}.delete-btn,.role-toggle-btn{font-size:11px;height:28px;width:28px}.pagination-container{padding:12px}.pagination-info{font-size:12px}}@media (hover:none) and (pointer:coarse){.users-table tbody tr:hover{background:#0000;transform:none}.users-table tbody tr:active{background:#00d9ff1a;transform:scale(.98)}.delete-btn:hover,.role-toggle-btn:hover{transform:none}.delete-btn:active,.role-toggle-btn:active{box-shadow:0 2px 8px #0003;transform:scale(.95)}.pagination-btn:hover{background:#0000;transform:none}.pagination-btn:active{background:#00d9ff1a;border-color:var(--primary);color:var(--primary)}}@media (max-height:500px) and (orientation:landscape){.admin-dashboard{padding:0 12px}.section-header{margin-bottom:20px;padding-bottom:12px}.section-header h2{font-size:20px}.search-input{padding:8px 12px}.users-table td,.users-table thead th{padding:10px 8px}.empty-state,.loading{padding:30px 20px}.pagination-container{margin-top:20px;padding:16px}}@media (max-width:480px){.users-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.users-table-container:after,.users-table-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:20px;z-index:10}.users-table-container:before{background:linear-gradient(to right,var(--card-bg),#0000);left:0}.users-table-container:after{background:linear-gradient(to left,var(--card-bg),#0000);right:0}.users-table-container::-webkit-scrollbar{height:4px}.users-table-container::-webkit-scrollbar-track{background:var(--card-border);border-radius:2px}.users-table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}}.nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--header-bg-start),var(--header-bg-end));border-bottom:1px solid var(--card-border);display:flex;flex-wrap:nowrap;justify-content:space-between;left:0;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-container{min-height:70px}.brand,.nav-container{transition:all .3s ease}.brand{align-items:center;cursor:pointer;display:flex;font-weight:800;gap:12px}.brand:hover{transform:scale(1.02)}.brand-bubble{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.brand:hover .brand-bubble{box-shadow:0 6px 20px #00d9ff66;transform:rotate(1turn) scale(1.1)}.brand-logo{height:100%;object-fit:contain;width:100%}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1}.brand-subtitle{color:var(--text-muted);font-size:12px;line-height:1}.nav-links{align-items:center;display:flex;gap:16px}.nav a{border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;overflow:hidden;padding:8px 14px;position:relative;text-decoration:none;transition:all .2s ease}.nav a:after{background:var(--accent-gradient);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav a:hover{background:#00d7ff1a;color:var(--accent-cyan);transform:translateY(-1px)}.nav a:hover:after{width:80%}.nav a.active{background:#00d7ff26;color:var(--accent-cyan)}.nav a.active:after{width:80%}.theme-toggle{align-items:center;background:#0000;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s ease}.theme-toggle:hover{background:#64748b1a;transform:scale(1.05)}.theme-toggle:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.admin-link{align-items:center;background-color:#fbbf241a;border:1px solid var(--accent-gold);border-radius:8px;color:var(--accent-gold);display:flex;font-weight:600;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.admin-link:hover{background-color:#fbbf2433;box-shadow:0 4px 12px #fbbf2433;transform:translateY(-1px)}.backend-status{align-items:center;display:flex;gap:8px}.status-indicator{animation:statusPulse 2s infinite;background:#22c55e;border-radius:10px;box-shadow:0 0 8px #22c55e40;height:10px;width:10px}.status-indicator.offline{background:#ef4444;box-shadow:0 0 8px #ef444440}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none!important;flex-direction:column;height:30px;justify-content:space-around;padding:4px;position:relative;width:30px}.mobile-menu-btn span{background-color:var(--text-primary);border-radius:2px;display:block;height:3px;transform-origin:1px;transition:all .3s ease;width:100%}.mobile-menu-btn span:first-child{transform-origin:left center}.mobile-menu-btn span:nth-child(2){transform-origin:center}.mobile-menu-btn span:nth-child(3){transform-origin:right center}.mobile-menu-btn.open span:first-child{transform:rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--card-bg);border-left:1px solid var(--card-border);display:flex;flex-direction:column;gap:20px;height:100vh;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:1000}.mobile-menu-overlay.open{transform:translateX(0)}.mobile-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mobile-menu-title{color:var(--text-primary);font-size:18px;font-weight:800}.mobile-menu-subtitle{color:var(--text-muted);font-size:12px}.mobile-menu-close{background:#0000;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.mobile-menu-close:hover{background:#64748b1a;transform:scale(1.1)}.mobile-menu-links{display:flex;flex:1 1;flex-direction:column;gap:12px}.mobile-menu-link{align-items:center;background-color:#64748b1a;border-radius:10px;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mobile-menu-link:hover{background-color:#00d7ff1a;transform:translateX(4px)}.mobile-menu-link.cart,.mobile-menu-link.wishlist{justify-content:space-between}.mobile-menu-badge{background-color:var(--accent-pink);border-radius:12px;color:var(--bg-dark);font-size:12px;font-weight:700;padding:2px 8px}.mobile-menu-badge.cart{background-color:var(--accent-cyan)}.mobile-admin-link{align-items:center;background-color:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;color:var(--accent-gold);display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mobile-admin-link:hover{background-color:#fbbf2433;transform:translateX(4px)}.mobile-theme-toggle{align-items:center;background-color:#64748b1a;border:1px solid var(--card-border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease}.mobile-theme-toggle:hover{background-color:#a78bfa1a;transform:translateX(4px)}.mobile-sign-out{background-color:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:var(--accent-pink);cursor:pointer;font-size:16px;font-weight:600;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mobile-sign-out:hover{background-color:#ef444433;transform:translateX(4px)}.mobile-auth-link{background-color:#64748b1a;border-radius:10px;color:var(--text-primary);font-size:16px;font-weight:600;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.mobile-auth-link:hover{background-color:#00d7ff1a;transform:translateX(4px)}.mobile-register-link{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:10px;color:var(--bg-dark);font-weight:700;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.mobile-register-link:hover{box-shadow:0 8px 25px #00d7ff4d;transform:translateY(-2px)}.mobile-backend-status{align-items:center;background-color:#64748b0d;border:1px solid var(--card-border);border-radius:10px;display:flex;gap:12px;margin-top:auto;padding:16px}.mobile-status-indicator{animation:statusPulse 2s infinite;background:#22c55e;border-radius:12px;box-shadow:0 0 12px #22c55e66;height:12px;width:12px}.mobile-status-indicator.offline{background:#ef4444;box-shadow:0 0 12px #ef444466}.mobile-status-text{color:var(--text-secondary);font-size:14px;font-weight:600}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex!important}.nav{padding:12px 20px}.brand-bubble{border-radius:12px;height:40px;width:40px}.brand-title{font-size:14px}.brand-subtitle{font-size:11px}}@media (max-width:720px){.nav{padding:10px 16px}.brand-bubble{border-radius:10px;height:36px;width:36px}.brand-title{font-size:14px}.brand-subtitle{font-size:11px}.nav .btn,.nav a,.nav button{font-size:13px;padding:6px 8px}.nav-links{gap:6px}}.mobile-admin-link:focus,.mobile-auth-link:focus,.mobile-menu-btn:focus,.mobile-menu-close:focus,.mobile-menu-link:focus,.mobile-sign-out:focus,.mobile-theme-toggle:focus,.nav a:focus,.theme-toggle:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-contrast:high){.nav{border-bottom:2px solid var(--text-primary)}.nav a{border:1px solid #0000}.nav a:focus{border-color:var(--accent-cyan)}}@media (prefers-reduced-motion:reduce){.brand,.brand-bubble,.mobile-admin-link,.mobile-auth-link,.mobile-menu-btn span,.mobile-menu-link,.mobile-menu-overlay,.mobile-sign-out,.mobile-theme-toggle,.nav,.nav a,.theme-toggle{transition:none}.brand:hover .brand-bubble{transform:none}.mobile-status-indicator,.status-indicator{animation:none}}.footer{background:linear-gradient(180deg,var(--footer-bg-start),var(--footer-bg-end));border-top:1px solid var(--card-border);color:var(--text-secondary);margin-top:60px;overflow:hidden;padding:40px 32px;position:relative;transition:all .3s ease}.footer:before{background:linear-gradient(90deg,#0000,#00d9ff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.footer:hover:before{left:100%}.footer-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;display:flex;font-size:16px;font-weight:800;gap:8px;margin-bottom:12px}.footer-section-title.shop{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;background-clip:text}.footer-section-title.support{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;background-clip:text}.footer-section-title.connect{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-pink),var(--accent-cyan));-webkit-background-clip:text;background-clip:text}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.footer-brand-description{color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:280px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-link{color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px 0;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:before{background:var(--accent-gradient);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:var(--accent-cyan);transform:translateX(4px)}.footer-link:hover:before{width:100%}.footer-social{display:flex;gap:12px;margin-bottom:12px}.social-icon{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.social-icon.twitter{background:#f472b61a;border-color:#f472b633;color:var(--accent-pink)}.social-icon.facebook{background:#00d7ff1a;border-color:#00d7ff33;color:var(--accent-cyan)}.social-icon.instagram{background:#a78bfa1a;border-color:#a78bfa33;color:var(--accent-purple)}.social-icon:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px) scale(1.05)}.social-icon.twitter:hover{background:#f472b633;box-shadow:0 4px 12px #f472b64d}.social-icon.facebook:hover{background:#00d7ff33;box-shadow:0 4px 12px #00d7ff4d}.social-icon.instagram:hover{background:#a78bfa33;box-shadow:0 4px 12px #a78bfa4d}.footer-bottom{align-items:center;border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:24px}.footer-copyright{color:var(--text-secondary);font-size:14px}.footer-legal{display:flex;font-size:12px;gap:16px}.footer-legal-link{border-radius:4px;color:var(--text-secondary);padding:4px 8px;text-decoration:none;transition:all .2s ease}.footer-legal-link:hover{background:#00d7ff1a;color:var(--accent-cyan)}.footer-desktop{display:block}.footer-mobile{background:linear-gradient(180deg,var(--footer-bg-start),var(--footer-bg-end));border-top:1px solid var(--card-border);display:none;margin-top:32px;padding:24px 16px;transition:all .3s ease}.footer-mobile-content{display:flex;flex-direction:column;gap:20px}.footer-mobile-section{background:#64748b08;border:1px solid var(--card-border);border-radius:12px;padding:16px}.footer-mobile-brand{background:linear-gradient(135deg,#a78bfa0d,#f472b608);border:1px solid var(--card-border);border-radius:16px;margin-bottom:20px;padding:20px 16px;text-align:center}.footer-mobile-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;margin-bottom:8px}.footer-mobile-brand-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.footer-mobile-section-title{align-items:center;color:var(--accent-cyan);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:12px}.footer-mobile-links{display:flex;flex-direction:column;gap:8px}.footer-mobile-link{background:#64748b08;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.footer-mobile-link:hover{background:#00d7ff0d;border-color:#00d7ff33;color:var(--accent-cyan);transform:translateX(2px)}.footer-mobile-social{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.footer-mobile-social-icon{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:14px;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.footer-mobile-social-twitter{background:#f472b61a;border-color:#f472b64d;color:var(--accent-pink)}.footer-mobile-social-facebook{background:#00d7ff1a;border-color:#00d7ff4d;color:var(--accent-cyan)}.footer-mobile-social-instagram{background:#a78bfa1a;border-color:#a78bfa4d;color:var(--accent-purple)}.footer-mobile-social-icon:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px) scale(1.05)}.footer-mobile-social-twitter:hover{background:#f472b633;box-shadow:0 4px 12px #f472b64d}.footer-mobile-social-facebook:hover{background:#00d7ff33;box-shadow:0 4px 12px #00d7ff4d}.footer-mobile-social-instagram:hover{background:#a78bfa33;box-shadow:0 4px 12px #a78bfa4d}.footer-mobile-bottom{border-top:1px solid var(--card-border);margin-top:16px;padding-top:16px;text-align:center}.footer-mobile-copyright{color:var(--text-secondary);font-size:11px;margin-bottom:12px}.footer-mobile-legal{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-mobile-legal-link{background:#64748b0d;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:11px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.footer-mobile-legal-link:hover{background:#00d7ff0d;border-color:#00d7ff33;color:var(--accent-cyan)}@media (max-width:768px){.footer{margin-top:32px;padding:24px 16px}.footer-desktop{display:none}.footer-mobile{display:block}.footer-grid{gap:24px;margin-bottom:24px}.footer-section-title{font-size:14px;margin-bottom:10px}.footer-link{font-size:13px}.social-icon{font-size:16px;height:36px;width:36px}.footer-bottom{align-items:center;flex-direction:column;gap:12px;text-align:center}.footer-copyright{font-size:13px}.footer-legal{gap:12px}.footer-legal-link{font-size:11px}}@media (max-width:480px){.footer{padding:20px 12px}.footer-mobile-brand{padding:16px 12px}.footer-mobile-brand-title{font-size:16px}.footer-mobile-section{padding:12px}.footer-mobile-section-title{font-size:13px}.footer-mobile-link{font-size:11px;padding:6px 10px}.footer-mobile-social-icon{font-size:12px;height:28px;width:28px}.footer-mobile-legal{align-items:center;flex-direction:column;gap:8px}.footer-mobile-legal-link{font-size:10px;text-align:center;width:120px}.social-icon{font-size:14px;height:32px;width:32px}.footer-brand-description{font-size:13px;max-width:240px}}@keyframes footerSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{animation:footerSlideIn .6s ease-out}@keyframes socialIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.social-icon:hover{animation:socialIconFloat .3s ease-in-out}.footer-legal-link:focus,.footer-link:focus,.social-icon:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-contrast:high){.footer{border-top:2px solid var(--text-primary)}.footer-link{border-bottom:1px solid #0000}.footer-link:focus{border-bottom-color:var(--accent-cyan)}}@media (prefers-reduced-motion:reduce){.footer,.footer-legal-link,.footer-link,.footer-link:before,.footer-mobile-link,.footer-mobile-social-icon,.footer:before,.social-icon{transition:none}.social-icon:hover{animation:none}}.payment-success-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.payment-success-content,.payment-success-overlay{align-items:center;display:flex;justify-content:center}.payment-success-content{animation:modalGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:40px;position:relative}.payment-success-content:before{animation:borderGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink));border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes modalGlow{0%{box-shadow:var(--card-shadow)}to{box-shadow:var(--card-hover-shadow),0 0 30px #00d9ff1a}}@keyframes borderGlow{0%{opacity:.3}to{opacity:.6}}.success-circle{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 10px 30px #22c55e66;display:flex;height:120px;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;width:120px}.success-circle:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.success-circle:hover:before{opacity:1}.success-checkmark{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:60px;width:60px}.payment-success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.payment-success-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.payment-success-overlay{padding:15px}.payment-success-content{border-radius:16px;max-width:95vw;padding:32px 24px}.success-circle{height:100px;margin-bottom:20px;width:100px}.success-checkmark{height:50px;width:50px}.payment-success-title{font-size:20px}.payment-success-message{font-size:14px}}@media (max-width:480px){.payment-success-overlay{align-items:center;padding:10px}.payment-success-content{animation:fadeInScale .3s ease-out;border-radius:12px;max-width:98vw;padding:24px 20px;width:100%}.success-circle{height:80px;margin-bottom:16px;width:80px}.success-checkmark{height:40px;width:40px}.payment-success-title{font-size:18px;margin-bottom:6px}.payment-success-message{font-size:13px}}@media (max-width:320px){.payment-success-content{border-radius:8px;padding:20px 16px}.success-circle{height:70px;margin-bottom:14px;width:70px}.success-checkmark{height:35px;width:35px}.payment-success-title{font-size:16px}.payment-success-message{font-size:12px}}@media (min-width:1024px){.payment-success-content{max-width:500px;padding:48px}.success-circle{height:140px;margin-bottom:32px;width:140px}.success-checkmark{height:70px;width:70px}.payment-success-title{font-size:28px}.payment-success-message{font-size:18px}}@media (max-height:500px) and (orientation:landscape){.payment-success-overlay{align-items:center}.payment-success-content{flex-direction:row;max-width:80vw;padding:20px 32px;text-align:left}.success-circle{flex-shrink:0;height:60px;margin-bottom:0;margin-right:24px;width:60px}.success-checkmark{height:30px;width:30px}.payment-success-text{align-items:flex-start;display:flex;flex-direction:column}.payment-success-title{font-size:20px;margin-bottom:4px;text-align:left}.payment-success-message{font-size:14px;text-align:left}}@media (prefers-color-scheme:dark){.payment-success-overlay{background:#000000e6}}@media (prefers-reduced-motion:reduce){.payment-success-content,.payment-success-content:before{animation:none}.success-circle:before{transition:none}}@media (prefers-contrast:high){.payment-success-content{background:#000000f2;border:2px solid var(--text-primary)}.payment-success-title{-webkit-text-fill-color:var(--text-primary);background:none;color:var(--text-primary)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--bg-dark:#0f172a;--bg-darker:#0b1220;--bg-deep:#050817;--accent-cyan:#00d9ff;--accent-purple:#a78bfa;--accent-pink:#f472b6;--accent-blue:#3b82f6;--accent-gold:#fbbf24;--accent-gradient:linear-gradient(135deg,#00d9ff,#a78bfa,#f472b6);--card-bg:#1e293bd9;--card-border:#64748b33;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--card-shadow:0 20px 60px #0000004d;--card-hover-shadow:0 25px 80px #0006;--header-bg-start:#1e293be6;--header-bg-end:#0f172ae6;--footer-bg-start:#0f172acc;--footer-bg-end:#1e293bcc;--blur-strength:20px;--animation-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#0b1220);background:linear-gradient(135deg,var(--bg-dark),var(--bg-darker));color:#f1f5f9;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;transition:background .25s ease,color .25s ease}.app-shell{background:linear-gradient(135deg,#0f172a,#0b1220);background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 100%);display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;transition:background .25s ease}.container{margin:40px auto;width:min(1200px,95%)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;background:var(--card-bg);border:1px solid #64748b33;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--card-shadow);overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}.card:hover:before{left:100%}.btn{background:linear-gradient(135deg,#00d9ff,#a78bfa);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border:none;border-radius:8px;box-shadow:0 8px 20px #00d7ff33;color:#0f172a;color:var(--bg-dark);cursor:pointer;font-weight:700;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.btn:hover:before{height:200px;width:200px}.btn:hover{box-shadow:0 15px 40px #00d7ff66,0 0 30px #a78bfa33;transform:translateY(-3px) scale(1.05)}.form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;background:var(--card-bg);border:1px solid #64748b33;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 20px 60px #0000004d,inset 0 1px 0 #ffffff0d;margin:40px auto;max-width:480px;overflow:hidden;padding:32px;position:relative}.form:before{background:linear-gradient(135deg,#00d9ff,#0000,#a78bfa);background:linear-gradient(135deg,var(--accent-cyan),#0000,var(--accent-purple));border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.form:hover:before{opacity:.1}.form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d9ff,#a78bfa);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin-bottom:12px;text-align:center}.field{display:flex;flex-direction:column;margin-bottom:16px;position:relative}.field label{color:#94a3b8;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.input{background:#1e293bcc;background:var(--footer-bg-end);border:1px solid #64748b33;border:1px solid var(--card-border);border-radius:10px;color:#f1f5f9;color:var(--text-primary);font-size:14px;overflow:hidden;padding:12px;position:relative;transition:all .2s ease}.input:focus{background:#00d7ff0d;border-color:#00d9ff;border-color:var(--accent-cyan);box-shadow:0 0 20px #00d7ff33;outline:none;transform:translateY(-2px)}.input::placeholder{color:#64748b;color:var(--text-muted)}.input:before{background:linear-gradient(90deg,#0000,#00d9ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.input:focus:before{left:100%}.small{color:#94a3b8;color:var(--text-secondary);font-size:14px}.placeholder{background:linear-gradient(90deg,#ffffff0a,#ffffff05 50%,#ffffff0a);border-radius:8px;overflow:hidden;position:relative}.placeholder:after{animation:placeholder-shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";height:100%;left:-150px;position:absolute;top:0;width:150px}@keyframes placeholder-shimmer{0%{left:-150px}to{left:100%}}.placeholder-img{background:#ffffff05;border-radius:10px;height:160px;width:100%}.placeholder-line{background:#ffffff05;border-radius:6px;height:12px;margin-top:10px}.placeholder-line.short{width:40%}.placeholder-line.medium{width:70%}.placeholder-line.long{width:90%}.placeholder-img:after,.placeholder-line:after{animation:placeholder-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000)}.app-shell:before{background:radial-gradient(circle at 20% 80%,#00d9ff08 0,#0000 50%),radial-gradient(circle at 80% 20%,#a78bfa08 0,#0000 50%),radial-gradient(circle at 40% 40%,#f472b605 0,#0000 50%);z-index:-2}.app-shell:after,.app-shell:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.app-shell:after{animation:floatingGradient 20s ease-in-out infinite;background-image:linear-gradient(60deg,#0000 30%,#00d9ff03 50%,#0000 70%),linear-gradient(120deg,#0000 30%,#a78bfa03 50%,#0000 70%);background-size:200% 200%;z-index:-1}@keyframes floatingGradient{0%,to{background-position:0 50%;transform:translateY(0) rotate(0deg)}25%{background-position:100% 50%;transform:translateY(-10px) rotate(1deg)}50%{background-position:100% 100%;transform:translateY(-20px) rotate(0deg)}75%{background-position:0 100%;transform:translateY(-10px) rotate(-1deg)}}.floating-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.shape{animation:float 15s ease-in-out infinite;background:linear-gradient(135deg,#00d9ff1a,#a78bfa1a);border-radius:50%;position:absolute}.shape:first-child{animation-delay:0s;animation-duration:12s;height:80px;left:10%;top:10%;width:80px}.shape:nth-child(2){animation-delay:-5s;animation-duration:18s;height:120px;right:15%;top:60%;width:120px}.shape:nth-child(3){animation-delay:-10s;animation-duration:14s;bottom:20%;height:60px;left:20%;width:60px}.shape:nth-child(4){animation-delay:-3s;animation-duration:16s;height:100px;right:30%;top:30%;width:100px}@keyframes float{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}25%{opacity:.5;transform:translateY(-20px) rotate(90deg)}50%{opacity:.3;transform:translateY(-40px) rotate(180deg)}75%{opacity:.5;transform:translateY(-20px) rotate(270deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{width:100%}.h-100{height:100%}@media (prefers-color-scheme:dark){:root{--bg-dark:#050817;--bg-darker:#03060d;--bg-deep:#010308}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-shapes{display:none}}.btn:focus,.card:focus,.input:focus{outline:2px solid #00d9ff;outline:2px solid var(--accent-cyan);outline-offset:2px}@media (prefers-contrast:high){:root{--card-bg:#000000e6;--card-border:#ffffff80;--text-primary:#fff}.card{border:2px solid #f1f5f9;border:2px solid var(--text-primary)}.btn{border:2px solid #00d9ff;border:2px solid var(--accent-cyan)}.input{border:2px solid #f1f5f9;border:2px solid var(--text-primary)}.input:focus{border-color:#00d9ff;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d9ff;box-shadow:0 0 0 3px var(--accent-cyan)}}.btn:focus-visible,.card:focus-visible,.input:focus-visible{outline:2px solid #00d9ff;outline:2px solid var(--accent-cyan);outline-offset:2px}@media print{.app-shell{background:#fff!important;color:#000!important}.card{box-shadow:none!important}.btn,.card{background:#fff!important;border:1px solid #ccc!important}.btn{color:#000!important}.floating-shapes{display:none!important}}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin 1s linear infinite;border:2px solid #64748b33;border-radius:50%;border-top-color:#00d9ff;border-top:2px solid var(--accent-cyan);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#64748b33;background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d9ff;background:var(--accent-cyan)}::selection{background:#00d9ff4d;color:#f1f5f9;color:var(--text-primary)}::-moz-selection{background:#00d9ff4d;color:#f1f5f9;color:var(--text-primary)}
/*# sourceMappingURL=main.b405d73d.css.map*/