*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#e0e0e0;color:#333;font-family:Segoe UI,Poppins,sans-serif;height:100%;line-height:1.6}#root,.app-container{background-color:#e0e0e0;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;height:auto;max-width:100%;object-fit:cover}@media (max-width:768px){.mobile-nav-link,.nav-link,button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.clickable,.product-card{-webkit-tap-highlight-color:rgba(0,0,0,.1);cursor:pointer}html{-webkit-overflow-scrolling:touch}body{overflow-x:hidden}}button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;transition:background-color .3s ease}button:hover{background-color:#555}input,select,textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px 12px;width:100%}.container{margin:0 auto;max-width:1200px;padding:32px}@media (max-width:768px){.container{padding:12px}h1,h2,h3{margin-bottom:12px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}button,input,select,textarea{font-size:16px;min-height:44px}}@media (max-width:480px){.container{padding:8px}h1{font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1rem}.clickable,.mobile-nav-link,.nav-link,button{min-height:44px;min-width:44px}.product-card{margin-bottom:.5rem}}@media (max-width:375px){.container{padding:6px}h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:.95rem}}h1,h2,h3{font-weight:600;margin-bottom:16px}.product-card{padding:16px}.product-card,.site-header{box-shadow:0 2px 8px #0000000d}.site-header{background-color:#fff;border-bottom:1px solid #eee;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-bar{flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.nav-bar,.nav-left{align-items:center;display:flex}.nav-left{flex:0 0 auto;justify-content:flex-start;margin-left:-180px;margin-right:0}.logo-link{align-items:center;display:flex}.site-logo{cursor:pointer;height:34px;margin-right:0;transition:transform .2s ease;width:auto}.site-logo:hover{transform:scale(1.05)}.nav-right{flex-grow:1;justify-content:flex-end;margin-right:-20px}.nav-links,.nav-right{align-items:center;display:flex}.nav-links{flex-wrap:wrap;gap:24px}.nav-link-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9ff,#e8f2ff 50%,#dde8ff);border:1px solid #a855f733;border-radius:25px;box-shadow:0 4px 16px #a855f71a,0 0 0 1px #ffffff1a;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nav-link-ultra:hover{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);border-color:#ffffff4d;box-shadow:0 12px 32px #a855f74d,0 0 0 1px #fff3;color:#fff;transform:translateY(-2px) scale(1.05)}.nav-icon{font-size:16px;transition:transform .3s ease}.nav-icon,.nav-text{position:relative;z-index:2}.nav-text{transition:color .3s ease}.nav-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.nav-link-ultra:hover .nav-glow{height:100px;opacity:1;width:100px}.nav-link-ultra:hover .nav-icon{transform:scale(1.2) rotate(5deg)}.nav-user-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0f8ff,#e6f3ff 50%,#dde8ff);border:1px solid #a855f733;border-radius:25px;box-shadow:0 4px 16px #a855f71a,0 0 0 1px #ffffff1a;color:#333;cursor:default;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative}.nav-user-ultra:hover{border-color:#ffffff4d;box-shadow:0 12px 32px #a855f74d,0 0 0 1px #fff3;color:#fff;transform:translateY(-2px) scale(1.05)}.cart-button-ultra,.nav-user-ultra:hover{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)}.cart-button-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50px;box-shadow:0 8px 32px #a855f74d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;cursor:pointer;display:flex;font-family:inherit;gap:12px;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cart-button-ultra:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.cart-button-ultra:hover:before{left:100%}.cart-button-ultra:hover{background:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6d28d9);box-shadow:0 16px 40px #a855f766,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-4px) scale(1.02)}.cart-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.cart-icon-ultra{animation:cartFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:20px}@keyframes cartFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(-1px) rotate(0deg)}75%{transform:translateY(-3px) rotate(2deg)}}.cart-ripple{animation:ripple 2s infinite;background:#ffffff4d;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.cart-text-ultra{color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.cart-shine{background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%;z-index:1}.cart-button-ultra:hover .cart-shine{left:100%}.nav-user{color:#555;font-size:15px;font-weight:600;margin-left:1rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-sort-wrapper{margin:0 8px}.mini-sort-wrapper,.sort-container{align-items:center;display:flex;position:relative}.sort-container{flex-direction:column;gap:4px}.sort-clickable{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;display:flex;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-clickable:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.sort-clickable:hover:before{left:100%}.sort-clickable:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.sort-text{color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 2px #0003}.sort-arrow{color:#fff;font-size:10px;transition:transform .3s ease}.sort-clickable:hover .sort-arrow{transform:rotate(180deg)}.sort-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sort-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.sort-option:last-child{border-bottom:none}.sort-option:hover{background-color:#f8f9fa;color:#667eea}@media (max-width:768px){.nav-bar{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:12px 16px}.nav-left{flex:0 0 auto;margin-left:8px;margin-right:16px}.nav-right{flex:1 1;justify-content:flex-end}.nav-links{display:none}.site-logo{height:32px;margin:0}.nav-user{display:none}}.mobile-sort-visible{display:none;margin-right:12px;position:relative}.mobile-sort-visible .mobile-sort-clickable{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;cursor:pointer;display:flex;gap:6px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-sort-visible .mobile-sort-clickable:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mobile-sort-visible .mobile-sort-clickable:hover:before{left:100%}.mobile-sort-visible .mobile-sort-clickable:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.mobile-sort-visible .mobile-sort-text{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px #0003}.mobile-sort-visible .mobile-sort-arrow{color:#fff;font-size:10px;transition:transform .3s ease}.mobile-sort-visible .mobile-sort-clickable:hover .mobile-sort-arrow{transform:rotate(180deg)}.mobile-sort-visible .mobile-sort-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.mobile-sort-visible .mobile-sort-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:10px 12px;transition:background-color .2s ease}.mobile-sort-visible .mobile-sort-option:last-child{border-bottom:none}.mobile-sort-visible .mobile-sort-option:hover{background-color:#f8f9fa;color:#667eea}.mobile-menu-btn{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:8px}@media (max-width:768px){.mobile-menu-btn,.mobile-sort-visible{display:block}}.mobile-menu{animation:fadeIn .3s ease;background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu.open{display:block}.mobile-menu-content{animation:slideIn .3s ease;background-color:#fff;box-shadow:-2px 0 12px #0000001a;height:100%;padding:1rem 1rem 2rem 2rem;position:absolute;right:0;top:0;width:280px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem 1rem 3rem}.mobile-menu-close{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem}.mobile-nav-link-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9ff,#e8f2ff 50%,#dde8ff);border:1px solid #a855f733;border-radius:15px;box-shadow:0 4px 16px #a855f71a,0 0 0 1px #ffffff1a;color:#333;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:8px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mobile-nav-link-ultra:hover{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);border-color:#ffffff4d;box-shadow:0 12px 32px #a855f74d,0 0 0 1px #fff3;color:#fff;transform:translateX(8px) scale(1.02)}.mobile-nav-icon{font-size:18px;position:relative;transition:transform .3s ease;z-index:2}.mobile-nav-text{position:relative;transition:color .3s ease;z-index:2}.mobile-nav-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.mobile-nav-link-ultra:hover .mobile-nav-glow{height:120px;opacity:1;width:120px}.mobile-nav-link-ultra:hover .mobile-nav-icon{transform:scale(1.3) rotate(10deg)}.mobile-user-info-ultra{background:linear-gradient(135deg,#f0f8ff,#e6f3ff 50%,#dde8ff);border:1px solid #a855f733;border-radius:15px;box-shadow:0 4px 16px #a855f71a,0 0 0 1px #ffffff1a;margin-top:1rem;padding:1rem}.mobile-user-name-ultra{align-items:center;background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #a855f71a;border-radius:12px;color:#333;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:8px;overflow:hidden;padding:12px 16px;position:relative}.mobile-user-name-ultra:hover{color:#fff;transform:translateX(4px)}.mobile-cart-button-ultra,.mobile-user-name-ultra:hover{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)}.mobile-cart-button-ultra{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:60px;box-shadow:0 12px 40px #a855f74d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;cursor:pointer;display:flex;font-family:inherit;gap:14px;justify-content:center;margin-top:1rem;overflow:hidden;padding:16px 28px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.mobile-cart-button-ultra:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.mobile-cart-button-ultra:hover:before{left:100%}.mobile-cart-button-ultra:hover{background:linear-gradient(135deg,#9333ea,#7c3aed 50%,#6d28d9);box-shadow:0 20px 50px #a855f766,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.mobile-cart-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.mobile-cart-icon-ultra{animation:cartFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:24px}.mobile-cart-ripple{animation:ripple 2s infinite;background:#ffffff4d;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.mobile-cart-text-ultra{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.mobile-cart-shine{background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%;z-index:1}.mobile-cart-button-ultra:hover .mobile-cart-shine{left:100%}.mobile-user-info{background-color:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.mobile-user-name{color:#333;font-weight:600;margin-bottom:.5rem}.mobile-logout-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px}.mobile-mini-sort-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #667eea4d;margin:12px 0;overflow:hidden;padding:12px 16px}.mobile-mini-sort-wrapper,.mobile-sort-container{align-items:center;display:flex;position:relative}.mobile-sort-container{flex-direction:column;gap:6px;width:100%}.mobile-sort-clickable{align-items:center;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mobile-sort-clickable:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mobile-sort-text{color:#2c3e50;font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000001a}.mobile-sort-arrow{color:#2c3e50;font-size:12px;transition:transform .3s ease}.mobile-sort-clickable:hover .mobile-sort-arrow{transform:rotate(180deg)}.mobile-sort-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;margin-top:6px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.mobile-sort-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:14px 16px;transition:background-color .2s ease}.mobile-sort-option:last-child{border-bottom:none}.mobile-sort-option:hover{background-color:#f8f9fa;color:#667eea}.mobile-mini-sort-wrapper:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mobile-mini-sort-wrapper:hover:before{left:100%}.nav-link-ultra.admin-link{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;box-shadow:0 2px 10px #ff6b6b4d;color:#fff!important;font-weight:600;padding:8px 16px;transition:all .3s ease}.nav-link-ultra.admin-link:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);box-shadow:0 4px 20px #ff6b6b66;transform:translateY(-2px)}.mobile-nav-link-ultra.admin-link,.nav-link-ultra.admin-link .nav-glow{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.mobile-nav-link-ultra.admin-link{border-radius:15px;box-shadow:0 2px 10px #ff6b6b4d;color:#fff!important;font-weight:600;margin:5px 0}.mobile-nav-link-ultra.admin-link:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);transform:translateX(5px)}.mobile-nav-link-ultra.admin-link .mobile-nav-glow{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.cart-drawer{background-color:#fff;box-shadow:-2px 0 12px #0000001a;overflow-y:auto;padding:1rem;right:-100%;transition:right .3s ease;width:360px;z-index:2000}.cart-backdrop,.cart-drawer{height:100%;position:fixed;top:0}.cart-backdrop{background-color:#00000080;left:0;opacity:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1999}.cart-backdrop.open{opacity:1;visibility:visible}.cart-drawer.open{right:0}.cart-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;font-weight:700;transition:color .2s ease}.close-button:hover{color:#007acc}.cart-item{gap:1rem;padding-bottom:1rem}.cart-details h3{font-size:1rem;margin:0}.price-quantity{align-items:center;display:flex;justify-content:space-between;margin:.3rem 0}.price{color:#2c3e50;font-size:1rem}.quantity-display{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:4px;color:#e74c3c;font-size:.9rem;font-weight:600;padding:.2rem .5rem}.cart-details p{color:#555;font-size:.9rem;margin:.2rem 0}.subtotal{color:#27ae60!important;font-weight:600}.cart-buttons{align-items:center;gap:.5rem;margin-top:.5rem}.cart-buttons button{align-items:center;background-color:#3498db;border-radius:6px;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;transition:all .2s ease}.cart-buttons button:hover{background-color:#2980b9;transform:scale(1.05)}.quantity-number{background-color:#ecf0f1;border:2px solid #bdc3c7;border-radius:6px;color:#2c3e50;font-size:1rem;font-weight:700;min-width:40px;padding:.4rem .8rem;text-align:center}.remove-icon{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.remove-icon:hover{color:#ff4d4d}.cart-total{font-size:1.1rem;font-weight:700;margin-top:1rem;text-align:center}.checkout-button{background-color:#4da6ff;font-size:1rem;padding:.6rem;transition:background-color .2s ease;width:100%}.checkout-button:hover{background-color:#007acc}@media (max-width:768px){.cart-drawer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:16px 0 0 16px;box-shadow:-4px 0 20px #00000026;max-width:400px;padding:1rem;right:-90vw;width:90vw}.cart-drawer.open{animation:slideInMobile .3s cubic-bezier(.25,.46,.45,.94);right:0}@keyframes slideInMobile{0%{opacity:0;right:-90vw}to{opacity:1;right:0}}.cart-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:2px solid #f0f0f0;margin-bottom:1rem;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cart-header h2{color:#333;font-size:1.2rem;margin:0}.close-button{color:#666;font-size:1.5rem;transition:color .2s ease}.close-button:hover{color:#e74c3c}.cart-item{background-color:#f8f9facc;border:1px solid #0000000d;border-radius:12px;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.cart-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cart-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.cart-details h3{color:#2c3e50;font-size:.85rem;line-height:1.3;margin:0 0 .25rem}.cart-details p{color:#7f8c8d;font-size:.75rem;margin:.1rem 0}.cart-buttons{align-items:center;display:flex;gap:.4rem;margin-top:.5rem}.cart-buttons button{align-items:center;background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;justify-content:center;min-height:32px;min-width:32px;padding:.3rem .6rem;transition:all .2s ease}.cart-buttons button:hover{background-color:#2980b9;transform:scale(1.05)}.quantity-number{background-color:#ecf0f1;border:2px solid #bdc3c7;border-radius:6px;color:#2c3e50;font-size:.8rem;font-weight:700;min-width:36px;padding:.3rem .6rem;text-align:center}.quantity-display{background-color:#fdf2f2;border:1px solid #fecaca;border-radius:4px;color:#e74c3c;font-size:.75rem;font-weight:600;padding:.15rem .4rem}.remove-icon{background-color:#e74c3c1a;border-radius:50%;color:#e74c3c;font-size:.9rem;padding:6px;transition:all .2s ease}.remove-icon:hover{background-color:#e74c3c;color:#fff;transform:scale(1.1)}.cart-total{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:.75rem;text-align:center}.checkout-button{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;box-shadow:0 4px 15px #2ecc714d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:14px 20px;transition:all .3s ease}.checkout-button:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.checkout-button:active{transform:translateY(0)}}@media (max-width:480px){.cart-drawer{padding:.5rem}.cart-item{gap:.5rem;padding-bottom:.5rem}.cart-image{height:64px;width:64px}.cart-details h3{font-size:.85rem}.cart-details p{font-size:.75rem}.cart-buttons button{font-size:.75rem;min-height:28px;padding:.3rem .6rem}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:350px;min-width:280px;opacity:0;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:9999}.toast-visible{opacity:1;transform:translateX(0)}.toast-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#95a5a6;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:all .2s ease}.toast-close:hover{background-color:#e74c3c1a;color:#e74c3c}.toast-clickable{cursor:pointer;transition:all .3s ease}.toast-clickable:hover{box-shadow:0 12px 40px #0003;transform:translateY(-2px)}.toast-hint{color:#7f8c8d;font-size:12px;font-style:italic;margin-left:8px;opacity:.8}.toast-success{border-left:4px solid #27ae60}.toast-success .toast-icon{color:#27ae60}.toast-error{border-left:4px solid #e74c3c}.toast-error .toast-icon{color:#e74c3c}.toast-info{border-left:4px solid #3498db}.toast-info .toast-icon{color:#3498db}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px;transform:translateY(-100%)}.toast-visible{transform:translateY(0)}.toast-content{gap:10px;padding:14px 16px}.toast-message{font-size:13px}.toast-icon{font-size:18px}.toast-close{font-size:14px;padding:2px}.toast{animation:slideDownMobile .4s cubic-bezier(.25,.46,.45,.94)}}@media (max-width:768px){@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}}.home-wrapper{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.home-content{font-family:Segoe UI,sans-serif;padding:2rem;position:relative;z-index:1}.home-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#000,#4da6ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.search-wrapper-ultra{margin:0 auto 2rem;max-width:500px}.product-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.product-card{box-shadow:0 4px 12px #0000001a;width:min(220px,44vw)}.product-card:hover{box-shadow:0 8px 20px #0003}.product-card img{height:auto}.product-card h3{color:#333;font-size:1.1rem;margin:.5rem 0}.product-card p{color:#444;font-weight:700}.nav-link.cart-button{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.4rem .8rem;transition:background-color .3s ease}.nav-link.cart-button:hover{background-color:#444}@media (max-width:768px){.home-wrapper{background-attachment:scroll}.home-content{padding:.75rem}.home-content h1{font-size:1.4rem;line-height:1.3;margin-bottom:1rem}.search-wrapper{margin:0 0 1rem;max-width:100%;padding:8px 12px}.search-input{font-size:16px;padding:12px 12px 12px 32px}.search-icon{font-size:16px;left:16px}.product-list{gap:.75rem;justify-content:center;margin-top:.75rem;padding:0 .75rem 0 .5rem}.product-card{flex-basis:calc(50% - 0.375rem);flex-grow:0;flex-shrink:0;min-width:140px;padding:.75rem;width:calc(50% - .375rem)}.product-card h3{font-size:.9rem;line-height:1.2;margin:.4rem 0}.product-card p{font-size:.9rem;margin:.25rem 0}.nav-link.cart-button{font-size:.85rem;min-height:36px;padding:8px 12px;width:100%}}@media (max-width:480px){.home-content{padding:.5rem}.home-content h1{font-size:1.2rem;margin-bottom:.75rem}.product-list{gap:.5rem;justify-content:center;margin-top:.5rem;padding:0 .75rem 0 .5rem}.product-card{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;padding:.5rem;width:calc(50% - .25rem)}.product-card h3,.product-card p{font-size:.8rem}.nav-link.cart-button{font-size:.8rem;min-height:32px;padding:6px 8px}}.favorite-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:auto;justify-content:center;margin:0;padding:4px;position:absolute;right:12px;top:12px;transition:transform .2s ease;width:auto;z-index:10}.favorite-button:hover{transform:scale(1.2)}.favorite-icon{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.heart-icon{display:block;line-height:1;margin:0;padding:0}.heart-icon.filled{color:#e63946}.heart-icon.outline{color:#666}@media (min-width:769px){.favorite-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;box-shadow:none;height:auto;padding:4px;width:auto}.favorite-button:hover{background:none;box-shadow:none;transform:scale(1.2)}}@media (max-width:768px){.favorite-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;height:10px;left:6px;top:6px;width:10px}.favorite-button:hover{background:#fff;box-shadow:0 4px 16px #0003;transform:scale(1.1)}.heart-icon{font-size:6px}}@media (max-width:480px){.favorite-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;height:8px;left:4px;top:4px;width:8px}.favorite-button:hover{background:#fff;box-shadow:0 4px 16px #0003;transform:scale(1.1)}.heart-icon{font-size:4px}}.category-list-page{background-color:#f9f9f9;min-height:100vh;padding:2rem;text-align:center}.category-list-page h2{color:#333;font-size:2rem;margin-bottom:2rem}.category-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1rem}.category-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#333;overflow:hidden;text-decoration:none;transition:transform .3s ease}.category-card:hover{transform:translateY(-4px)}.category-card img{border-bottom:1px solid #eee;height:160px;object-fit:cover;opacity:.4;width:100%}.category-card h3{font-size:1.2rem;font-weight:600;margin:1rem;text-align:center}@media (max-width:768px){.category-list-page{padding:1rem}.category-list-page h2{font-size:1.6rem;margin-bottom:1.25rem}.category-grid{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.category-card img{height:120px}}.category-page{background-color:#f9f9f9;min-height:100vh;padding:2rem}.category-page h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#000,#4da6ff);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.search-wrapper-ultra{display:flex;justify-content:center;margin:2rem auto;max-width:600px;position:relative;width:100%}.search-container-ultra{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed);border-radius:50px;box-shadow:0 12px 40px #a855f74d,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;height:60px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.search-container-ultra:focus-within,.search-container-ultra:hover{box-shadow:0 20px 50px #a855f766,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02)}.search-icon-ultra{align-items:center;display:flex;height:24px;justify-content:center;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:3}.search-icon-symbol{animation:searchPulse 2s ease-in-out infinite;color:#fff;font-size:18px;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}@keyframes searchPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.search-icon-glow{animation:iconGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes iconGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.search-input-ultra{background:#0000;border:none;color:#fff;font-size:16px;font-weight:500;height:100%;outline:none;padding:0 20px 0 60px;position:relative;width:100%;z-index:2}.search-input-ultra::placeholder{color:#ffffffb3;font-weight:400}.search-ripple{animation:ripple 2s infinite;background:#ffffff4d;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple{0%{height:0;opacity:1;width:0}to{height:80px;opacity:0;width:80px}}.search-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%;z-index:1}.search-container-ultra:hover .search-shine{left:100%}.product-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:2rem}.product-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 10px 24px #00000026;transform:scale(1.02)}.product-card img{border-radius:8px;height:200px;object-fit:cover;width:100%}.product-card h3{color:#222;font-size:1.2rem;margin:.75rem 0 .25rem}.product-card p{color:#555;font-weight:600;margin-bottom:.5rem}.product-card a,.product-card button{border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;margin:.4rem .3rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.product-card a{background-color:#333;color:#fff}.product-card a:hover{background-color:#555}.product-card button{background-color:#4da6ff;border:none;color:#fff}.product-card button:hover{background-color:#007acc}.product-card-link{color:inherit;display:block;text-decoration:none}.quantity-controls{gap:.5rem;margin-top:.5rem}.quantity-controls,.quantity-controls button{align-items:center;display:flex;justify-content:center}.quantity-controls button{background-color:#4da6ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:32px;transition:all .2s ease;width:32px}.quantity-controls button:hover{background-color:#007acc;transform:scale(1.05)}.quantity-controls span{background-color:#ecf0f1;border:2px solid #bdc3c7;border-radius:6px;color:#2c3e50;font-size:1rem;font-weight:700;min-width:40px;padding:.4rem .8rem;text-align:center}@media (max-width:768px){.category-page{padding:1rem}.category-page h2{font-size:1.5rem;margin-bottom:1.25rem}.product-list{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}.product-card img{height:160px}.quantity-controls{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:.3rem;margin-top:.75rem;padding:.25rem}.quantity-controls button{align-items:center;background-color:#4da6ff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.quantity-controls button:hover{background-color:#007acc;transform:scale(1.05)}.quantity-controls button:active{transform:scale(.95)}.quantity-controls span{background-color:#fff;border:2px solid #4da6ff;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#2c3e50;font-size:1rem;font-weight:700;min-width:44px;padding:.5rem .8rem;text-align:center}}@media (max-width:480px){.quantity-controls{gap:.25rem;margin-top:.5rem;padding:.2rem}.quantity-controls button{font-size:1rem;height:32px;width:32px}.quantity-controls span{font-size:.9rem;min-width:40px;padding:.4rem .6rem}}.product-detail{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:1.5rem;margin:3rem auto;max-width:800px;padding:2rem}@media (max-width:768px){.product-detail{border-radius:12px;gap:1rem;margin:1rem auto;padding:1rem}.product-detail h1{font-size:1.4rem;line-height:1.3}.product-detail img{border-radius:8px;max-width:100%}.description{font-size:.9rem;line-height:1.5}.price{font-size:1.1rem}.product-detail button{font-size:16px;max-width:300px;min-height:44px;padding:12px 16px;width:100%}.back-link{align-items:center;display:inline-flex;justify-content:center;padding:8px 16px}.back-link,.home-link{font-size:.9rem;min-height:44px}.home-link{margin-top:.3rem;padding:10px 16px}}@media (max-width:480px){.product-detail{border-radius:8px;margin:.5rem auto;padding:.75rem}.product-detail h1{font-size:1.2rem}.description{font-size:.85rem}.price{font-size:1rem}}.product-detail h1{color:#222;font-size:2rem;font-weight:600;text-align:center}.product-detail img{border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:400px;object-fit:cover;width:100%}.description{color:#555;font-size:1rem;line-height:1.6;text-align:center}.price{color:#007acc;font-size:1.2rem;font-weight:700}.product-detail button{background-color:#4da6ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:.3rem;padding:.8rem 1.2rem;transition:background-color .3s ease}.product-detail button:hover{background-color:#007acc}.back-link{color:#333;font-weight:500;margin-top:1rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#007acc}.home-link{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:.5rem;padding:.6rem 1rem;transition:all .2s ease}.home-link:hover{background-color:#e9ecef;color:#007acc;transform:translateY(-1px)}.cart-page{margin:auto;max-width:800px;padding:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #eee;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:1rem}.cart-image{border-radius:6px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-info{display:flex;flex-direction:column;flex-grow:1;gap:4px}.cart-buttons{display:flex;gap:8px}.cart-buttons button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:.4rem .8rem}.cart-buttons button:hover{background-color:#0056b3}.cart-delete{flex-shrink:0;margin-left:auto}.delete-button{background:#0000;border:none;color:#888;cursor:pointer;font-size:20px;transition:color .2s ease}.delete-button:hover{color:#e00}.checkout-button{background-color:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.checkout-button:hover{background-color:#128c7e}@media (max-width:600px){.cart-item{align-items:flex-start;flex-direction:column}.cart-image{height:auto;width:100%}.cart-info{width:100%}.cart-buttons{flex-wrap:wrap}.cart-delete{align-self:flex-end;margin-top:8px}.checkout-button{text-align:center;width:100%}}.favorites-page{background-color:#f9f9f9;min-height:100vh;padding:2rem}.favorites-page h2{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:2rem;text-align:center}.favorites-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:2rem}.favorite-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:1rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.favorite-card:hover{box-shadow:0 10px 24px #00000026;transform:scale(1.02)}.favorite-card img{border-radius:8px;height:200px;object-fit:cover;width:100%}.favorite-card h3{color:#222;font-size:1.2rem;margin:.75rem 0 .25rem}.favorite-card p{color:#555;font-weight:600;margin-bottom:.5rem}.favorite-card a{background-color:#333;border-radius:6px;color:#fff;display:inline-block;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none}.favorite-card a:hover{background-color:#555}.favorite-remove-btn{background:none;border:none;cursor:pointer;position:absolute;right:12px;top:12px;transition:transform .2s ease;z-index:2}.favorite-remove-btn:hover{transform:scale(1.2)}@media (max-width:768px){.favorites-page{padding:1rem}.favorites-page h2{font-size:1.4rem;margin-bottom:1.25rem}.favorites-list{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}.favorite-card img{height:160px}}.checkout-page{background-color:#f9f9f9;border-radius:8px;margin:auto;max-width:600px;padding:2rem}.checkout-list{list-style:none;padding:0}.checkout-item{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.checkout-image{border-radius:6px;height:80px;object-fit:cover;width:80px}.whatsapp-button{background-color:#25d366;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.6rem 1.2rem;transition:background-color .3s ease}.whatsapp-button:hover{background-color:#128c7e}@media (max-width:768px){.checkout-page{border-radius:0;padding:1rem}.checkout-item{align-items:flex-start}.checkout-image{height:64px;width:64px}.whatsapp-button{text-align:center;width:100%}}.auth-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:1rem}@media (max-width:768px){.auth-container{align-items:flex-start;padding:2rem .5rem .5rem}.auth-card{margin:0;max-width:100%;padding:1.5rem}.auth-card h2{font-size:1.5rem;margin-bottom:1.5rem}.auth-card button,.auth-card input{font-size:16px;min-height:44px;padding:12px 16px}}@media (max-width:480px){.auth-container{padding:1rem .25rem .25rem}.auth-card{padding:1rem}.auth-card h2{font-size:1.3rem;margin-bottom:1rem}}.auth-card{background-color:#ffffffe6;border-radius:16px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:2rem;width:100%}.auth-card h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.auth-card input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:1rem;transition:border-color .3s}.auth-card input:focus{border-color:#4da6ff;outline:none}.auth-card button{background-color:#4da6ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:1rem;transition:background-color .3s}.auth-card button:hover{background-color:#39f}.email-warning{color:#f90;font-size:.9rem;margin-top:1rem;text-align:center}.image-upload{width:100%}.upload-area{align-items:center;background:#fafafa;border:2px dashed #ddd;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f8f9ff;border-color:#667eea}.upload-area.drag-over{background:#f0f4ff;border-color:#667eea;transform:scale(1.02)}.upload-area.uploading{opacity:.7;pointer-events:none}.image-preview{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-preview img{border-radius:8px;max-height:200px;max-width:100%;object-fit:cover}.overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-preview:hover .overlay{opacity:1}.change-text{color:#fff;font-size:1.1rem;font-weight:700}.upload-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.placeholder-content{text-align:center}.upload-icon{font-size:3rem;margin-bottom:10px;opacity:.6}.placeholder-content p{color:#666;font-weight:500;margin:10px 0 5px}.placeholder-content small{color:#999;font-size:.9rem}.uploading-content{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uploading-content p{color:#667eea;font-weight:500;margin:0}@media (max-width:768px){.upload-area{min-height:120px;padding:15px}.upload-icon{font-size:2.5rem}.placeholder-content p{font-size:.9rem}.placeholder-content small{font-size:.8rem}}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.admin-title h1{color:#333;font-size:2rem;margin:0}.admin-title p{color:#666;font-size:1rem;margin:5px 0 0}.admin-actions{display:flex;gap:15px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab{background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab:hover{background:#ffffff4d}.tab.active{background:#fff;box-shadow:0 4px 15px #0000001a;color:#667eea}.admin-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;min-height:500px;padding:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:25px;text-align:center}.stat-card h3{font-size:1rem;margin:0 0 10px;opacity:.9}.stat-number{font-size:2.5rem;font-weight:700;margin:10px 0}.stat-change{font-size:.9rem;opacity:.8}.add-product-form{background:#f8f9fa;border-radius:15px;margin-bottom:30px;padding:25px}.add-product-form h3{color:#333;margin:0 0 20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-row input,.form-row select{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.form-row input:focus,.form-row select:focus{border-color:#667eea;outline:none}.add-product-form textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:20px;padding:12px 15px;resize:vertical;width:100%}.add-product-form textarea:focus{border-color:#667eea;outline:none}.orders-table{overflow-x:auto}.orders-table table{border-collapse:collapse;margin-top:20px;width:100%}.orders-table td,.orders-table th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left}.orders-table th{color:#333;font-weight:600}.orders-table th,.orders-table tr:hover{background:#f8f9fa}.status{border-radius:20px;font-size:.85rem;font-weight:500;padding:5px 12px;text-transform:uppercase}.status.bekliyor{background:#fff3cd;color:#856404}.status.tamamlandı{background:#d1edff;color:#0c5460}.status.iptal{background:#f8d7da;color:#721c24}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-danger:hover{background:#c82333}.btn-small{font-size:.85rem;padding:6px 12px}.feature-coming-soon{color:#666;padding:60px 20px;text-align:center}.feature-coming-soon h3{font-size:2rem;margin-bottom:15px}.data-management{background:#fff5f5;border:2px solid #fed7d7;border-radius:15px;margin-top:30px;padding:25px}.data-management h3{color:#c53030;font-size:1.3rem;margin:0 0 20px}.clear-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.btn-large{border-radius:10px;font-size:1rem;font-weight:600;min-width:200px;padding:15px 25px;transition:all .3s ease}.btn-warning{background:#f6ad55;border:none;color:#fff;cursor:pointer}.btn-warning:hover:not(:disabled){background:#ed8936;box-shadow:0 5px 15px #f6ad5566;transform:translateY(-2px)}.btn-warning:disabled{cursor:not-allowed;opacity:.6}.warning-text{background:#fff;border:1px solid #fed7d7;border-radius:8px;padding:15px;text-align:center}.warning-text p{color:#c53030;font-size:.95rem;margin:0}.category-management{background:#f8f9fa;border-radius:15px;margin-bottom:30px;padding:20px}.category-form{gap:20px;margin-bottom:20px}.category-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.category-form input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.category-form input:focus{border-color:#667eea;outline:none}.image-upload-container{display:flex;flex-direction:column;gap:15px}.or-divider{color:#666;font-size:.9rem;position:relative;text-align:center}.or-divider:after,.or-divider:before{background:#ddd;content:"";height:1px;position:absolute;top:50%;width:45%}.or-divider:before{left:0}.or-divider:after{right:0}.categories-list h4{color:#333;font-size:1.1rem;margin:0 0 15px}.category-items{display:flex;flex-wrap:wrap;gap:10px}.category-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.category-item:hover{border-color:#667eea;box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.category-order{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:.9rem;height:30px;justify-content:center;width:30px}.category-order,.order-number{color:#fff;font-weight:700}.category-name{color:#333;flex:1 1;font-size:1rem;font-weight:500}.category-actions{align-items:center;display:flex;gap:8px}.category-actions button{align-items:center;border-radius:8px;display:flex;font-size:.8rem;height:35px;justify-content:center;min-width:35px;padding:6px 10px}.category-actions button:disabled{cursor:not-allowed;opacity:.5}.category-actions button:not(:disabled):hover{transform:scale(1.05)}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.product-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{height:200px;object-fit:cover;width:100%}.product-info{padding:20px}.product-info h4{color:#333;font-size:1.2rem;margin:0 0 10px}.product-price{color:#667eea;font-size:1.5rem;font-weight:700;margin:10px 0}.product-category{color:#666;font-size:.9rem;margin:5px 0}.product-stock{color:#28a745;font-weight:500;margin:5px 0}.product-actions{display:flex;gap:10px;margin-top:15px}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-header{flex-direction:column;gap:20px;text-align:center}.admin-actions{justify-content:center}.form-row,.stats-grid{grid-template-columns:1fr}.admin-tabs{justify-content:center}.tab{padding:10px 15px}.orders-table,.tab{font-size:.9rem}.category-form{gap:15px}.image-upload-container{gap:10px}.products-grid{grid-template-columns:1fr}.clear-buttons,.product-actions{flex-direction:column}.btn-large{min-width:auto;width:100%}}
/*# sourceMappingURL=main.1a710d2f.css.map*/