@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;transition:background .3s,color .3s,transform .2s}.products-wrapper{color:#111;background:#f8f9fb;min-height:100vh}.products-wrapper.dark{color:#f1f5f9;background:#0f172a}.hero-section{color:#fff;background:linear-gradient(135deg,#0f1c3f,#1f2d55);padding:60px;position:relative}.products-wrapper.dark .hero-section{background:linear-gradient(135deg,#020617,#0f172a)}.hero-content{max-width:600px}.hero-content h1{font-size:50px;font-weight:600}.search-input{background:#fffffff2;border:none;border-radius:30px;outline:none;width:320px;margin-top:25px;padding:12px 18px;font-size:14px;box-shadow:0 4px 12px #00000014}.search-input:focus{transform:scale(1.03)}.products-wrapper.dark .search-input{color:#fff;box-shadow:none;background:#1e293b}.dark-toggle{cursor:pointer;color:#fff;background:#111827;border:none;border-radius:8px;padding:8px 15px;font-size:14px;position:absolute;top:20px;right:40px}.products-wrapper.dark .dark-toggle{background:#1e293b}.middle-nav{background:#fff;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px;display:flex}.products-wrapper.dark .middle-nav{background:#1e293b}.middle-nav button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:10px 20px;font-weight:500}.middle-nav button:hover{opacity:.9;transform:translateY(-2px)}.products-wrapper.dark .middle-nav button{background:#334155}.logout-btn{background:#031b3d!important}.logout-btn:hover,.products-wrapper.dark .logout-btn{background:#334155!important}.products-wrapper.dark .logout-btn:hover{background:#dc2626!important}.products-grid{grid-template-columns:repeat(5,1fr);gap:25px;padding:50px;display:grid}.product-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #0000000f}.products-wrapper.dark .product-card{background:#1e293b}.product-card:hover{transform:translateY(-6px)}.image-container{padding:20px;position:relative}.image-container img{object-fit:contain;width:100%;height:180px}.wishlist-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;padding:6px;position:absolute;top:10px;right:10px}.wishlist-btn:hover{transform:scale(1.1)}.products-wrapper.dark .wishlist-btn{color:#fff;background:#334155}.product-info{padding:15px 20px 20px}.product-info h3{font-size:16px;font-weight:500}.price{margin:10px 0;font-weight:600}.cart-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;width:100%;padding:8px}.cart-btn:hover{transform:translateY(-2px)}.products-wrapper.dark .cart-btn{background:#475569}.no-results{text-align:center;margin-top:40px;font-weight:500}@media (width<=1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:38px}.search-input{width:100%}}@media (width<=480px){.products-grid{grid-template-columns:1fr}.hero-section{padding:30px}.hero-content h1{font-size:28px}.middle-nav{flex-direction:column;align-items:center;gap:15px}.search-input{width:100%}.dark-toggle{margin-top:15px;position:static}}.wishlist-wrapper{background:linear-gradient(135deg,#eef2f7,#d9e4f5);min-height:100vh;padding:40px}.back-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;margin-bottom:25px;padding:10px 20px;transition:all .3s}.back-btn:hover{background:#333}.wishlist-title{text-align:center;margin-bottom:30px;font-size:32px;font-weight:600}.wishlist-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.wishlist-card{text-align:center;background:#fff;border-radius:15px;padding:20px;transition:all .3s;box-shadow:0 10px 25px #00000014}.wishlist-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.wishlist-image{object-fit:contain;width:100%;height:200px;margin:15px 0}.remove-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:6px;padding:8px 15px;transition:all .3s}.remove-btn:hover{background:#8b0000}.empty-msg{text-align:center;color:#666;grid-column:span 4;font-size:22px}@media (width<=1024px){.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.wishlist-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.auth-container{min-height:100vh;display:flex}.auth-left{color:#fff;background:linear-gradient(135deg,#0f1c3f,#1f2d55);flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.brand-content{max-width:400px}.brand-content h1{margin-bottom:20px;font-size:60px}.brand-content p{color:#d1d5db;font-size:18px;line-height:1.6}.auth-right{background:#f4f1ec;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-box{width:100%;max-width:400px}.login-box h2{margin-bottom:10px;font-size:28px}.subtitle{color:#6b7280;margin-bottom:30px}form{flex-direction:column;display:flex}label{margin-bottom:6px;font-size:14px;font-weight:500}input{border:1px solid #d1d5db;border-radius:10px;outline:none;margin-bottom:20px;padding:12px;font-size:14px;transition:all .3s}input:focus{border-color:#1f2d55}button{color:#fff;cursor:pointer;background:#0f1c3f;border:none;border-radius:12px;padding:14px;font-size:16px;transition:all .3s}button:hover{background:#1f2d55}button:disabled{cursor:not-allowed;background:#999}.error{color:red;margin-bottom:15px;font-size:14px}.demo{color:#6b7280;margin-top:20px;font-size:14px}@media (width<=1024px){.brand-content h1{font-size:40px}}@media (width<=768px){.auth-container{flex-direction:column}.auth-left{text-align:center;height:35vh;padding:30px}.brand-content h1{font-size:36px}.brand-content p{font-size:14px}.auth-right{height:65vh;padding:20px}.login-box{width:100%}}