@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap);.App{min-height:100vh;width:100%}:root{--primary:#111;--secondary:#f60;--secondary-hover:#ff8533;--bg:#0a0a0a;--bg-card:#161616;--bg-input:#1e1e1e;--border:#2a2a2a;--text:#f0f0f0;--text-muted:#888;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius:8px;--shadow:0 4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--bg);color:#f0f0f0;color:var(--text);font-family:Inter,sans-serif;min-height:100vh}a{color:#f60;color:var(--secondary);text-decoration:none}a:hover{color:#ff8533;color:var(--secondary-hover)}button{cursor:pointer;font-family:Inter,sans-serif}input,select,textarea{background:#1e1e1e;background:var(--bg-input);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f0f0f0;color:var(--text);font-family:Inter,sans-serif;outline:none;padding:10px 14px;transition:border .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#f60;border-color:var(--secondary)}.btn{border:none;border-radius:8px;border-radius:var(--radius);font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:#f60;color:#000}.btn-primary:hover{background:#ff8533;background:var(--secondary-hover)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-outline{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);color:#f0f0f0;color:var(--text)}.btn-outline:hover{border-color:#f60;color:#f60}.card{background:#161616;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:24px}.badge{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.badge-success{background:#22c55e26;color:#22c55e;color:var(--success)}.badge-danger{background:#ef444426;color:#ef4444;color:var(--danger)}.badge-warning{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.badge-info{background:#3b82f626;color:#3b82f6;color:var(--info)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);font-size:14px;padding:12px 16px;text-align:left}th{color:#888;color:var(--text-muted);font-weight:500}tr:hover td{background:#1e1e1e;background:var(--bg-input)}.admin-layout{display:flex}.admin-content{flex:1 1;margin-left:260px;min-height:100vh;padding:32px}@media (max-width:768px){.admin-content{margin-left:0;padding:76px 16px 24px}}@media (max-width:480px){.admin-content{padding:72px 12px 20px}}.home{font-family:Inter,sans-serif}.container{margin:0 auto;max-width:1280px;padding:0 24px}.hero{height:420px;overflow:hidden;position:relative}.hero-bg,.hero-slide{inset:0;position:absolute}.hero-slide{background-position:50%;background-size:cover;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,#0a0a0ae0 0,#0a0a0a80 60%,#0a0a0a33);inset:0;position:absolute}.hero-container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:14px;max-width:520px}.hero-title{animation:fadeUp .5s ease;color:#fff;font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}.highlight{color:var(--secondary)}.hero-subtitle{animation:fadeUp .5s ease .1s both;color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.hero-actions{animation:fadeUp .5s ease .2s both;display:flex;gap:10px}.hero-dots{bottom:24px;display:flex;gap:8px;left:24px;position:absolute}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:background .3s,width .3s;width:8px}.dot.active{background:var(--secondary);border-radius:4px;width:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-primary{align-items:center;background:var(--secondary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:11px 22px;text-decoration:none;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;padding:11px 22px;text-decoration:none;transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary)}.categories-bar{padding:16px 0 8px}.categories-scroll{display:flex;gap:6px;overflow-x:auto;padding:2px 0;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.chip{background:#ffffff0a;border:1px solid var(--border);border-radius:40px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:7px 16px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.chip:hover{color:var(--secondary)}.chip.active,.chip:hover{border-color:var(--secondary)}.chip.active{background:var(--secondary);color:#fff}.chip.skeleton{height:34px;pointer-events:none}.section{padding:48px 0}.section-alt{background:#ffffff05;border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.section-header{justify-content:space-between;margin-bottom:20px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--text);font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;gap:10px;margin:0}.title-icon{color:var(--secondary);font-size:1rem}.title-icon.deals{color:#ef4444}.title-icon.new{color:#22c55e}.header-right{display:flex;gap:6px}.scroll-arrow{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:.75rem;height:34px;justify-content:center;transition:border-color .2s,color .2s;width:34px}.scroll-arrow:hover{border-color:var(--secondary);color:var(--secondary)}.view-all{align-items:center;color:var(--secondary);display:flex;font-size:.84rem;font-weight:600;gap:5px;text-decoration:none;transition:gap .2s}.view-all:hover{gap:9px}.view-all svg{font-size:.65rem}.products-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.products-scroll{display:flex;gap:14px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.products-scroll::-webkit-scrollbar{display:none}.product-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.products-scroll .product-card{flex-shrink:0;min-width:240px}.product-card:hover{border-color:#ffffff1f;transform:translateY(-3px)}.product-card-image{aspect-ratio:1;background:#ffffff05;overflow:hidden;position:relative}.product-card-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card:hover .product-card-image img{transform:scale(1.04)}.badge-sale{background:#ef4444;border-radius:6px;color:#fff;font-size:.68rem;font-weight:700;left:8px;padding:3px 8px}.badge-sale,.product-card-actions{position:absolute;top:8px;z-index:2}.product-card-actions{display:flex;flex-direction:column;gap:4px;opacity:0;right:8px;transform:translateX(6px);transition:opacity .2s,transform .2s}.product-card:hover .product-card-actions{opacity:1;transform:translateX(0)}.action-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161616b3;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;text-decoration:none;transition:background .2s;width:32px}.action-btn.active,.action-btn:hover{background:var(--secondary);border-color:var(--secondary)}.product-card-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:12px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.88rem;font-weight:600;line-height:1.3;overflow:hidden;text-decoration:none;transition:color .2s}.product-name:hover{color:var(--secondary)}.product-rating{align-items:center;display:flex;gap:5px}.stars{color:#f59e0b;display:flex;font-size:.68rem;gap:1px}.rating-count{color:var(--text-muted);font-size:.72rem}.product-price{align-items:baseline;display:flex;gap:6px;margin-top:auto}.price{color:var(--text);font-size:1.05rem;font-weight:700}.compare-price{color:var(--text-muted);font-size:.8rem;text-decoration:line-through}.cart-btn{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;gap:7px;justify-content:center;padding:9px;transition:background .2s,border-color .2s,color .2s;width:100%}.cart-btn:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}.cart-btn svg{font-size:.75rem}.empty{color:var(--text-muted);font-size:.9rem;grid-column:1/-1;padding:48px 0;text-align:center}.shimmer,.skeleton .product-card-image,.skeleton-line{animation:shimmer 1.8s infinite;background:#ffffff0f}.skeleton-line{border-radius:5px;height:14px}.w-80{width:80%}.w-50{width:50%}.w-40{width:40%}.w-full{width:100%}.h-38{height:36px}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:1024px){.hero{height:360px}.hero-title{font-size:2.1rem}.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero{height:320px}.hero-title{font-size:1.7rem}.hero-subtitle{font-size:.85rem}.section{padding:36px 0}.section-title{font-size:1.2rem}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.container{padding:0 16px}.hero{height:300px}.hero-title{font-size:1.5rem}.hero-actions{flex-direction:column}.btn-outline,.btn-primary{justify-content:center;width:100%}.products-grid{grid-template-columns:1fr}.product-card-actions{opacity:1;transform:translateX(0)}}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161616f2;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.navbar-container{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr auto;height:72px;margin:0 auto;max-width:1280px;padding:0 24px}.navbar-logo{color:var(--secondary);flex-shrink:0;font-family:Poppins,Inter,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.nav-menu{align-items:center;display:flex;gap:2px;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{border-radius:40px;color:var(--text-muted);display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:8px 15px;text-decoration:none;transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-link:hover{background:#ffffff0a;color:var(--secondary)}.nav-link.active{color:var(--secondary);font-weight:600}.nav-actions,.nav-cart-btn{align-items:center;display:flex;gap:8px}.nav-cart-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-cart-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.nav-cart-btn svg{font-size:.95rem}.cart-badge{align-items:center;background:var(--secondary);border:2px solid #161616f2;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-6px;width:18px}.account-wrapper{position:relative}.nav-account-btn{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:8px;padding:5px 14px 5px 5px;transition:background .2s ease,border-color .2s ease,color .2s ease}.nav-account-btn:hover{background:#ffffff1a;border-color:var(--secondary);color:var(--secondary)}.account-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;height:30px;justify-content:center;width:30px}.account-avatar-guest{background:#ffffff1f;color:var(--text-muted);font-size:.8rem}.account-label{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{animation:dropdownSlide .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;display:flex;gap:12px;padding:16px}.dropdown-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-name{color:var(--text);font-size:.92rem;font-weight:600}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:var(--text-muted);font-size:.78rem}.dropdown-divider{background:var(--border);height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:10px;padding:11px 16px;text-decoration:none;transition:background .15s ease,color .15s ease;width:100%}.dropdown-item:hover{background:#ffffff0f;color:var(--text)}.dropdown-item svg{flex-shrink:0;font-size:.85rem;text-align:center;width:16px}.dropdown-logout{color:#ef4444}.dropdown-logout:hover{background:#ef44441a;color:#f87171}.dropdown-guest{flex-direction:column;padding:24px 20px;text-align:center}.dropdown-guest,.guest-icon{align-items:center;display:flex}.guest-icon{background:#ffffff0f;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:1.2rem;height:52px;justify-content:center;margin-bottom:14px;width:52px}.guest-title{color:var(--text);font-size:.95rem;font-weight:600;margin:0 0 4px}.guest-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0 0 18px}.guest-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:10px;text-decoration:none;transition:opacity .2s ease,transform .15s ease;width:100%}.guest-btn:hover{opacity:.9;transform:translateY(-1px)}.guest-btn:active{transform:translateY(0)}.guest-login{background:var(--secondary);color:#fff;margin-bottom:8px}.guest-register{background:#ffffff14;border:1px solid var(--border);color:var(--text)}.guest-register:hover{border-color:var(--secondary);color:var(--secondary);opacity:1}.menu-toggle{align-items:center;background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:none;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;transition:border-color .2s ease,color .2s ease;width:40px}.menu-toggle:hover{border-color:var(--secondary);color:var(--secondary)}.nav-overlay{animation:fadeIn .2s ease;background:#00000080;inset:0;position:fixed;top:64px;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.navbar-container{grid-template-columns:1fr auto;height:64px;padding:0 16px}.navbar-logo{font-size:1.5rem}.nav-menu{align-items:stretch;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:4px;justify-content:flex-start;left:0;opacity:0;padding:12px;position:fixed;right:0;top:64px;transform:translateY(-110%);transition:transform .3s ease,opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.nav-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:10px;font-size:1rem;padding:13px 16px}.account-label,.cart-label{display:none}.nav-cart-btn{padding:9px 12px}.nav-account-btn{padding:5px}.menu-toggle{display:flex}.account-dropdown{animation:slideUp .25s ease;border-radius:20px 20px 0 0;bottom:0;left:0;position:fixed;right:0;top:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.navbar-logo{font-size:1.3rem}}.footer{font-family:Inter,sans-serif;margin-top:auto}.footer-container{margin:0 auto;max-width:1280px;padding:0 24px}.footer-features{background:#ffffff08;border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:28px 0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-item{gap:14px}.feature-icon,.feature-item{align-items:center;display:flex}.feature-icon{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;color:var(--secondary);flex-shrink:0;font-size:1rem;height:44px;justify-content:center;width:44px}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-title{color:var(--text);font-size:.88rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.78rem}.footer-main{background:var(--bg);padding:56px 0 48px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.4fr .8fr .8fr .8fr 1.2fr}.footer-brand{display:flex;flex-direction:column;gap:18px}.footer-logo{color:var(--secondary);font-family:Poppins,Inter,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.03em;text-decoration:none;transition:opacity .2s ease}.footer-logo:hover{opacity:.8}.footer-tagline{color:var(--text-muted);font-size:.85rem;line-height:1.6;margin:0;max-width:280px}.footer-contact-list{display:flex;flex-direction:column;gap:10px}.footer-contact-item{align-items:center;color:var(--text-muted);display:flex;font-size:.82rem;gap:10px;text-decoration:none;transition:color .2s ease}a.footer-contact-item:hover{color:var(--secondary)}.footer-contact-item svg{color:var(--secondary);flex-shrink:0;width:14px}.footer-socials{display:flex;gap:8px;margin-top:4px}.social-link{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);display:flex;font-size:.85rem;height:36px;justify-content:center;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease;width:36px}.social-link:hover{background:var(--secondary);border-color:var(--secondary);color:#fff;transform:translateY(-2px)}.footer-links-group{display:flex;flex-direction:column;gap:16px}.footer-heading{color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:.01em;margin:0}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-link{color:var(--text-muted);font-size:.84rem;text-decoration:none;transition:color .2s ease,padding-left .2s ease}.footer-link:hover{color:var(--secondary);padding-left:4px}.footer-newsletter{display:flex;flex-direction:column;gap:14px}.newsletter-desc{color:var(--text-muted);font-size:.84rem;line-height:1.5;margin:0}.newsletter-form{margin:0}.newsletter-input-wrap{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;display:flex;overflow:hidden;transition:border-color .2s ease}.newsletter-input-wrap:focus-within{border-color:var(--secondary)}.newsletter-input{background:#0000;border:none;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-size:.85rem;min-width:0;outline:none;padding:11px 14px}.newsletter-input::placeholder{color:var(--text-muted);opacity:.6}.newsletter-btn{align-items:center;background:var(--secondary);border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;justify-content:center;padding:11px 16px;transition:opacity .2s ease}.newsletter-btn:hover{opacity:.85}.newsletter-note{color:var(--text-muted);font-size:.72rem;margin:0;opacity:.6}.footer-bottom{background:#ffffff05;border-top:1px solid var(--border);padding:20px 0}.footer-bottom-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer-copyright{color:var(--text-muted);font-size:.8rem;margin:0}.footer-legal{align-items:center;display:flex;gap:20px}.legal-link{color:var(--text-muted);font-size:.8rem;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:var(--secondary)}@media (max-width:1024px){.footer-grid{gap:36px;grid-template-columns:1fr 1fr 1fr}.footer-brand{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:24px;grid-column:1/-1}.footer-tagline{max-width:100%}.footer-contact-list{flex-direction:row;flex-wrap:wrap;gap:16px}.footer-newsletter{grid-column:1/-1;max-width:400px}}@media (max-width:768px){.features-grid{gap:20px;grid-template-columns:1fr 1fr}.footer-main{padding:40px 0 36px}.footer-grid{gap:32px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-brand,.footer-contact-list{flex-direction:column}.footer-newsletter{grid-column:1/-1;max-width:100%}.footer-bottom-inner{align-items:center;flex-direction:column;gap:12px;text-align:center}.footer-legal{gap:16px}}@media (max-width:480px){.footer-container{padding:0 16px}.features-grid{gap:16px;grid-template-columns:1fr}.footer-grid{gap:28px;grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:1}.footer-legal{flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.696aa917.css.map*/