body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-top:3px solid #e94560;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;left:0;padding:5px 40px;position:fixed;right:0;z-index:1000}.footer button{background:#0000;border:none;border-radius:50px;cursor:pointer;padding:5px 25px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.footer button a{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:8px;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}.footer button:first-child a:before{content:"📋 ";font-size:18px}.footer button:nth-child(2) a:before{content:"🏠 ";font-size:18px}.footer button:nth-child(3) a:before{content:"👤 ";font-size:18px}.footer button:hover{background:#e9456026;box-shadow:0 8px 25px #e9456033;transform:translateY(-3px)}.footer button:hover a{color:#e94560}.footer button:active{transform:scale(.95)}.footer button a:after{background:#e94560;bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.footer button:hover a:after{width:100%}@media (max-width:768px){.footer{flex-wrap:wrap;gap:15px;justify-content:center;padding:1px 20px}.footer button{padding:8px 18px}.footer button a{font-size:14px}.footer button:first-child a:before,.footer button:nth-child(2) a:before,.footer button:nth-child(3) a:before{font-size:16px}}@media (max-width:480px){.footer{flex-wrap:wrap;gap:10px;justify-content:space-around;padding:12px 15px}.footer button{flex:1 1;min-width:80px;padding:6px 14px;text-align:center}.footer button a{flex-direction:column;font-size:12px;gap:2px}.footer button:first-child a:before,.footer button:nth-child(2) a:before,.footer button:nth-child(3) a:before{display:block;font-size:20px}.footer button a{font-size:0}.footer button a:before{font-size:22px!important}.footer button a:after{background:#000c;border-radius:4px;bottom:-18px;color:#fff;content:attr(data-label);font-size:10px;font-weight:400;left:50%;letter-spacing:.3px;opacity:0;padding:2px 8px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.footer button:hover a:after{opacity:1}}.footer{animation:slideUp .5s ease}.footer:before{animation:gradientMove 3s linear infinite;background:linear-gradient(90deg,#e94560,#f39c12,#e94560);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:-3px}@keyframes gradientMove{0%{background-position:0 0}to{background-position:200% 0}}.footer button:focus{outline:none}.footer button:focus-visible{outline:2px solid #e94560;outline-offset:2px}.footer button:first-child a{data-label:"Orders"}.footer button:nth-child(2) a{data-label:"Home"}.footer button:nth-child(3) a{data-label:"Profile"}.home{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:100px 20px 60px;position:relative}.home input[type=text]{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#333;display:block;font-size:18px;margin:30px auto;max-width:600px;outline:none;padding:16px 24px;transition:all .3s ease;width:100%}.home input[type=text]::placeholder{color:#999;font-weight:300}.home input[type=text]:focus{border:2px solid #4a90e2;box-shadow:0 8px 25px #007bff33;transform:translateY(-2px)}.shops{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto 150px;max-width:1400px;padding:20px 0}.shop{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;cursor:pointer;overflow:hidden;padding-bottom:20px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.shop:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px) scale(1.02)}.shop img{background:#f0f0f0;height:250px;object-fit:cover;transition:transform .5s ease;width:100%}.shop:hover img{transform:scale(1.05)}.shop h2{color:#2c3e50;font-size:22px;font-weight:700;letter-spacing:-.5px;padding:18px 20px 10px;position:relative;transition:color .3s ease}.shop:hover h2{color:#4a90e2}.shop h2:after{background:linear-gradient(90deg,#4a90e2,#67b8f7);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;transition:width .3s ease;width:40px}.shop:hover h2:after{width:60px}.shop .shop-details{color:#7f8c8d;font-size:14px;padding:0 20px}.shop:before{background:#4a90e2;border-radius:30px;bottom:-50px;box-shadow:0 4px 15px #4a90e24d;color:#fff;content:"View Shop →";font-size:14px;font-weight:600;left:50%;opacity:0;padding:8px 20px;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.shop:hover:before{bottom:20px;opacity:1}.shops:empty:after{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;color:#7f8c8d;content:"No shops found";display:block;font-size:24px;grid-column:1/-1;padding:60px 20px;text-align:center}.footer{border-top:1px solid #00000014;margin-top:60px;padding-top:30px}@media (max-width:1024px){.shops{gap:25px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.home{padding:0 15px 40px}.home input[type=text]{font-size:16px;margin:20px auto;padding:14px 20px}.shops{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:10px 0}.shop img{height:200px}.shop h2{font-size:18px;padding:12px 16px 8px}.shop:hover{transform:translateY(-5px)}.shop:before{display:none}}@media (max-width:480px){.home{padding:0 10px 30px}.home input[type=text]{border-radius:30px;font-size:14px;padding:12px 16px}.shops{gap:15px;grid-template-columns:1fr 1fr}.shop img{height:150px}.shop h2{font-size:15px;padding:10px 12px 6px}.shop h2:after{height:2px;margin-top:5px;width:30px}.shop:hover h2:after{width:40px}}.shop img{animation:fadeIn .5s ease}.shop{animation:slideUp .6s ease forwards;opacity:0}.shop:first-child{animation-delay:.05s}.shop:nth-child(2){animation-delay:.1s}.shop:nth-child(3){animation-delay:.15s}.shop:nth-child(4){animation-delay:.2s}.shop:nth-child(5){animation-delay:.25s}.shop:nth-child(6){animation-delay:.3s}.shop:nth-child(7){animation-delay:.35s}.shop:nth-child(8){animation-delay:.4s}.shop:nth-child(9){animation-delay:.45s}.shop:nth-child(10){animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a90e2,#67b8f7)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#357abd,#4a90e2)}.ai{bottom:120px;position:fixed;right:30px;z-index:9999}.ai a{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 20px #667eea66;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s}.ai a:hover{box-shadow:0 6px 30px #667eea80;transform:scale(1.05)}@media (max-width:768px){.ai{bottom:100px;right:20px}.ai a{font-size:13px;padding:10px 16px}}@media (max-width:480px){.ai{bottom:80px;right:15px}.ai a{font-size:12px;padding:8px 14px}}.ai button{background-color:initial;border:none}.nav{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #00000026;display:flex;height:70px;justify-content:space-between;left:0;padding:.8rem 5%;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 2px 30px #0000001a;height:65px;padding:.5rem 5%}.nav.scrolled .logo h1{color:#333}.nav.scrolled .logo span{color:#667eea}.logo{align-items:center;cursor:pointer;display:flex;gap:.5rem;text-decoration:none}.logo-icon{animation:pulse 2s infinite;font-size:2rem}.logo h1{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-1px;transition:color .3s ease}.logo h1 span{color:gold;font-weight:300}.logo h1 .dot{color:#ff6b6b;font-size:2rem}.nav-links{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-links a,.nav-links li{position:relative}.nav-links a{border-radius:8px;color:#ffffffe6;font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:gold;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-links a:hover:after{width:60%}.nav-links a:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav.scrolled .nav-links a{color:#333}.nav.scrolled .nav-links a:hover{background:#667eea1a;color:#667eea}.nav-right{gap:1rem}.nav-right,.user-info{align-items:center;display:flex}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:50px;cursor:pointer;gap:.75rem;padding:.3rem .8rem .3rem .3rem;transition:all .3s ease}.user-info:hover{background:#ffffff40;transform:scale(1.03)}.nav.scrolled .user-info{background:#667eea1a;border-color:#667eea33}.nav.scrolled .user-info:hover{background:#667eea33}.shop-avatar{border:2px solid gold;border-radius:50%;box-shadow:0 2px 10px #0003;height:38px;object-fit:cover;transition:all .3s ease;width:38px}.shop-avatar:hover{border-color:#ff6b6b;transform:rotate(5deg) scale(1.05)}.default-avatar{align-items:center;background:linear-gradient(135deg,gold,#ff6b6b);border:2px solid gold;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:38px;justify-content:center;width:38px}.user-greeting{color:#fffffff2;font-size:.9rem;font-weight:500;white-space:nowrap}.nav.scrolled .user-greeting{color:#333}.login-btn,.shop-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.6rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.shop-btn{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 4px 15px #00cec966;color:#fff}.shop-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.shop-btn:hover:before{left:100%}.shop-btn:hover{box-shadow:0 6px 25px #00cec980;transform:translateY(-3px)}.shop-btn:active{transform:translateY(0)}.login-btn{background:linear-gradient(135deg,gold,#f9a825);box-shadow:0 4px 15px #ffd70066;color:#333}.login-btn a{color:#333;font-weight:600;text-decoration:none}.login-btn:hover{box-shadow:0 6px 25px #ffd70080;transform:translateY(-3px)}.logout-btn{border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 6px 25px #ff6b6b80;transform:translateY(-3px)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px}.menu-toggle span{background:#fff;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:28px}.nav.scrolled .menu-toggle span{background:#333}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.nav-links{gap:.3rem}.nav-links a{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:768px){.nav{padding:.5rem 4%}.logo h1{font-size:1.4rem}.logo-icon{font-size:1.5rem}.menu-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:0 0 20px 20px;box-shadow:0 10px 40px #0000001a;flex-direction:column;gap:1rem;left:0;padding:2rem;position:fixed;right:0;top:70px;transform:translateY(-150%);transition:transform .4s ease}.nav-links.open{transform:translateY(0)}.nav-links a{border-radius:12px;color:#333!important;font-size:1.1rem;padding:.8rem 1.5rem;text-align:center;width:100%}.nav-links a:hover{background:#667eea1a!important}.nav-links a:after{display:none}.nav-right{gap:.5rem}.user-greeting{font-size:.8rem}.default-avatar,.shop-avatar{height:32px;width:32px}.login-btn,.logout-btn,.shop-btn{font-size:.8rem;padding:.4rem 1rem}.user-info{padding:.2rem .5rem .2rem .2rem}}@media (max-width:480px){.logo h1,.logo-icon{font-size:1.2rem}.login-btn span,.shop-btn span,.user-greeting{display:none}.login-btn,.logout-btn,.shop-btn{font-size:.75rem;padding:.4rem .8rem}.nav-links{padding:1.5rem;top:60px}}.glow-effect{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #ffd70033}to{box-shadow:0 0 30px #ffd70066}}.badge{animation:pulse 1.5s infinite;background:#ff6b6b;border-radius:50%;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-5px;text-align:center;top:-5px}.cart-icon{color:#fff;font-size:1.2rem;position:relative;transition:all .3s ease}.nav.scrolled .cart-icon{color:#333}.cart-icon:hover{transform:scale(1.1)}.products{margin:0 auto 100px;max-width:1400px;min-height:100vh;padding:20px;position:relative}.navBar{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-bottom:3px solid #e94560;border-radius:5px;box-shadow:0 4px 20px #0000004d;justify-content:space-between;margin-bottom:0;padding:7px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navBar,.navBar h2{align-items:center;display:flex}.navBar h2{color:#fff;font-size:28px;font-weight:700;gap:10px;letter-spacing:1px;text-shadow:2px 2px 4px #0000004d}.navBar h2:before{content:"🛍️";font-size:30px}.navBar button{align-items:center;background:linear-gradient(135deg,#e94560,#c0392b);border:none;border-radius:50px;box-shadow:0 4px 15px #e9456066;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:14px 30px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.navBar button:hover{box-shadow:0 8px 30px #e9456099;transform:translateY(-3px) scale(1.05)}.navBar button:active{transform:scale(.95)}.cart-badge{animation:pulse 2s infinite;background:gold;border-radius:20px;color:#1a1a2e;font-size:14px;font-weight:700;min-width:30px;padding:2px 12px;text-align:center}.cart-sidebar{background:linear-gradient(135deg,#1a1a2e,#16213e);border-left:3px solid #e94560;box-shadow:-10px 0 40px #00000080;display:flex;flex-direction:column;height:100vh;padding:0;position:fixed;right:-450px;top:0;transition:right .4s cubic-bezier(.34,1.56,.64,1);width:420px;z-index:2000}.cart-sidebar.open{right:0}.cart-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .4s ease;z-index:1999}.cart-overlay.open{opacity:1;pointer-events:all}.cart-header{background:#ffffff0d;border-bottom:2px solid #ffffff1a;justify-content:space-between;padding:25px 30px}.cart-header,.cart-header h3{align-items:center;display:flex}.cart-header h3{color:#fff;font-size:24px;font-weight:700;gap:10px}.cart-header h3:before{content:"🛒"}.cart-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cart-close:hover{background:#e94560;transform:rotate(90deg)}.cart-items{flex:1 1;overflow-y:auto;padding:20px 25px}.cart-items::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar-track{background:#ffffff0d}.cart-items::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e94560,#c0392b);border-radius:10px}.cart-item{align-items:center;animation:slideIn .3s ease;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:15px;margin-bottom:12px;padding:16px 18px;transition:all .3s ease}.cart-item:hover{background:#ffffff14;border-color:#e9456033;transform:translateX(5px)}.cart-item img{border:2px solid #ffffff1a;border-radius:12px;height:60px;object-fit:cover;width:60px}.cart-item-details{flex:1 1}.cart-item-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.cart-item-price{color:gold;font-size:14px;font-weight:600}.cart-item-quantity{align-items:center;display:flex;gap:8px;margin-top:4px}.cart-item-quantity button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.cart-item-quantity button:hover{background:#e94560;transform:scale(1.1)}.cart-item-quantity span{color:#fff;font-weight:600;min-width:20px;text-align:center}.cart-item-remove{align-items:center;background:#ff6b6b33;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cart-item-remove:hover{background:#ff6b6b;color:#fff;transform:scale(1.1) rotate(90deg)}.cart-empty{align-items:center;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center}.cart-empty-icon{animation:floatEmpty 3s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes floatEmpty{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cart-empty h4{color:#fff;font-size:24px;margin-bottom:10px}.cart-empty p{font-size:16px}.cart-footer{background:#0003;border-top:2px solid #ffffff1a;padding:20px 25px}.cart-total{align-items:center;color:#fff;display:flex;font-size:18px;justify-content:space-between;margin-bottom:15px}.cart-total span:last-child{color:gold;font-size:24px;font-weight:700}.cart-checkout-btn{align-items:center;background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:16px;color:#1a1a2e;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.cart-checkout-btn:hover{box-shadow:0 10px 40px #ffd70066;transform:translateY(-3px) scale(1.02)}.cart-checkout-btn:active{transform:scale(.95)}.products>input[type=text]{background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 10px #0000000d;display:block;font-size:16px;margin:-50px auto 40px;max-width:500px;outline:none;padding:16px 24px;transition:all .3s ease;width:100%}.products>input[type=text]:focus{border-color:#0f3460;box-shadow:0 8px 25px #0f346026;transform:translateY(-2px)}.products>input[type=text]::placeholder{color:#bdc3c7}.product{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.product>div{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 25px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.product>div:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.product>div img{background:#f8f9fa;border-radius:12px;height:220px;object-fit:cover;transition:transform .5s ease;width:100%}.product>div:hover img{transform:scale(1.05)}.product>div h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;font-weight:600;justify-content:center;margin:15px 0 8px;min-height:50px;text-align:center}.product>div p{color:#e94560;font-size:20px;font-weight:700;margin:5px 0}.product>div button{background:linear-gradient(135deg,#0f3460,#1a1a2e);border:none;border-radius:50px;box-shadow:0 4px 15px #0f346033;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:30px;max-width:200px;padding:12px 30px;transition:all .3s ease;width:100%}.product>div button:hover{background:linear-gradient(135deg,#1a1a2e,#0f3460);box-shadow:0 8px 25px #0f346066;transform:translateY(-3px)}.product>div button:active{transform:scale(.95)}.product>div button.added{background:linear-gradient(135deg,#27ae60,#2ecc71)}.toast{animation:slideUp .5s ease}.toast.fade-out{animation:fadeOut .5s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@media (max-width:1024px){.product{gap:25px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.navBar{border-radius:15px;flex-direction:column;gap:15px;padding:15px 20px}.navBar h2{font-size:22px}.navBar button{font-size:14px;justify-content:center;padding:12px 25px;width:100%}.cart-sidebar{border-radius:0;right:-100%;width:100%}.cart-sidebar.open{right:0}.product{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product>div img{height:180px}.products>input[type=text]{font-size:14px;margin:0 auto 30px;padding:14px 20px}}@media (max-width:480px){.navBar{border-radius:12px;padding:12px 15px}.navBar h2{font-size:18px}.navBar h2:before{font-size:22px}.navBar button{font-size:13px;padding:10px 18px}.cart-header{padding:20px}.cart-header h3{font-size:20px}.cart-items{padding:15px}.cart-item{padding:12px 14px}.cart-item img{height:50px;width:50px}.cart-item-name{font-size:14px}.cart-footer{padding:15px 20px}.cart-total{font-size:16px}.cart-total span:last-child{font-size:20px}.cart-checkout-btn{font-size:16px;padding:14px}.product{gap:15px;grid-template-columns:1fr 1fr;padding:10px 0}.product>div{border-radius:15px;padding:12px}.product>div img{border-radius:8px;height:130px}.product>div h3{font-size:14px;margin:10px 0 3px;min-height:35px}.product>div p{font-size:15px;margin:3px 0 10px}.product>div button{font-size:12px;max-width:100%;padding:8px 15px}.toast{bottom:20px;font-size:14px;left:20px;padding:14px 20px;right:20px;text-align:center}}.hero-image-container{border-radius:5px;height:300px;overflow:hidden;position:relative;width:100%}.hero-image{height:100%;object-fit:fill;transition:transform .5s ease;width:100%}.hero-image:hover{transform:scale(1.02)}.hero-placeholder{align-items:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:2px dashed #fff3;border-radius:20px;display:flex;flex-direction:column;height:400px;justify-content:center;width:100%}.hero-placeholder span{font-size:80px;margin-bottom:15px}.hero-placeholder p{color:#fff9;font-size:18px}.hero-placeholder-loading{align-items:center;background:#ffffff0d;border-radius:20px;display:flex;height:400px;justify-content:center;width:100%}.hero-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:gold;height:40px;width:40px}@media (max-width:768px){.hero-image-container,.hero-placeholder{height:250px}.hero-placeholder span{font-size:50px}}@media (max-width:480px){.hero-image-container,.hero-placeholder{height:200px}.hero-placeholder span{font-size:40px}.hero-placeholder p{font-size:14px}}.reviews-container-modern{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:900px;padding:20px}.reviews-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.reviews-header h2{color:#1a1a2e;font-size:28px;font-weight:700;margin:0}.reviews-count{background:#f8f9fa;border-radius:20px;color:#6c757d;font-size:14px;font-weight:500;padding:6px 16px}.rating-summary-modern{grid-gap:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;display:grid;gap:40px;grid-template-columns:auto 1fr;margin-bottom:30px;padding:30px 40px}.rating-big{color:#fff;min-width:150px;text-align:center}.rating-number{font-size:56px;font-weight:800;line-height:1;margin-bottom:8px}.rating-big .star-rating .star{color:#ffffff4d;font-size:32px}.rating-big .star-rating .star.active{color:gold}.rating-label{font-size:14px;margin-top:8px;opacity:.8}.rating-bars{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.rating-bar-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:50px 1fr 40px}.rating-bar-label{color:#ffffffe6;font-size:14px;font-weight:500}.rating-bar-track{background:#fff3;border-radius:10px;height:8px;overflow:hidden;position:relative}.rating-bar-fill{background:linear-gradient(90deg,gold,orange);border-radius:10px;height:100%;transition:width .8s ease}.rating-bar-count{color:#ffffffe6;font-size:13px;text-align:right}.star-rating{display:flex;gap:4px}.star{color:#d1d5db;cursor:pointer;line-height:1;transition:all .2s ease}.star.active{color:gold;text-shadow:0 0 20px #ffd7004d}.star:hover{transform:scale(1.2)}.write-review-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 10px #0000000f;margin-bottom:30px;padding:24px}.review-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.review-form-header h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.review-form-modern .form-group{margin-bottom:20px}.review-form-modern label{color:#1a1a2e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.rating-text{color:#667eea;display:inline-block;font-size:14px;font-weight:600;margin-left:12px}.review-textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.review-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.char-counter{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right}.btn-submit-review{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:16px;font-weight:600;padding:14px;width:100%}.btn-submit-review:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-delete-review{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-delete-review:hover{background:#fecaca}.login-prompt{background:#f8fafc;border:2px dashed #d1d5db;border-radius:16px;margin-bottom:30px;padding:40px;text-align:center}.login-prompt span{display:block;font-size:48px;margin-bottom:12px}.login-prompt p{color:#6c757d;font-size:16px;margin-bottom:16px}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 30px;transition:all .3s ease}.btn-login:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.reviews-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reviews-list-modern{display:flex;flex-direction:column;gap:16px}.review-card-modern{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:20px;transition:all .3s ease}.review-card-modern:hover{border-color:#e5e7eb;box-shadow:0 4px 20px #0000000f}.review-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:700}.review-date{color:#9ca3af}.review-rating .star-rating .star{font-size:18px}.review-card-body{margin-bottom:12px}.review-text{color:#374151;font-size:15px;line-height:1.6;margin:0}.replies-section{margin:12px 0 12px 20px}.replies-header{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.reply-card{background:#f8fafc;border-radius:12px;margin-bottom:10px;padding:14px 16px}.reply-header{gap:10px;margin-bottom:6px}.reply-avatar{align-items:center;background:#dbeafe;border-radius:50%;color:#3b82f6;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.reply-date{color:#9ca3af;margin-left:auto}.reply-text{line-height:1.5}.btn-delete-reply{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:2px 6px;transition:color .2s ease}.btn-delete-reply:hover{color:#dc2626}.review-actions-modern{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.btn-reply{align-items:center;border-radius:8px;color:#6b7280;display:inline-flex;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-reply:hover{background:#f3f4f6}.reply-input-container{display:flex;gap:10px;margin-top:10px}.reply-input{border:2px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:14px;padding:10px 14px;transition:all .3s ease}.reply-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.btn-post-reply{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.btn-post-reply:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.no-reviews-modern{background:#f8fafc;border-radius:16px;padding:60px 20px;text-align:center}.no-reviews-modern span{display:block;font-size:48px;margin-bottom:12px}.no-reviews-modern h4{color:#1a1a2e;font-size:20px;margin:0 0 8px}.no-reviews-modern p{color:#6c757d;margin:0}.loading-spinner{display:inline-block}@media (max-width:768px){.rating-summary-modern{gap:20px;grid-template-columns:1fr;padding:24px}.rating-big{min-width:auto}.rating-number{font-size:40px}.rating-bar-item{gap:8px;grid-template-columns:40px 1fr 30px}.reviews-header{align-items:flex-start;flex-direction:column;gap:10px}.reviews-header h2{font-size:22px}.review-card-header{flex-direction:column;gap:8px}.replies-section{margin-left:0;padding-left:12px}.reply-input-container{flex-direction:column}.btn-post-reply{width:100%}.review-form-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.reviews-container-modern{padding:12px}.rating-summary-modern{padding:20px}.reviews-filter{gap:6px}.filter-btn{font-size:12px;padding:6px 14px}.review-card-modern{padding:16px}}.share-container{display:inline-block;position:relative}.share-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.share-btn:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.share-btn .share-icon{font-size:18px}.share-btn .share-text{font-size:14px}.share-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;min-width:320px;padding:20px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.share-dropdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.share-dropdown-header h4{color:#1a1a2e;font-size:16px;font-weight:600;margin:0}.share-close{background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:20px;padding:4px 8px;transition:background .2s ease}.share-close:hover{background:#f3f4f6}.share-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.share-option{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:10px;color:#1a1a2e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;transition:all .2s ease}.share-option:hover{border-color:#667eea;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.share-option .share-icon{font-size:20px}.share-option.whatsapp:hover{background:#f0faf3;border-color:#25d366}.share-option.facebook:hover{background:#f0f4ff;border-color:#1877f2}.share-option.twitter:hover{background:#f0f8ff;border-color:#1da1f2}.share-option.email:hover{background:#fdf0ef;border-color:#ea4335}.share-link-container{border-top:1px solid #f0f0f0;display:flex;gap:10px;padding-top:16px}.share-link-input{background:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;color:#1a1a2e;cursor:default;flex:1 1;font-family:monospace;font-size:13px;padding:10px 14px}.share-link-input:focus{border-color:#667eea;outline:none}.copy-btn{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#2d2d44;transform:translateY(-2px)}.copy-btn.copied{background:#22c55e}.copy-toast{animation:slideUp .3s ease;background:#1a1a2e;border-radius:10px;bottom:30px;box-shadow:0 4px 20px #0003;color:#fff;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:9999}@media (max-width:768px){.share-btn{font-size:13px;padding:8px 14px}.share-btn .share-text{display:none}.share-dropdown{animation:popIn .3s ease;left:50%;max-height:90vh;max-width:400px;min-width:0;min-width:auto;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.share-options{grid-template-columns:1fr 1fr}.share-link-container{flex-direction:column}.copy-btn{width:100%}}@media (max-width:480px){.share-options{grid-template-columns:1fr}.share-dropdown{padding:16px}}.order-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.order-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 30px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.order-modal-header{align-items:center;background:#fff;border-bottom:2px solid #f0f0f0;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.order-modal-header h2{color:#2d3436;font-size:1.5rem;margin:0}.order-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.order-modal-close:hover{background:#fee;color:#e74c3c;transform:rotate(90deg)}.order-modal-body{padding:2rem}.order-total{background:#f8f9fa;border-radius:10px;color:#2d3436;margin-bottom:1.5rem;padding:1rem;text-align:center}.order-total strong{color:#667eea;font-size:1.4rem}.order-modal-body .form-group{margin-bottom:1rem}.order-modal-body .form-group label{color:#2d3436;display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.required{color:#e74c3c;font-weight:700}.order-modal-body .form-group input,.order-modal-body .form-group textarea{background:#f8f9fa;border:2px solid #dfe6e9;border-radius:10px;box-sizing:border-box;color:#2d3436;font-size:1rem;padding:.7rem 1rem;transition:all .3s ease;width:100%}.order-modal-body .form-group input:focus,.order-modal-body .form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.order-modal-body .form-group textarea{font-family:inherit;resize:vertical}.order-modal-body .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.order-modal-body .form-group.half{margin-bottom:0}.order-submit-btn{align-items:center;background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.order-submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #00cec966;transform:translateY(-3px)}.order-submit-btn:disabled{cursor:not-allowed;opacity:.7}.order-submit-btn .spinner{animation:spin .8s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.order-modal::-webkit-scrollbar{width:6px}.order-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.order-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}@media (max-width:768px){.order-modal{max-height:95vh;width:95%}.order-modal-header{padding:1rem 1.5rem}.order-modal-header h2{font-size:1.2rem}.order-modal-body{padding:1.5rem}.order-modal-body .form-row{grid-template-columns:1fr}.order-total{font-size:1rem}.order-total strong{font-size:1.2rem}}@media (max-width:480px){.order-modal{border-radius:15px;width:98%}.order-modal-header{padding:.8rem 1rem}.order-modal-body{padding:1rem}.order-modal-body .form-group input,.order-modal-body .form-group textarea{font-size:.9rem;padding:.5rem .8rem}.order-submit-btn{font-size:1rem;padding:.8rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login:before{animation:rotate 20s linear infinite;background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ffffff1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login form{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:30px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:50px 40px;position:relative;width:100%;z-index:1}.login form:before{color:#2d3436;content:"Welcome Back! 👋";font-size:28px;font-weight:700}.login form:after,.login form:before{display:block;margin-bottom:10px;text-align:center}.login form:after{color:#636e72;content:"Please login to your account";font-size:14px;font-weight:300}.login form input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:15px;color:#2d3436;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.login form input:focus{background:#fff;border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.login form input::placeholder{color:#b2bec3;font-weight:300}.login form input[type=email]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E")}.login form input[type=email],.login form input[type=password]{background-position:15px;background-repeat:no-repeat;padding-left:50px}.login form input[type=password]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}.login form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin-top:10px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease}.login form button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.login form button:hover:before{height:400px;width:400px}.login form button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.login form button:active{transform:scale(.95)}.login a{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;font-size:16px;font-weight:500;margin-top:25px;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.login a:hover{background:#fff3;box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.login a:before{content:"🔑 "}.login form+a:before{content:"Don't have an account? ";font-weight:300}@media (max-width:768px){.login form{max-width:380px;padding:35px 25px}.login form:before{font-size:24px}.login form input{font-size:15px;padding:14px 18px 14px 45px}.login form button{font-size:16px;padding:14px}}@media (max-width:480px){.login{padding:15px}.login form{border-radius:20px;max-width:100%;padding:30px 20px}.login form:before{font-size:22px}.login form:after{font-size:13px}.login form input{border-radius:12px;font-size:14px;padding:12px 15px 12px 40px}.login form input[type=email],.login form input[type=password]{background-position:12px;background-size:18px;padding-left:40px}.login form button{border-radius:12px;font-size:15px;padding:12px}.login a{font-size:14px;padding:8px 16px}}.login form button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.login form input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.login form input.error:focus{border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c26}.login form input.success{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.login form .input-group{position:relative}.login:after{background-image:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.login form .forgot-password{margin-top:-10px;text-align:right}.login form .forgot-password a{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;color:#667eea;font-size:13px;font-weight:500;padding:0;text-decoration:none}.login form .forgot-password a:hover{box-shadow:none;color:#764ba2;transform:none}.login form .remember-me{align-items:center;color:#636e72;display:flex;font-size:14px;gap:8px}.login form .remember-me input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;padding:0;width:18px}.add-product-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.add-product-container:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 40%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.add-product-container:after{animation:twinkle 4s ease-in-out infinite;color:#ffffff14;content:"✦ ✦ ✦";font-size:30px;letter-spacing:15px;position:absolute;right:8%;top:5%}.page-title{animation:slideDown .6s ease;color:#fff;font-size:38px;font-weight:800;letter-spacing:1px;margin-bottom:30px;position:relative;text-shadow:2px 2px 20px #0003;z-index:1}.page-title:before{content:"🛍️ "}.page-title:after{content:" ✨"}.add-product-form{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;box-shadow:0 30px 80px #0000004d,inset 0 1px 0 #ffffff4d;max-width:500px;padding:45px 40px;position:relative;width:100%;z-index:1}.form-group{position:relative}.form-group:last-of-type{margin-bottom:25px}.form-group label{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase}.form-group label:before{color:gold;content:"◆ ";font-size:10px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;color:#fff;font-family:Poppins,sans-serif;outline:none;padding:16px 20px 16px 50px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80;font-weight:300;letter-spacing:.3px}.form-group input:focus,.form-group textarea:focus{background:#ffffff40;border-color:gold;box-shadow:0 8px 30px #ffd70026;transform:translateY(-2px) scale(1.01)}.form-group input:hover,.form-group textarea:hover{border-color:#ffd70080}.form-group input[type=text]:first-of-type{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-position:18px;background-repeat:no-repeat;background-size:20px}.form-group input[type=text]:nth-of-type(2){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83'/%3E%3C/svg%3E");background-position:18px;background-repeat:no-repeat;background-size:20px}.form-group textarea{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");background-position:18px 20px;background-repeat:no-repeat;background-size:20px;min-height:100px;padding-top:20px}.form-group textarea:focus{min-height:120px}.file-upload-wrapper input[type=file]{background:#ffffff1a;border:2px dashed #ffd7004d;color:#fffc;cursor:pointer;height:auto;min-height:56px;padding:14px 18px 14px 50px;position:relative;transition:all .4s ease}.file-upload-wrapper input[type=file]:hover{background:#ffd7001a;border-color:gold;transform:scale(1.02)}.file-upload-wrapper input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;margin-right:15px;padding:10px 24px;-webkit-transition:all .4s ease;transition:all .4s ease}.file-upload-wrapper input[type=file]::file-selector-button{background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;margin-right:15px;padding:10px 24px;transition:all .4s ease}.file-upload-wrapper input[type=file]::-webkit-file-upload-button:hover{box-shadow:0 8px 30px #ffd70080;transform:scale(1.05) translateY(-2px)}.file-upload-wrapper input[type=file]::file-selector-button:hover{box-shadow:0 8px 30px #ffd70080;transform:scale(1.05) translateY(-2px)}.file-upload-wrapper:before{content:"🖼️";font-size:20px;left:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.image-preview{display:flex;justify-content:center;margin:15px 0}.image-preview img{animation:pulseBorder 3s ease-in-out infinite;border:4px solid gold;border-radius:20px;box-shadow:0 10px 40px #ffd7004d;height:180px;width:180px}.submit-btn{align-items:center;background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:16px;box-shadow:0 4px 20px #ffd7004d;color:#1a1a2e;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:18px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.submit-btn:before{content:"✨";font-size:20px}.submit-btn:hover{box-shadow:0 10px 40px #ffd70080;transform:translateY(-3px) scale(1.02)}.submit-btn:active{transform:scale(.95)}.submit-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .8s ease,height .8s ease;width:0}.submit-btn:hover:after{height:400px;width:400px}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.success-message{background:#2ecc7133;border:2px solid #2ecc71;border-radius:12px;color:#2ecc71;margin-bottom:20px}.error-message,.success-message{animation:slideDown .5s ease;font-weight:600;padding:12px 20px;text-align:center}.error-message{background:#e74c3c33;border:2px solid #e74c3c;border-radius:12px;color:#e74c3c}@media (max-width:768px){.add-product-container{padding:30px 15px}.page-title{font-size:30px;margin-bottom:25px}.page-title:after,.page-title:before{font-size:24px}.add-product-form{border-radius:30px;max-width:100%;padding:35px 25px}.form-group input,.form-group textarea{font-size:14px;padding:14px 18px 14px 45px}.form-group textarea{min-height:80px}.image-preview img{height:150px;width:150px}.submit-btn{font-size:16px;padding:16px}}@media (max-width:480px){.add-product-container{padding:20px 10px}.add-product-container:after{font-size:20px;letter-spacing:10px;right:5%;top:3%}.page-title{font-size:24px;margin-bottom:20px}.page-title:after,.page-title:before{font-size:20px}.add-product-form{border-radius:24px;padding:25px 16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group textarea{border-radius:12px;font-size:13px;padding:12px 14px 12px 40px}.form-group input[type=text]:first-of-type,.form-group input[type=text]:nth-of-type(2),.form-group textarea{background-position:14px;background-size:18px;padding-left:40px}.form-group textarea{background-position:14px 16px;min-height:70px;padding-top:16px}.file-upload-wrapper input[type=file]{font-size:12px;min-height:44px;padding:10px 12px 10px 40px}.file-upload-wrapper input[type=file]::-webkit-file-upload-button{font-size:12px;margin-right:8px;padding:8px 16px}.file-upload-wrapper input[type=file]::file-selector-button{font-size:12px;margin-right:8px;padding:8px 16px}.file-upload-wrapper:before{font-size:16px;left:14px}.image-preview img{border-width:3px;height:120px;width:120px}.submit-btn{border-radius:12px;font-size:15px;letter-spacing:1px;padding:14px}.submit-btn:before{font-size:16px}.error-message,.success-message{font-size:14px;padding:10px 16px}}.toast{gap:10px}.singup{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:30px 20px;position:relative}.singup:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff26 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.singup:after{animation:twinkle 3s ease-in-out infinite;color:#ffffff1a;content:"✦ ✦ ✦";font-size:40px;letter-spacing:20px;position:absolute;right:10%;top:10%}.singup h1{-webkit-text-fill-color:#0000;animation:glowText 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0e6ff);-webkit-background-clip:text;font-size:42px;font-weight:800;letter-spacing:2px;margin-bottom:35px;position:relative;text-shadow:none;z-index:1}@keyframes glowText{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 40px rgba(255,255,255,.4))}}.singup h1:before{content:"✨ "}.singup h1:after,.singup h1:before{-webkit-text-fill-color:initial;color:gold}.singup h1:after{content:" ✨"}.singup form{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;box-shadow:0 30px 80px #0000004d,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:460px;overflow-y:auto;padding:40px 35px;position:relative;width:100%;z-index:1}.singup form::-webkit-scrollbar{width:4px}.singup form::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.singup form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.singup form p{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:3px 0 2px;text-transform:uppercase}.singup form p:before{color:gold;content:"◆";font-size:10px;font-weight:400}.singup form input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;color:#fff;font-size:15px;height:52px;outline:none;padding:14px 20px 14px 50px;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.singup form input::placeholder{color:#ffffff80;font-weight:300;letter-spacing:.3px}.singup form input:focus{background:#ffffff40;border-color:gold;box-shadow:0 8px 30px #ffd70026;transform:translateY(-2px) scale(1.01)}.singup form input:hover{border-color:#ffd70080}.singup form input[type=email]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E")}.singup form input[type=email],.singup form input[type=password]{background-position:18px;background-repeat:no-repeat;background-size:20px}.singup form input[type=password]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}.singup form input[type=text]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-position:18px;background-repeat:no-repeat;background-size:20px}.singup form input[type=file]{background:#ffffff1a;border:2px dashed #ffd7004d;color:#fffc;cursor:pointer;height:auto;min-height:52px;padding:12px 18px;transition:all .4s ease}.singup form input[type=file]:hover{background:#ffd7001a;border-color:gold;transform:scale(1.02)}.singup form input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:700;margin-right:15px;padding:10px 24px;-webkit-transition:all .4s ease;transition:all .4s ease}.singup form input[type=file]::file-selector-button{background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;cursor:pointer;font-size:14px;font-weight:700;margin-right:15px;padding:10px 24px;transition:all .4s ease}.singup form input[type=file]::-webkit-file-upload-button:hover{box-shadow:0 8px 30px #ffd70080;transform:scale(1.05) translateY(-2px)}.singup form input[type=file]::file-selector-button:hover{box-shadow:0 8px 30px #ffd70080;transform:scale(1.05) translateY(-2px)}.singup form img{animation:pulseBorder 3s ease-in-out infinite;border:4px solid gold;border-radius:50%;box-shadow:0 10px 40px #ffd7004d;display:block;height:120px;margin:5px auto;object-fit:cover;width:120px}.singup form button{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 20px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:56px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:16px 20px;position:relative;text-align:center;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.singup form button[type=button]{background:linear-gradient(135deg,#00d2ff,#3a7bd5);margin-top:0}.singup form button[type=button]:hover{box-shadow:0 10px 40px #00d2ff66;transform:translateY(-3px) scale(1.02)}.singup form button[type=submit]{background:linear-gradient(135deg,gold,#f5a623);color:#1a1a2e;height:56px;margin-top:8px}.singup form button[type=submit]:hover{box-shadow:0 10px 40px #ffd70080;transform:translateY(-3px) scale(1.02)}.singup form button:active{transform:scale(.95)}.singup form button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .8s ease,height .8s ease;width:0}.singup form button:hover:before{height:400px;width:400px}.singup form>div{animation:fadeSlide .6s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.singup form input[name=otp]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='gold' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");background-position:18px;background-repeat:no-repeat;background-size:20px;font-size:18px;font-weight:700;letter-spacing:4px;padding-left:50px}@media (max-width:768px){.singup h1{font-size:32px;margin-bottom:25px}.singup form{border-radius:30px;gap:14px;max-width:400px;padding:30px 25px}.singup form input{font-size:14px;height:48px;padding:13px 18px 13px 45px}.singup form button{font-size:15px;height:50px;padding:14px 18px}}@media (max-width:480px){.singup{padding:15px 10px}.singup h1{font-size:26px;margin-bottom:20px}.singup h1:after,.singup h1:before{font-size:20px}.singup form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;gap:12px;max-height:85vh;max-width:100%;padding:22px 16px}.singup form p{font-size:11px;letter-spacing:.3px;margin:2px 0 1px}.singup form input{border-radius:12px;font-size:13px;height:44px;padding:11px 14px 11px 40px}.singup form input[type=email],.singup form input[type=password],.singup form input[type=text]{background-position:14px;background-size:18px;padding-left:40px}.singup form input[type=file]{font-size:12px;height:auto;min-height:44px;padding:10px 12px}.singup form input[type=file]::-webkit-file-upload-button{font-size:12px;margin-right:8px;padding:8px 16px}.singup form input[type=file]::file-selector-button{font-size:12px;margin-right:8px;padding:8px 16px}.singup form button{border-radius:12px;font-size:14px;height:48px;letter-spacing:1px;padding:12px 16px}.singup form img{border-width:3px;height:90px;width:90px}.singup form input[name=otp]{font-size:16px;height:44px;letter-spacing:3px;padding-left:40px}.singup form button[type=button]{height:48px;margin-top:0}.singup form button[type=submit]{height:48px;margin-top:5px}}.singup form button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.singup form button:disabled:before{display:none}.singup form input.error{animation:shake .5s ease;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b26}.singup form input.error:focus{border-color:#ff6b6b;box-shadow:0 8px 30px #ff6b6b33}.singup form input.success{border-color:#51cf66;box-shadow:0 0 0 4px #51cf6626}.singup form input.success:focus{border-color:#51cf66;box-shadow:0 8px 30px #51cf6633}.singup .floating-element{animation:floatElement 15s ease-in-out infinite;background:#ffffff0d;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.singup .floating-element:first-child{animation-delay:0s;height:200px;left:5%;top:10%;width:200px}.singup .floating-element:nth-child(2){animation-delay:-5s;bottom:15%;height:150px;right:8%;width:150px}@keyframes floatElement{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(15px,-15px) scale(1.05)}}.singup form .button-group{display:flex;flex-direction:column;gap:10px;margin-top:5px}.orders-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden;padding:2rem 5% 100px;position:relative}.orders-container:before{animation:floatBg 15s ease-in-out infinite;background:#ffffff0d;border-radius:50%;content:"";height:600px;position:absolute;right:-20%;top:-50%;width:600px}.orders-container:after{animation:floatBg 20s ease-in-out infinite reverse;background:#ffffff08;border-radius:50%;bottom:-30%;content:"";height:400px;left:-10%;position:absolute;width:400px}.orders-title{animation:slideDown .6s ease;color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem;position:relative;text-align:center;text-shadow:0 4px 20px #0003;z-index:1}.loading-text{font-size:1.2rem;margin-top:1.5rem}.error-box{animation:slideUp .6s ease;background:#fffffff2;max-width:450px;padding:3rem}.error-icon{font-size:4rem}.error-box h2{color:#2d3436;margin-bottom:.5rem}.error-box p{color:#636e72;margin-bottom:1.5rem}.error-box button{padding:.8rem 2rem}.error-box button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.empty-container{animation:slideUp .6s ease;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:500px;position:relative;z-index:1}.empty-container h2{color:#2d3436}.empty-container p{color:#636e72}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));position:relative;z-index:1}.order-card{animation:fadeIn .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 10px 40px #0000001a;opacity:0;padding:1.5rem;transition:all .3s ease}.order-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.order-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.order-number{color:#2d3436;font-size:1.1rem;font-weight:700}.order-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem 1rem;white-space:nowrap}.status-pending{background:#ffd93d;color:#333}.status-accepted{background:#6bcb77;color:#fff}.status-preparing{background:#4d96ff;color:#fff}.status-on-the-way{background:#ff6b6b;color:#fff}.status-delivered{background:#00b894;color:#fff}.status-cancelled{background:#e74c3c;color:#fff}.customer-details{background:#f8f9fa;border-radius:10px;margin-bottom:1rem;padding:1rem}.customer-details p{align-items:center;color:#2d3436;display:flex;font-size:.9rem;gap:.5rem;margin:.3rem 0}.customer-details p strong{color:#2d3436;font-weight:600}.order-actions{display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem 0}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.3rem;padding:.5rem 1.2rem;transition:all .3s ease}.action-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.action-btn-accept{background:linear-gradient(135deg,#00b894,#00a381);color:#fff}.action-btn-preparing{background:linear-gradient(135deg,#4d96ff,#3b7fdb);color:#fff}.action-btn-on-the-way{background:linear-gradient(135deg,#ff6b6b,#e55a5a);color:#fff}.action-btn-delivered{background:linear-gradient(135deg,#00b894,#00a381);color:#fff}.action-btn-cancel{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.products-list{border-top:1px solid #f0f0f0;margin:1rem 0;padding:.5rem 0}.products-list h4{color:#2d3436;font-size:.95rem;margin-bottom:.8rem}.product-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.6rem .5rem;transition:all .3s ease}.product-item:last-child{border-bottom:none}.product-item:hover{background:#f8f9fa;border-radius:6px}.product-name{color:#2d3436;flex:1 1;font-size:.9rem;font-weight:500}.product-details{align-items:center;color:#636e72;display:flex;font-size:.85rem;gap:1rem}.product-price{font-weight:500}.product-quantity{color:#888}.product-total{color:#2d3436;font-weight:600}.order-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:1rem}.order-date{color:#636e72;font-size:.85rem}.order-total{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:1.2rem;font-weight:800}@media (max-width:1024px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.orders-container{padding:1.5rem 4%}.orders-title{font-size:2rem}.orders-grid{gap:1rem;grid-template-columns:1fr}.order-card{padding:1.2rem}.order-header{align-items:flex-start;flex-direction:column;gap:.5rem}.customer-details p{font-size:.8rem}.product-item{align-items:flex-start;flex-direction:column;gap:.3rem;padding:.5rem 0}.product-details{justify-content:space-between;width:100%}.order-footer{flex-direction:column;gap:.5rem;text-align:center}.order-actions{justify-content:center}.action-btn{font-size:.75rem;padding:.4rem .8rem}}@media (max-width:480px){.orders-container{padding:1rem 3%}.orders-title{font-size:1.6rem}.order-card{padding:1rem}.empty-container{padding:2rem 1rem}.empty-icon{font-size:3.5rem}.empty-container h2{font-size:1.4rem}}.order-card:first-child{animation-delay:.05s}.order-card:nth-child(2){animation-delay:.1s}.order-card:nth-child(3){animation-delay:.15s}.order-card:nth-child(4){animation-delay:.2s}.order-card:nth-child(5){animation-delay:.25s}.order-card:nth-child(6){animation-delay:.3s}.order-card:nth-child(7){animation-delay:.35s}.order-card:nth-child(8){animation-delay:.4s}.order-card:nth-child(9){animation-delay:.45s}.order-card:nth-child(10){animation-delay:.5s}::-webkit-scrollbar-thumb:hover{background:#764ba2}.status-timeline{background:#f8f9fa;border-radius:8px;gap:.5rem;margin:.5rem 0;padding:.5rem}.status-step,.status-timeline{align-items:center;display:flex}.status-step{color:#b2bec3;font-size:.75rem;gap:.3rem}.status-step.active{color:#667eea;font-weight:600}.status-step.done{color:#00b894}.status-step .step-icon{font-size:1rem}.status-line{background:#dfe6e9;flex:1 1;height:2px;position:relative}.status-line.active{background:#667eea}.status-line.done{background:#00b894}.notification-badge{position:relative}.notification-badge .badge-count{background:#e74c3c;border-radius:50%;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.profile-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);min-height:100vh;overflow:hidden;padding:30px 20px 100px;position:relative}.profile-container:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 40%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.profile-container:after{animation:twinkle 4s ease-in-out infinite;color:#ffffff14;content:"✦ ✦ ✦";font-size:30px;letter-spacing:15px;position:absolute;right:8%;top:5%}.profile-card{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;box-shadow:0 30px 80px #0000004d,inset 0 1px 0 #ffffff4d;margin:40px auto 30px;max-width:600px;padding:50px 40px;position:relative;text-align:center;z-index:1}.profile-avatar{align-items:center;animation:pulseBorder 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#f5a623);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 10px 40px #ffd7004d;color:#fff;display:flex;font-size:50px;height:120px;justify-content:center;margin:0 auto 25px;position:relative;width:120px}@keyframes pulseBorder{0%,to{border-color:#ffd7004d;box-shadow:0 10px 40px #ffd7004d}50%{border-color:#ffd700cc;box-shadow:0 10px 60px #ffd70080}}.profile-avatar:after{content:"👤";font-size:60px}.profile-name{color:#fff;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-shadow:2px 2px 20px #0003}.profile-name:before{content:"🏪 "}.profile-email{align-items:center;color:#fffc;display:flex;font-size:18px;gap:8px;justify-content:center;margin-bottom:30px}.profile-email:before{content:"📧 "}.profile-divider{animation:expandWidth 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#f5a623);border-radius:2px;height:3px;margin:0 auto 30px;width:80px}@keyframes expandWidth{0%,to{width:80px}50%{width:120px}}.profile-stats{grid-gap:15px;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;padding:20px 0}.stat-item{text-align:center}.stat-number{color:gold;display:block;font-size:24px}.stat-label{color:#fff9;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.profile-actions{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:400px}.profile-actions a,.profile-actions button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:16px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.add-product-btn{background:linear-gradient(135deg,#00d2ff,#3a7bd5);box-shadow:0 4px 20px #00d2ff4d;color:#fff}.add-product-btn:hover{box-shadow:0 10px 40px #00d2ff80;transform:translateY(-3px) scale(1.02)}.all-products-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 20px #f5576c4d;color:#fff}.all-products-btn:hover{box-shadow:0 10px 40px #f5576c80;transform:translateY(-3px) scale(1.02)}.all-products-btn:before{content:"📋";font-size:20px}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 20px #ff6b6b4d;color:#fff;margin-top:10px}.logout-btn:hover{box-shadow:0 10px 40px #ff6b6b80;transform:translateY(-3px) scale(1.02)}.logout-btn:before{content:"🚪";font-size:20px}.profile-actions a:before,.profile-actions button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .8s ease,height .8s ease;width:0}.profile-actions a:hover:before,.profile-actions button:hover:before{height:400px;width:400px}.profile-actions a:active,.profile-actions button:active{transform:scale(.95)}.profile-footer{margin-top:40px;position:relative;z-index:1}@media (max-width:768px){.profile-container{padding:20px 15px 100px}.profile-card{border-radius:30px;margin:20px auto;padding:35px 25px}.profile-avatar{height:100px;width:100px}.profile-avatar:after{font-size:50px}.profile-name{font-size:26px}.profile-email{font-size:16px}.profile-stats{gap:10px;grid-template-columns:repeat(3,1fr);padding:15px 0}.stat-number{font-size:20px}.profile-actions a,.profile-actions button{font-size:14px;padding:14px 25px}}@media (max-width:480px){.profile-container{padding:15px 10px 90px}.profile-container:after{font-size:20px;letter-spacing:10px;right:5%;top:3%}.profile-card{border-radius:24px;margin:15px auto;padding:28px 18px}.profile-avatar{height:80px;margin-bottom:18px;width:80px}.profile-avatar:after{font-size:40px}.profile-name{font-size:22px}.profile-name:before{content:""}.profile-email{flex-wrap:wrap;font-size:14px}.profile-divider{margin:0 auto 20px;width:60px}@keyframes expandWidth{0%,to{width:60px}50%{width:90px}}.profile-stats{gap:8px;grid-template-columns:repeat(3,1fr);padding:12px 0}.stat-number{font-size:18px}.stat-label{font-size:10px}.profile-actions{gap:12px}.profile-actions a,.profile-actions button{border-radius:12px;font-size:13px;letter-spacing:.5px;padding:12px 20px}.profile-actions a:before,.profile-actions button:before{font-size:16px}.add-product-btn:before{content:"➕";font-size:16px}.all-products-btn:before{content:"📋";font-size:16px}.logout-btn:before{content:"🚪";font-size:16px}}.profile-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.profile-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:gold;height:50px;width:50px}.profile-toast{align-items:center;animation:slideDown .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid gold;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;gap:12px;padding:16px 24px;position:fixed;right:20px;top:20px;z-index:3000}.profile-toast.success{border-left-color:#27ae60}.profile-toast.error{border-left-color:#ff6b6b}.all-products-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);min-height:100vh;overflow:hidden;padding:30px 20px 40px;position:relative}.all-products-container:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 40%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.products-header{align-items:center;animation:slideUp .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #00000026;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:30px 35px;position:relative;z-index:1}.products-header-left{display:flex;flex-direction:column;gap:5px}.products-header-left h2{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:12px}.products-header-left h2:before{content:"📦";font-size:32px}.products-count{color:#ffffffb3;font-size:16px;font-weight:400}.products-count span{color:gold;font-size:20px;font-weight:700}.header-buttons{display:flex;flex-wrap:wrap;gap:12px}.add-product-btn{align-items:center;background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:16px;box-shadow:0 4px 20px #ffd7004d;color:#1a1a2e;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.edit-profile{background-color:red;border:none;border-radius:10px 15px;font-size:15px;padding:15px}.add-product-btn:before{content:"➕";font-size:20px}.add-product-btn:hover{box-shadow:0 10px 40px #ffd70080;transform:translateY(-3px) scale(1.05)}.add-hero-image{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:16px;box-shadow:0 4px 20px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:.5px;padding:14px 30px;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.add-hero-image:before{content:"🖼️";font-size:20px}.add-hero-image:hover{box-shadow:0 10px 40px #a855f780;transform:translateY(-3px) scale(1.05)}.add-hero-image:active,.add-product-btn:active{transform:scale(.95)}.search-container{animation:slideUp .7s ease;margin-bottom:30px;position:relative;z-index:1}.search-container input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50px;color:#fff;font-size:16px;max-width:500px;outline:none;padding:16px 24px 16px 55px;transition:all .3s ease;width:100%}.search-container input::placeholder{color:#ffffff80}.search-container input:focus{background:#ffffff40;border-color:gold;box-shadow:0 8px 30px #ffd70026;transform:translateY(-2px)}.search-icon{color:#ffffff80;font-size:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.empty-state{animation:slideUp .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px dashed #fff3;border-radius:30px;padding:80px 40px;position:relative;text-align:center;z-index:1}.empty-icon{animation:floatIcon 3s ease-in-out infinite;font-size:80px;margin-bottom:20px}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state h3{color:#fff;font-size:28px;margin-bottom:10px}.empty-state p{color:#fff9;font-size:18px;margin-bottom:25px}.empty-state .add-first-btn{align-items:center;background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:16px;color:#1a1a2e;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:14px 35px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.empty-state .add-first-btn:hover{box-shadow:0 10px 40px #ffd70066;transform:translateY(-3px) scale(1.05)}.products-grid{grid-gap:25px;animation:slideUp .9s ease;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:relative;z-index:1}.product-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 25px;position:relative;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.product-card:hover{border-color:#ffd7004d;box-shadow:0 20px 60px #0003;transform:translateY(-10px) scale(1.02)}.product-badge{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:20px;box-shadow:0 4px 15px #2ecc714d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 14px;position:absolute;right:15px;text-transform:uppercase;top:15px;z-index:2}.product-card img{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;height:220px;object-fit:cover;transition:transform .5s ease;width:100%}.product-card:hover img{transform:scale(1.05)}.product-card h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center;margin:15px 0 8px;min-height:50px}.product-price{color:gold;font-size:22px;margin:5px 0 10px}.product-price:before{content:"💰 "}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 15px;overflow:hidden}.product-actions{gap:10px;margin-top:5px;width:100%}.edit-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 15px;transition:all .3s ease}.edit-btn:before{content:"✏️"}.edit-btn:hover{box-shadow:0 8px 25px #4facfe4d;transform:translateY(-2px)}.delete-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 15px;transition:all .3s ease}.delete-btn:before{content:"🗑️"}.delete-btn:hover{box-shadow:0 8px 25px #ff6b6b4d;transform:translateY(-2px)}.delete-btn:active,.edit-btn:active{transform:scale(.95)}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.loading-spinner{border:4px solid #ffffff1a;border-top-color:gold}.loading-text{animation:pulseText 1.5s ease-in-out infinite;color:#fff;font-size:18px;margin-top:20px}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.5}}.error-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.error-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #0000004d;padding:40px}.error-icon{font-size:60px;margin-bottom:20px}.error-box h2{font-size:28px;margin-bottom:10px}.error-box p{color:#ffffffe6;font-size:16px;margin-bottom:20px}.retry-btn{background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 10px 30px #ffd7004d;transform:translateY(-3px)}.toast{align-items:center;animation:slideUpToast .5s ease;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:16px;bottom:30px;box-shadow:0 10px 40px #27ae6066;color:#fff;display:flex;font-weight:600;gap:12px;padding:16px 28px;position:fixed;right:30px;z-index:3000}.toast:before{content:"✅";font-size:20px}@keyframes slideUpToast{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.products-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.all-products-container{padding:20px 15px}.products-header{align-items:stretch;flex-direction:column;gap:15px;padding:25px 20px}.products-header-left h2,.products-header-left h2:before{font-size:26px}.header-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.add-hero-image,.add-product-btn{font-size:14px;justify-content:center;padding:12px 25px;width:100%}.search-container input{font-size:14px;max-width:100%;padding:14px 20px 14px 45px}.products-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{border-radius:20px;padding:16px 16px 20px}.product-card img{height:180px}.product-card h3{font-size:16px;min-height:40px}.product-price{font-size:18px}.product-actions{flex-direction:column;gap:8px}.empty-state{padding:50px 20px}.empty-icon{font-size:60px}.empty-state h3{font-size:24px}}@media (max-width:480px){.all-products-container{padding:15px 10px}.products-header{border-radius:20px;padding:20px 15px}.products-header-left h2{font-size:22px}.products-header-left h2:before{content:"📦";font-size:22px}.products-count{font-size:14px}.products-count span{font-size:18px}.add-hero-image,.add-product-btn{border-radius:12px;font-size:13px;padding:10px 16px}.add-hero-image:before,.add-product-btn:before{font-size:16px}.search-container input{border-radius:30px;font-size:13px;padding:12px 16px 12px 40px}.search-icon{font-size:16px;left:15px}.products-grid{gap:12px;grid-template-columns:1fr 1fr}.product-card{border-radius:16px;padding:12px 12px 16px}.product-card img{border-radius:12px;height:130px}.product-badge{font-size:9px;padding:3px 10px;right:10px;top:10px}.product-card h3{font-size:14px;margin:10px 0 5px;min-height:35px}.product-price{font-size:16px;margin:3px 0 8px}.product-description{-webkit-line-clamp:1;font-size:12px}.product-actions{flex-direction:column;gap:6px}.delete-btn,.edit-btn{border-radius:10px;font-size:12px;padding:8px 12px}.empty-state{border-radius:20px;padding:40px 15px}.empty-icon{font-size:50px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px}.empty-state .add-first-btn{font-size:14px;padding:12px 25px}.error-box{padding:30px 20px}.error-box h2{font-size:22px}.toast{bottom:20px;font-size:14px;left:20px;padding:14px 20px;right:20px;text-align:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.product-card.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:1000px 100%}.add-hero-image{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #a855f74d}50%{box-shadow:0 4px 40px #a855f799}}.add-hero-image:hover{animation:none}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.upload-hero-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.upload-hero-container:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffffff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff14 0,#0000 40%),radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes floatBg{0%,to{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(20px,-30px) rotate(5deg) scale(1.05)}50%{transform:translate(-20px,20px) rotate(-5deg) scale(.95)}75%{transform:translate(10px,-10px) rotate(3deg) scale(1.02)}}.upload-hero-container:after{animation:twinkle 4s ease-in-out infinite;color:#ffffff14;content:"✦ ✦ ✦";font-size:30px;letter-spacing:15px;position:absolute;right:8%;top:5%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.upload-hero-card{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;box-shadow:0 30px 80px #0000004d,inset 0 1px 0 #ffffff4d;max-width:550px;padding:50px 40px;position:relative;width:100%;z-index:1}.upload-hero-card h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center;text-shadow:2px 2px 20px #0003}.upload-hero-card h2:before{content:"✨ "}.upload-hero-card>p{color:#ffffffb3;font-size:16px;margin-bottom:30px;text-align:center}.upload-hero-message{animation:slideDown .5s ease;border-radius:12px;font-weight:600;margin-bottom:20px;padding:12px 20px}.upload-hero-message.success{background:#2ecc7133;border:2px solid #2ecc714d;color:#2ecc71}.upload-hero-message.error{background:#e74c3c33;border:2px solid #e74c3c4d;color:#e74c3c}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.upload-hero-form{display:flex;flex-direction:column;gap:25px}.file-upload-wrapper{position:relative;width:100%}.file-upload-area{align-items:center;background:#ffffff0d;border:2px dashed #ffd7004d;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:30px;position:relative;text-align:center;transition:all .4s ease}.file-upload-area:hover{background:#ffd7000d;border-color:gold;transform:scale(1.01)}.file-upload-area .upload-icon{font-size:60px;margin-bottom:15px}.file-upload-area .upload-text{color:#fff;font-size:18px;font-weight:500;margin-bottom:5px}.file-upload-area .upload-subtext{color:#ffffff80;font-size:14px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-input:disabled{cursor:not-allowed}.image-preview-container{margin:0 auto;max-width:300px;position:relative;width:100%}.image-preview{animation:fadeIn .5s ease;border:3px solid gold;border-radius:16px;box-shadow:0 10px 40px #ffd70033;height:200px;object-fit:cover;width:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.remove-image-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50%;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:36px}.remove-image-btn:hover{transform:scale(1.1) rotate(90deg)}.upload-hero-btn{align-items:center;background:linear-gradient(135deg,gold,#f5a623);border:none;border-radius:16px;box-shadow:0 4px 20px #ffd7004d;color:#1a1a2e;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;padding:16px 30px;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.upload-hero-btn:hover:not(:disabled){box-shadow:0 10px 40px #ffd70080;transform:translateY(-3px) scale(1.02)}.upload-hero-btn:active:not(:disabled){transform:scale(.95)}.upload-hero-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner{border:3px solid #1a1a2e33;border-top-color:#1a1a2e;display:inline-block}@media (max-width:768px){.upload-hero-card{border-radius:30px;padding:35px 25px}.upload-hero-card h2{font-size:26px}.upload-hero-card>p{font-size:14px}.file-upload-area{min-height:200px;padding:20px}.file-upload-area .upload-icon{font-size:50px}.image-preview{height:150px}.upload-hero-btn{font-size:16px;padding:14px 25px}}@media (max-width:480px){.upload-hero-card{border-radius:24px;padding:25px 18px}.upload-hero-card h2{font-size:22px}.upload-hero-card h2:before{content:"✨"}.upload-hero-card>p{font-size:13px;margin-bottom:20px}.file-upload-area{border-radius:16px;min-height:160px;padding:15px}.file-upload-area .upload-icon{font-size:40px;margin-bottom:10px}.file-upload-area .upload-text{font-size:15px}.file-upload-area .upload-subtext{font-size:12px}.image-preview{height:120px}.remove-image-btn{font-size:14px;height:30px;right:-8px;top:-8px;width:30px}.upload-hero-btn{border-radius:12px;font-size:14px;padding:12px 20px}.upload-hero-message{font-size:14px;padding:10px 16px}}@media (max-width:380px){.upload-hero-card{border-radius:20px;padding:20px 14px}.upload-hero-card h2{font-size:20px}.file-upload-area{min-height:140px;padding:12px}.file-upload-area .upload-icon{font-size:35px}.image-preview{height:100px}.upload-hero-btn{font-size:13px;padding:10px 16px}}@media (prefers-color-scheme:dark){.upload-hero-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}}.file-input:focus-visible+.file-upload-area{outline:2px solid gold;outline-offset:2px}.upload-hero-btn:focus-visible{outline:2px solid gold;outline-offset:2px}@media (prefers-contrast:high){.upload-hero-card{border:2px solid #ffffff80}.file-upload-area{border:2px solid #ffd70099}}.product-detail-page{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.breadcrumb{color:#6c757d;font-size:14px;padding:16px 0}.breadcrumb span{margin:0 8px}.breadcrumb span:last-child{color:#1a1a2e;font-weight:500}.product-detail-main{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;padding:20px 0 40px}.product-image-section{align-items:center;background:#fafafa;border-radius:16px;display:flex;justify-content:center;padding:40px}.product-main-image{max-height:500px;object-fit:contain;width:100%}.product-info-section{display:flex;flex-direction:column;gap:16px}.product-title{color:#1a1a2e;font-size:32px;font-weight:600;margin:0}.product-rating-summary{align-items:center;display:flex;gap:10px}.product-rating-summary .star-rating .star{font-size:22px}.rating-value{color:#1a1a2e;font-size:16px;font-weight:600}.rating-count{color:#6c757d;font-size:14px}.product-price-section{align-items:center;display:flex;gap:12px;padding:8px 0}.product-price{color:#1a1a2e;font-size:32px;font-weight:700}.product-price-original{color:#6c757d;font-size:20px;text-decoration:line-through}.product-discount{color:#22c55e;font-size:14px;font-weight:600}.product-seller{color:#6c757d;font-size:14px;padding:8px 0}.product-seller strong{color:#1a1a2e;cursor:pointer;text-decoration:underline}.product-description p{color:#4b5563;font-size:15px;line-height:1.8;margin:0}.product-badges{display:flex;gap:12px;padding:4px 0}.badge{background:#f3f4f6;border-radius:20px;color:#1a1a2e;font-size:13px;font-weight:500;padding:6px 14px}.product-stock{align-items:center;display:flex;gap:12px;padding:4px 0}.stock-badge{color:#22c55e;font-size:14px;font-weight:600}.stock-text{color:#ef4444;font-size:14px;font-weight:500}.product-actions{align-items:center;display:flex;gap:12px;padding:8px 0}.quantity-selector{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.quantity-selector button{background:#fff;border:none;color:#1a1a2e;cursor:pointer;font-size:20px;padding:12px 18px;transition:background .2s ease}.quantity-selector button:hover{background:#f3f4f6}.quantity-selector span{font-size:16px;font-weight:600;min-width:40px;padding:12px 20px;text-align:center}.btn-add-to-cart{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 30px;transition:all .3s ease}.btn-add-to-cart:hover{background:#2d2d44;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-buy-now{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 30px;transition:all .3s ease}.btn-buy-now:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.btn-wishlist{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px;padding:8px 0;text-align:left;transition:color .2s ease}.btn-wishlist:hover{color:#1a1a2e}.product-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin:40px 0 30px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:15px;font-weight:500;padding:14px 24px;transition:all .2s ease}.tab-btn:hover{color:#1a1a2e}.tab-btn.active{border-bottom-color:#1a1a2e;color:#1a1a2e}.tab-content{padding:20px 0 40px}.details-content ul{list-style:none;padding:0}.details-content ul li{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:10px 0}.details-content ul li strong{color:#1a1a2e;display:inline-block;min-width:120px}.shipping-content p{color:#4b5563;margin:0;padding:10px 0}.reviews-container-full{max-width:100%}.rating-overview{grid-gap:40px;background:#f8fafc;border-radius:12px;display:grid;gap:40px;grid-template-columns:200px 1fr;margin-bottom:30px;padding:30px}.rating-big-number{text-align:center}.big-number{color:#1a1a2e;font-size:48px;font-weight:700;line-height:1}.rating-big-number .star-rating{justify-content:center;margin:8px 0}.total-reviews-text{color:#6c757d;font-size:14px}.rating-bars-full{display:flex;flex-direction:column;gap:8px;justify-content:center}.rating-bar-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:50px 1fr 40px}.bar-label{color:#1a1a2e;font-size:14px;font-weight:500}.bar-track{background:#e5e7eb;border-radius:10px;height:8px;overflow:hidden}.bar-fill{border-radius:10px;height:100%;transition:width .8s ease}.bar-count{color:#6c757d;font-size:13px;text-align:right}.write-review-button{margin:20px 0}.btn-write-review{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-write-review:hover{background:#2d2d44}.login-prompt{color:#6c757d;font-size:14px}.login-prompt a{color:#1a1a2e;cursor:pointer;font-weight:600;text-decoration:underline}.write-review-form{background:#f8fafc;border-radius:12px;margin-bottom:30px;padding:24px}.write-review-form h4{color:#1a1a2e;font-size:18px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#1a1a2e;font-weight:500;margin-bottom:8px}.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.form-group textarea:focus{border-color:#1a1a2e;outline:none}.review-form-actions{display:flex;gap:12px}.btn-submit-review{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .3s ease}.btn-submit-review:hover:not(:disabled){background:#2d2d44}.btn-submit-review:disabled{cursor:not-allowed;opacity:.6}.btn-delete-review-form{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-delete-review-form:hover{background:#fecaca}.reviews-list-full{display:flex;flex-direction:column;gap:24px}.no-reviews{color:#6c757d;padding:40px;text-align:center}.review-card{background:#f8fafc;border:1px solid #f0f0f0;border-radius:12px;padding:24px}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.reviewer-info{align-items:center;display:flex;gap:12px}.reviewer-avatar{align-items:center;background:#1a1a2e;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.reviewer-name{color:#1a1a2e;font-size:15px;font-weight:600}.review-verified{color:#22c55e;font-size:13px}.review-date{color:#6c757d;font-size:13px}.review-rating{margin-bottom:8px}.review-body h4{color:#1a1a2e;font-size:16px;margin:0 0 6px}.review-body p{color:#4b5563;font-size:14px;line-height:1.6;margin:0}.review-actions{margin-top:12px}.btn-helpful{background:none;border:1px solid #e5e7eb;border-radius:20px;color:#6c757d;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s ease}.btn-helpful:hover{background:#f3f4f6;border-color:#1a1a2e}.replies-section{border-left:3px solid #e5e7eb;margin-top:16px;padding-left:20px}.reply-item{background:#fff;border-radius:8px;margin-bottom:10px;padding:12px 16px}.reply-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.reply-name{color:#1a1a2e;font-size:14px;font-weight:600}.reply-date{color:#6c757d;font-size:12px}.reply-text{color:#4b5563;font-size:14px;margin:0}.reply-action{margin-top:12px}.btn-reply{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px;padding:4px 0;transition:color .2s ease}.btn-reply:hover{color:#1a1a2e}.reply-input{display:flex;gap:10px;margin-top:8px}.reply-input input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px}.reply-input input:focus{border-color:#1a1a2e;outline:none}.reply-input button{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px}.reply-input button:hover{background:#2d2d44}.btn-view-all{background:#fff;border:2px solid #1a1a2e;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:15px;font-weight:500;margin-top:12px;padding:12px 24px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.btn-view-all:hover{background:#1a1a2e;color:#fff}.loading-container{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-top-color:#1a1a2e;height:50px;margin-bottom:20px;width:50px}.error-container{align-items:center;color:#1a1a2e;display:flex;flex-direction:column;height:100vh;justify-content:center}.error-container button{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:16px;padding:12px 30px}@media (max-width:992px){.product-detail-main{gap:30px;grid-template-columns:1fr}.product-image-section{padding:20px}.product-main-image{max-height:400px}.rating-overview{gap:20px;grid-template-columns:1fr}.product-actions{flex-wrap:wrap}.btn-add-to-cart,.btn-buy-now{flex:1 1;min-width:150px}}@media (max-width:768px){.product-detail-page{padding:12px}.product-price,.product-title{font-size:24px}.product-tabs{overflow-x:auto}.tab-btn{font-size:14px;padding:12px 16px;white-space:nowrap}.rating-bars-full{gap:6px}.rating-bar-row{gap:8px;grid-template-columns:35px 1fr 30px}.product-actions{flex-direction:column}.quantity-selector{justify-content:center;width:100%}.btn-add-to-cart,.btn-buy-now{width:100%}.review-header{flex-direction:column;gap:8px}}.ai-button-container{bottom:30px;position:fixed;right:30px;z-index:9999}.ai-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 5px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:15px 25px;position:relative;text-decoration:none;transition:all .3s ease}.ai-button:before{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.ai-button:hover{box-shadow:0 8px 35px #667eea99;transform:translateY(-3px) scale(1.05)}.ai-button:hover:before{opacity:1}.ai-button:active{transform:translateY(0) scale(.98)}.ai-icon{animation:pulse 2s ease-in-out infinite;font-size:24px}.ai-text{font-size:14px;letter-spacing:.5px}.ai-badge{animation:blink 1.5s ease-in-out infinite;background:#e53e3e;border-radius:50%;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;position:absolute;right:-8px;top:-8px}.ai-button-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 5px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:60px}.ai-button-small:hover{box-shadow:0 8px 35px #667eea99;transform:scale(1.1)}.ai-button-small:active{transform:scale(.95)}.ai-button-small .ai-badge{background:#e53e3e;border-radius:50%;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;position:absolute;right:-5px;top:-5px}.ai-button-tooltip{position:relative}.ai-button-tooltip:after{background:#2d3748;border-radius:8px;bottom:calc(100% + 10px);color:#fff;content:"AI Assistant";font-size:12px;opacity:0;padding:8px 15px;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden;white-space:nowrap}.ai-button-tooltip:hover:after{opacity:1;transform:translateY(0);visibility:visible}.ai-button-pulse-ring{position:relative}.ai-button-pulse-ring:before{animation:ringPulse 2s ease-out infinite;border:3px solid #667eea4d;border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}@keyframes ringPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.ai-button-container{bottom:20px;right:20px}.ai-button{font-size:14px;gap:8px;padding:12px 20px}.ai-text{font-size:12px}.ai-icon{font-size:20px}.ai-button-small{font-size:24px;height:50px;width:50px}}@media (max-width:480px){.ai-button-container{bottom:15px;right:15px}.ai-button{border-radius:40px;font-size:12px;gap:6px;padding:10px 16px}.ai-text{font-size:10px}.ai-icon{font-size:18px}.ai-button-small{font-size:20px;height:45px;width:45px}}@media (prefers-color-scheme:dark){.ai-button{background:linear-gradient(135deg,#7c8cf8,#8b5fbf);box-shadow:0 5px 25px #667eea80}.ai-button:hover{box-shadow:0 8px 35px #667eeab3}}.ai-dashboard{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;flex-direction:column;min-height:100vh}.ai-header{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 20px #2563eb4d;color:#fff;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:16px}.bot-icon-wrapper{align-items:center;animation:pulse 2s infinite;background:#fff3;border-radius:12px;display:flex;height:50px;justify-content:center;width:50px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bot-icon{color:#fff;font-size:28px}.header-title{font-size:22px;font-weight:700;margin:0}.header-subtitle{align-items:center;display:flex;font-size:13px;gap:8px;margin:2px 0 0;opacity:.9}.status-dot{animation:blink 1.5s infinite;background:#4ade80;border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.header-actions{display:flex;gap:10px}.clear-btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s;width:40px}.clear-btn:hover{background:#ffffff40;transform:scale(1.05)}.chat-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:900px;padding:20px;width:100%}.chat-messages{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;flex:1 1;max-height:550px;min-height:450px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message-wrapper{animation:slideIn .3s ease-out;display:flex;gap:12px;margin-bottom:20px}.user-message-wrapper{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar-icon{align-items:center;border-radius:10px;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.user-avatar{background:#2563eb;color:#fff}.bot-avatar{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.message-content{border-radius:14px;max-width:75%;padding:14px 18px;position:relative}.user-message{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.bot-message{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.message-sender{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:6px}.sender-icon{font-size:14px}.message-text{line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-time{font-size:10px;margin-top:6px;opacity:.6;text-align:right}.user-message .message-time{color:#ffffffb3}.chat-html-content{line-height:1.7}.chat-html-content a{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:underline;transition:all .2s}.chat-html-content a:hover{color:#1d4ed8;text-decoration:none}.chat-html-content b{color:#1f2937}.chat-html-content .product-link-btn{background:#2563eb;border-radius:8px;color:#fff!important;display:inline-block;font-weight:600;margin-top:4px;padding:8px 20px;text-decoration:none;transition:all .2s}.chat-html-content .product-link-btn:hover{background:#1d4ed8;text-decoration:none!important;transform:scale(1.02)}.bot-message .chat-html-content a{color:#2563eb}.user-message .chat-html-content a{color:#93c5fd}.user-message .chat-html-content a:hover{color:#bfdbfe}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typingBounce 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.quick-suggestions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:16px;padding:16px 20px}.suggestions-title{color:#6b7280;font-size:13px;font-weight:600;margin:0 0 12px}.suggestions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.suggestion-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s}.suggestion-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-2px)}.suggestion-btn svg{font-size:16px}.chat-input-area{background:#fff;border-radius:16px;box-shadow:0 -2px 10px #0000000d;margin:16px auto 0;max-width:900px;padding:16px 20px;width:100%}.input-container{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:4px;transition:all .3s}.input-container:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .2s;width:42px}.input-action-btn:hover{background:#e5e7eb;color:#374151}.chat-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:15px;outline:none;padding:12px 4px}.chat-input::placeholder{color:#9ca3af}.chat-input:disabled{cursor:not-allowed;opacity:.6}.send-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;transition:all .3s;width:46px}.send-btn:hover:not(:disabled){box-shadow:0 4px 15px #2563eb66;transform:scale(1.05)}.send-btn:disabled{transform:none}.send-btn.disabled,.send-btn:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.input-footer{display:flex;gap:8px;justify-content:center;margin-top:10px}.footer-text{color:#9ca3af;font-size:11px}@media (max-width:768px){.ai-header{padding:14px 18px}.header-title{font-size:18px}.bot-icon-wrapper{height:40px;width:40px}.bot-icon{font-size:22px}.chat-container{padding:12px}.chat-messages{max-height:450px;min-height:350px;padding:14px}.message-content{max-width:85%;padding:12px 14px}.suggestions-grid{grid-template-columns:repeat(2,1fr)}.suggestion-btn{font-size:12px;padding:8px 12px}.chat-input-area{padding:12px 14px}.chat-input{font-size:14px;padding:10px 4px}.send-btn{font-size:18px;height:40px;width:40px}}@media (max-width:480px){.header-title{font-size:16px}.header-subtitle{font-size:11px}.suggestions-grid{grid-template-columns:1fr}.message-content{max-width:90%;padding:10px 12px}.chat-messages{max-height:380px;min-height:280px;padding:10px}.clear-btn{font-size:14px;height:34px;width:34px}}.create-shop-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;padding:20px}.create-shop-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.create-shop-card h2{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}.subtitle{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#28a745;font-size:14px;font-weight:500;margin:15px 0 20px;padding:10px 15px;text-align:center}.subtitle.free{background:#fff3cd;border-color:#ffc107;color:#856404}.error-message{animation:shake .3s ease;background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;font-size:14px;margin-bottom:6px}.form-group input,.form-group textarea{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group input[type=file]{background:#f7fafc;border:2px dashed #e2e8f0;cursor:pointer;padding:10px}.form-group input[type=file]:hover{background:#edf2f7;border-color:#667eea}.form-group input[type=file]::-webkit-file-upload-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-right:10px;padding:8px 20px;-webkit-transition:background .3s ease;transition:background .3s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#5a67d8}.image-preview{border:2px solid #e2e8f0;border-radius:10px;margin-top:15px;overflow:hidden;position:relative}.image-preview img{display:block;max-height:250px;object-fit:cover;width:100%}.image-preview:after{background:#000000b3;border-radius:20px;bottom:10px;color:#fff;content:"📸 Preview";font-size:12px;font-weight:500;padding:5px 12px;position:absolute;right:10px}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.create-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.create-btn:active:not(:disabled){transform:translateY(0)}.create-btn:disabled{cursor:not-allowed;opacity:.6}.create-btn:after{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.create-btn:hover:not(:disabled):after{opacity:1}.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;justify-content:center;min-height:100vh}.loading:after{animation:spin .8s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:30px;margin-left:15px;width:30px}@media (max-width:768px){.create-shop-container{padding:15px}.create-shop-card{border-radius:15px;padding:25px}.create-shop-card h2{font-size:24px}.form-group input,.form-group textarea{font-size:14px;padding:10px 12px}.create-btn{font-size:16px;padding:12px}.subtitle{font-size:13px;padding:8px 12px}}@media (max-width:480px){.create-shop-card{padding:20px}.create-shop-card h2{font-size:20px}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group textarea{font-size:13px;padding:8px 12px}.create-btn{font-size:14px;padding:10px}.image-preview img{max-height:150px}.image-preview:after{font-size:10px;padding:3px 10px}}.create-btn:focus-visible,.form-group input:focus-visible,.form-group textarea:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.create-shop-card{background:#1a202c}.create-shop-card h2,.form-group label{color:#e2e8f0}.form-group input,.form-group textarea{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.form-group input:focus,.form-group textarea:focus{background:#2d3748;border-color:#667eea}.form-group input[type=file]{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.subtitle{background:#1a3a2a;border-color:#2f855a;color:#68d391}.subtitle.free{background:#3a2a1a;border-color:#b7791f;color:#f6ad55}.error-message{background:#3a1a1a;border-color:#742a2a;color:#fc8181}.image-preview{border-color:#4a5568}}@media print{.create-shop-container{background:#fff;padding:0}.create-shop-card{border:1px solid #ddd;box-shadow:none;padding:20px}.create-btn{background:#667eea!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-group input[type=file]{border:1px solid #ddd}}.dashboard-container{background:#0a0e1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2.5rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.visitor-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:3.5rem;padding:1.5rem}.visitor-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.visitor-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;cursor:default;display:flex;gap:1.2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.visitor-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 15px 40px #0006;transform:translateY(-6px) scale(1.02)}.visitor-icon{font-size:2.8rem;line-height:1}.visitor-content h3{color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:1.2px;margin:0 0 .4rem;text-transform:uppercase}.visitor-number{color:#fff;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0}.visitor-card.total-visitors{border-left:4px solid #667eea}.visitor-card.total-visitors .visitor-number{color:#667eea}.visitor-card.today-visitors{border-left:4px solid #2ecc71}.visitor-card.today-visitors .visitor-number{color:#2ecc71}.visitor-card.week-visitors{border-left:4px solid #f39c12}.visitor-card.week-visitors .visitor-number{color:#f39c12}.visitor-card.month-visitors{border-left:4px solid #9b59b6}.visitor-card.month-visitors .visitor-number{color:#9b59b6}.visitor-card.active-visitors{border-left:4px solid #e74c3c}.visitor-card.active-visitors .visitor-number{color:#e74c3c}.visitor-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin-top:.5rem;padding:1.8rem}.visitor-chart h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;opacity:.9}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;cursor:default;display:flex;gap:1.2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 15px 40px #0006;transform:translateY(-6px) scale(1.02)}.stat-icon{font-size:2.8rem;line-height:1}.stat-content h3{color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:1.2px;margin:0 0 .4rem;text-transform:uppercase}.stat-number{color:#fff;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0}.stat-amount{color:#ffffff80;font-size:.95rem;font-weight:500;margin:.3rem 0 0}.stat-card.total-orders{border-left:4px solid #667eea}.stat-card.total-orders .stat-number{color:#667eea}.stat-card.delivered{border-left:4px solid #2ecc71}.stat-card.delivered .stat-number{color:#2ecc71}.stat-card.on-the-way{border-left:4px solid #f39c12}.stat-card.on-the-way .stat-number{color:#f39c12}.stat-card.accepted{border-left:4px solid #3498db}.stat-card.accepted .stat-number{color:#3498db}.stat-card.preparing{border-left:4px solid #9b59b6}.stat-card.preparing .stat-number{color:#9b59b6}.stat-card.pending{border-left:4px solid #e67e22}.stat-card.pending .stat-number{color:#e67e22}.stat-card.cancelled{border-left:4px solid #e74c3c}.stat-card.cancelled .stat-number{color:#e74c3c}.recent-orders{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;margin-bottom:2rem;overflow:hidden;padding:1.8rem}.recent-orders h2{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.table-container{border-radius:12px;overflow-x:auto}table{border-collapse:collapse;font-size:.95rem;width:100%}thead{background:#ffffff0f}th{border-bottom:2px solid #ffffff0d;color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:1px;text-align:left;text-transform:uppercase}td,th{padding:1rem 1.2rem}td{border-bottom:1px solid #ffffff0a;color:#ffffffd9}tbody tr{transition:background .2s ease}tbody tr:hover{background:#ffffff0a}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.3rem .9rem;text-transform:capitalize}.status-badge.pending{background:#e67e2233;color:#e67e22}.status-badge.accepted{background:#3498db33;color:#3498db}.status-badge.preparing{background:#9b59b633;color:#9b59b6}.status-badge.on_the_way{background:#f39c1233;color:#f39c12}.status-badge.delivered{background:#2ecc7133;color:#2ecc71}.status-badge.cancelled{background:#e74c3c33;color:#e74c3c}.error-container,.loading-container{align-items:center;background:#0a0e1a;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #ffffff14;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 1.5rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#fff9;font-size:1.1rem;font-weight:500;text-align:center}.error-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;max-width:500px;padding:3.5rem;text-align:center;width:90%}.error-icon{display:block;font-size:4.5rem;margin-bottom:1rem}.error-box h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.error-box p{color:#fff9;font-size:1rem;margin:0 0 1.8rem}.error-box button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .3s ease}.error-box button:hover{box-shadow:0 10px 30px #667eea4d;transform:scale(1.05)}.empty-container{padding:4rem 2rem;text-align:center}.empty-icon{display:block;font-size:5rem;margin-bottom:1rem}.empty-container h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.empty-container p{color:#ffffff80;font-size:1.1rem}@media (max-width:1200px){.dashboard-container{padding:1.5rem}.stats-grid,.visitor-stats-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:992px){.dashboard-title{font-size:2.2rem}.stats-grid,.visitor-stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card,.visitor-card{padding:1.2rem}.stat-number,.visitor-number{font-size:1.8rem}}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-title{font-size:1.8rem;margin-bottom:1.5rem}.section-title{font-size:1.4rem}.stats-grid,.visitor-stats-grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card,.visitor-card{border-radius:12px;gap:.8rem;padding:1rem}.stat-icon,.visitor-icon{font-size:2rem}.stat-number,.visitor-number{font-size:1.5rem}.stat-content h3,.visitor-content h3{font-size:.7rem;letter-spacing:.8px}.stat-amount{font-size:.8rem}.recent-orders{padding:1rem}.recent-orders h2{font-size:1.2rem}table{font-size:.85rem}td,th{padding:.7rem .8rem}.status-badge{font-size:.65rem;padding:.2rem .6rem}.visitor-chart{padding:1rem}.visitor-chart h3{font-size:1rem}.error-box{padding:2rem}.error-box h2{font-size:1.4rem}}@media (max-width:480px){.dashboard-title{font-size:1.5rem}.stats-grid,.visitor-stats-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.stat-card,.visitor-card{border-radius:10px;flex-direction:column;gap:.4rem;padding:.8rem;text-align:center}.stat-icon,.visitor-icon{font-size:1.8rem}.stat-number,.visitor-number{font-size:1.3rem}.stat-content h3,.visitor-content h3{font-size:.65rem}.stat-amount{font-size:.7rem}.visitor-section{padding:.8rem}.recent-orders{border-radius:12px;padding:.8rem}table{font-size:.75rem}td,th{padding:.5rem .6rem}th{font-size:.6rem}.status-badge{font-size:.55rem;padding:.15rem .5rem}.visitor-chart{padding:.8rem}.visitor-chart h3{font-size:.9rem}}.dashboard-container::-webkit-scrollbar{width:8px}.dashboard-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.dashboard-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd6,#6a3f8f)}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.edit-product-container{margin:2rem auto;max-width:800px;padding:0 1rem}.edit-product-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem}.edit-product-card h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.current-image{margin-top:.5rem}.current-image img{border:2px solid #eee;border-radius:8px;max-height:200px;max-width:200px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:#2563eb;color:#fff}.save-btn:hover:not(:disabled){background:#1d4ed8}.save-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;margin-bottom:1.5rem;padding:1rem}.toast.success{animation:slideIn .3s ease;background:#22c55e;border-radius:8px;color:#fff;font-weight:600;padding:1rem 2rem;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.search-container input{background:#fff!important;color:#1a1a1a!important}.search-container input::placeholder{color:#999}.product-card input,.product-card textarea,input,textarea{background:#fff!important;color:#1a1a1a!important}input::placeholder,textarea::placeholder{color:#999!important}
/*# sourceMappingURL=main.ccb63877.css.map*/