@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#1a1a2e;--text-secondary:#4a5568;--accent-primary:#667eea;--accent-secondary:#764ba2;--border-color:#e2e8f0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--hover-bg:#f7fafc;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body.dark-mode{--bg-primary:#0a0a0f;--bg-secondary:#111114;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--border-color:#2d3748;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 6px #00000040;--shadow-lg:0 10px 15px #0000004d;--hover-bg:#1a1a1f}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;left:0;padding:.75rem 2rem;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1000}.navbar.scrolled{background:#fffffff2;background:rgba(var(--bg-primary-rgb,255,255,255),.95);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:.5rem 2rem}.logo-container{cursor:pointer;position:relative}.logo-container,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{gap:.75rem}.logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);display:flex;height:40px;justify-content:center;width:40px}.chip-icon{color:#fff;font-size:1.5rem}.logo-text-wrapper{display:flex;flex-direction:column;line-height:1.2}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.logo-slogan,.logo-text{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logo-slogan{color:#4a5568;color:var(--text-secondary);font-size:.7rem;font-weight:400;letter-spacing:.3px}.desktop-menu{list-style:none;margin:0;padding:0}.desktop-menu,.nav-link{align-items:center;display:flex;gap:.5rem}.nav-link{border-radius:8px;color:#4a5568;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link:hover{background:#f7fafc;background:var(--hover-bg)}.nav-link.active,.nav-link:hover{color:#667eea;color:var(--accent-primary)}.nav-link.highlight{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:20px;color:#fff}.nav-link.highlight:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-icon{display:inline-flex;font-size:1rem;position:relative}.cart-badge{animation:bounce .5s ease;background:#ff4757;border-radius:10px;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:2px 5px;position:absolute;right:-12px;text-align:center;top:-8px}.nav-indicator{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:2px;bottom:-2px;height:2px;left:0;position:absolute;right:0}.dropdown{position:relative}.dropdown-btn{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dropdown-btn:hover{background:#f7fafc;background:var(--hover-bg);border-color:#667eea;border-color:var(--accent-primary);transform:translateY(-1px)}.user-icon{color:#667eea;color:var(--accent-primary);font-size:1.25rem}.username{font-size:.875rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.dropdown-content{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-list{list-style:none;margin:0;padding:.5rem}.dropdown-item,.dropdown-item-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.dropdown-item-btn:hover,.dropdown-item:hover{background:#f7fafc;background:var(--hover-bg);color:#667eea;color:var(--accent-primary)}.dropdown-icon{font-size:1rem}.theme-toggle{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:none;border-radius:20px;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle-inner{align-items:center;display:flex;gap:.5rem}.theme-icon{font-size:1rem}.theme-label{font-size:.875rem;font-weight:500}.hamburger-button{background:none;border:none;border-radius:8px;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hamburger-button:hover{background:#f7fafc;background:var(--hover-bg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;z-index:999}.mobile-menu,.mobile-menu-overlay{bottom:0;position:fixed;right:0;top:0}.mobile-menu{background:#fff;background:var(--bg-primary);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:1rem;width:280px;z-index:1000}.nav-link-mobile{align-items:center;border-radius:10px;color:#1a1a2e;color:var(--text-primary);display:flex;font-weight:500;gap:1rem;padding:.875rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link-mobile:hover{background:#f7fafc;background:var(--hover-bg);transform:translateX(5px)}.nav-link-mobile.active{background:#f7fafc;background:var(--hover-bg);color:#667eea;color:var(--accent-primary)}.nav-link-mobile.highlight{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff}.logout-button{align-items:center;background:none;border:none;border-radius:10px;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.logout-button:hover{background:#f7fafc;background:var(--hover-bg);color:#ff4757}.mobile-theme-wrapper{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.theme-toggle.mobile{justify-content:center;width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.theme-transition{transition:background-color .3s ease,color .3s ease}@media (max-width:768px){.desktop-menu{display:none}.hamburger-button{align-items:center;display:flex;justify-content:center}.navbar{padding:.75rem 1rem}.logo-text{font-size:1rem}.logo-slogan{font-size:.6rem}.logo-icon{height:32px;width:32px}.chip-icon{font-size:1.2rem}}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}:root{--primary-color:#07c;--primary-hover:#005fa3;--text-color:#333;--bg-color:#f0f2f5;--card-bg:#fff;--shadow:0 2px 4px #0000001a;--border-color:#d0d7de;--text-light:#57606a;--input-bg:#fff}.dark-mode{--primary-color:#0af;--primary-hover:#07c;--text-color:#e0e0e0;--bg-color:#0d1117;--card-bg:#161b22;--shadow:0 4px 12px #0006;--border-color:#21262d;--text-light:#8b949e;--input-bg:#21262d}body{background-color:#f0f2f5;background-color:var(--bg-color);color:var(--text-color);font-family:Roboto Mono,monospace;transition:background-color .3s ease,color .3s ease}.container{margin:auto;padding:1rem}a,h1,h2,h3,h4,h5,h6{color:#07c;color:var(--primary-color)}a{text-decoration:none}a:hover{color:#005fa3;color:var(--primary-hover)}button{background-color:#07c;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .3s ease}button:hover{background-color:#005fa3;background-color:var(--primary-hover)}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #d0d7de;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);margin:.5rem 0 1rem;padding:.75rem;width:100%}form{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);margin:2rem auto;max-width:400px;padding:1.5rem}:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-light:#fff;--text-light:#333;--card-bg-light:#f8f9fa;--shadow:0 10px 30px #0000001a;--border-radius:15px}body{background-color:#fff;background-color:var(--background-light);color:#333;color:var(--text-light);font-family:Montserrat,sans-serif}.container{margin:0 auto;max-width:1200px;padding:2rem}.btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.btn-primary{background-color:#007bff;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#0069d9;box-shadow:0 4px 20px #0003;transform:scale(1.05)}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 4px 20px #0003;transform:scale(1.05)}.card{background:#f8f9fa;background:var(--card-bg-light);border-radius:15px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;padding:.8rem;width:100%}.product-list-container{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem 0}.product-card{display:flex;flex:1 1 300px;flex-direction:column}.product-card-content{display:flex;flex-direction:column;flex-grow:1}.product-card-description{flex-grow:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(50px,30px) rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,20px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,-40px) rotate(90deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-30px,-30px) rotate(-90deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(40px,-20px) rotate(180deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%{text-shadow:0 0 10px #667eea99,0 0 20px #667eea66}to{text-shadow:0 0 20px #764ba2cc,0 0 40px #764ba299}}@keyframes floatLight{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-carousel{margin-bottom:2rem;position:relative}.carousel-title{color:#e0e0e0;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.carousel-track{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{flex:0 0 auto;margin-right:1rem;scroll-snap-align:start;width:250px}.carousel-track>:last-child{margin-right:0}
/*# sourceMappingURL=main.05cabd5a.css.map*/