@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{color:#fafafa;background-color:#09090b;min-height:100vh;overflow-x:hidden}.main-content{max-width:1400px;min-height:85vh;margin:0 auto;padding:40px 20px;animation:.6s ease-in-out fadeIn}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 14px #ea580c4d}.btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #ea580c80}.btn:active{transform:translateY(1px)}h1,h2,h3,h4{letter-spacing:-.5px;margin-bottom:20px;font-weight:700}h2{background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#27272a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.toaster-wrapper{z-index:9999}[data-sonner-toast]{font-family:Outfit,sans-serif}.loading-state{color:#f97316;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.loading-state-full{min-height:280px}.loading-state-compact{gap:6px;padding:0}.loading-state__text{color:#a1a1aa;margin:0;font-size:.95rem}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#09090bcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 50px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #00000080}.navbar-brand a{color:#fff;letter-spacing:-1px;text-shadow:0 2px 10px #f973164d;align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex}.navbar-brand a:after{content:".";color:#f97316;font-size:36px}.navbar-links{align-items:center;gap:30px;display:flex}.navbar-links a,.navbar-links span{color:#a1a1aa;font-size:15px;font-weight:500;position:relative}.navbar-links a:hover{color:#fff}.navbar-links a:after{content:"";background:#f97316;border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.navbar-links a:hover:after{width:100%}.btn-logout{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .3s}.btn-logout:hover{background:#ef44441a;border-color:#ef4444;transform:translateY(-1px)}@media (width<=768px){.navbar{flex-direction:column;gap:15px;padding:15px 20px}}.hero-banner{color:#fff;text-align:center;background:radial-gradient(circle at 100% 0,#f9731633,#0000 60%),linear-gradient(135deg,#18181b 0%,#09090b 100%);border:1px solid #ffffff0d;border-radius:16px;margin-bottom:50px;padding:100px 30px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.hero-banner h1{text-shadow:0 4px 20px #000c;margin-bottom:20px;font-size:3.5rem}.hero-banner p{color:#d4d4d8;font-size:1.2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:30px;display:grid}.product-card{background:#18181b;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000080,0 0 0 1px #f973164d}.product-image{object-fit:cover;width:100%;height:240px;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-info{text-align:left;z-index:2;background:linear-gradient(#0000,#18181b 20%);flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px;display:flex;position:relative}.product-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:1.1rem;overflow:hidden}.price{color:#f97316;margin-bottom:15px;font-size:22px;font-weight:700}.search-bar{color:#fafafa;background:#18181b;border:1px solid #27272a;border-radius:8px;outline:none;width:100%;max-width:500px;margin-bottom:30px;padding:15px 20px;font-size:16px;transition:all .3s}.search-bar:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.product-detail{background:#18181b;border:1px solid #27272a;border-radius:16px;grid-template-columns:1fr 1fr;gap:50px;padding:40px;display:grid}.detail-image{object-fit:cover;border-radius:12px;width:100%;box-shadow:0 10px 30px #00000080}.detail-info{flex-direction:column;justify-content:center;display:flex}.detail-info h2{margin-bottom:15px;font-size:2.5rem}.detail-price{color:#f97316;margin-bottom:25px;font-size:2rem;font-weight:700}.detail-info p{color:#a1a1aa;margin-bottom:30px;font-size:1.1rem;line-height:1.7}@media (width<=900px){.product-detail{grid-template-columns:1fr}}.cart-container{max-width:1200px;margin:0 auto}.cart-layout{gap:40px;margin-top:30px;display:flex}.cart-items{flex-direction:column;flex:2;gap:20px;display:flex}.cart-item{background:#18181b;border:1px solid #ffffff0d;border-radius:12px;align-items:center;padding:20px;transition:transform .3s;display:flex;box-shadow:0 4px 20px #0003}.cart-item:hover{border-color:#f9731633;transform:translate(5px)}.cart-item-image{object-fit:cover;border-radius:8px;width:120px;height:120px;margin-right:30px}.cart-item-details{flex:1}.cart-item-details h4{margin-bottom:15px;font-size:1.2rem}.qty-controls{align-items:center;gap:15px;margin:15px 0;display:flex}.qty-controls button{color:#fff;cursor:pointer;background:#27272a;border:1px solid #3f3f46;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.qty-controls button:hover{background:#f97316;border-color:#f97316}.qty-controls span{font-size:1.1rem;font-weight:600}.btn-remove{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:8px 16px;font-family:inherit;font-weight:600;transition:all .3s}.btn-remove:hover{color:#fff;background:#ef4444}.cart-summary{background:#18181b;border:1px solid #ffffff0d;border-radius:12px;flex:1;height:fit-content;padding:30px;position:sticky;top:100px;box-shadow:0 4px 20px #0003}.cart-summary h3{border-bottom:1px solid #ffffff1a;margin-bottom:25px;padding-bottom:15px;font-size:1.8rem}.btn-checkout{letter-spacing:.5px;width:100%;padding:15px;font-size:1.1rem}.checkout-content{background:#18181b;border:1px solid #ffffff0d;border-radius:12px;max-width:600px;margin:0 auto;padding:40px}.shipping-form{flex-direction:column;gap:15px;display:flex}.shipping-form input{color:#fff;background:#09090b;border:1px solid #27272a;border-radius:8px;outline:none;padding:15px;font-size:15px}.shipping-form input:focus{border-color:#f97316}.checkout-summary{text-align:right;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}.checkout-summary h4{color:#f97316;margin-bottom:20px;font-size:1.5rem}@media (width<=768px){.cart-layout{flex-direction:column}}.auth-container{justify-content:center;align-items:center;min-height:70vh;display:flex}.auth-form{background:#18181b;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.auth-form:before{content:"";background:linear-gradient(90deg,#0000,#f97316,#0000);width:200%;height:4px;animation:3s linear infinite shimmer;position:absolute;top:0;left:-50%}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.auth-form h2{text-align:center;color:#fff;margin-bottom:10px;font-size:2rem}.auth-form input{color:#fff;background:#09090b;border:1px solid #27272a;border-radius:8px;outline:none;padding:15px;font-size:15px;transition:all .3s}.auth-form input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633}.auth-form p{text-align:center;color:#a1a1aa;margin-top:15px}.auth-form a{color:#f97316;font-weight:600}.auth-form a:hover{text-decoration:underline}