@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);.navbar{background-color:var(--navbar);color:var(--text);display:flex;flex-direction:column;height:100vh;left:0;padding:10px 0;position:fixed;top:0;transform:translateX(0);width:250px;z-index:9999}.navbar,.navbar.collapsed{transition:transform .3s ease}.navbar.collapsed{transform:translateX(-100%)}.toggle-wrapper{display:flex;justify-content:flex-end;padding:5px 10px;width:100%}.logo-container{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.navbar-logo-container{border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding:15px 10px}.navbar-logo-container,.navbar-logo-link{align-items:center;display:flex;justify-content:center;width:100%}.navbar-logo-link{text-decoration:none}.navbar-logo-image{border-radius:4px;height:auto;max-height:60px;max-width:180px;object-fit:contain;transition:transform .2s ease;width:auto}.navbar-logo-image:hover{transform:scale(1.05)}.navbar-logo-text{color:var(--text);font-size:20px;font-weight:700;padding:10px;text-align:center;text-decoration:none}.user-info-container{border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;margin-bottom:10px;padding:10px 15px;width:100%}.user-info{align-items:center;border-radius:6px;display:flex;gap:8px;padding:8px 12px;text-decoration:none;transition:background .2s ease}.user-info:hover{background-color:#ffffff1a}.user-avatar{border:2px solid var(--primary);border-radius:50%;height:40px;width:40px}.username{font-size:16px}.logo-text,.username{color:var(--text);font-weight:700}.logo-text{font-size:18px;text-decoration:none}.nav-links{align-items:flex-start;display:flex;flex-direction:column;gap:10px;list-style:none;padding:10px 15px}.nav-links,.nav-links li,.nav-links li a{text-align:left;width:100%}.nav-links li a{align-items:center;border-radius:6px;box-sizing:border-box;color:var(--text);display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:flex-start;padding:8px 16px;text-decoration:none;transition:background .2s ease}.nav-links li a:hover{background-color:var(--primary);color:#fff}.dropdown-menu{display:flex;padding-left:10px}.dropdown-menu li a{color:var(--text);font-size:14px;padding:5px 10px}.dropdown-menu li a:hover{background-color:var(--primary-hover);color:#fff}.mode-toggle-wrapper{list-style:none;margin:0;padding:0}.mode-toggle{gap:8px;margin:20px 0}.auth-btn{background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin:10px;padding:10px 15px}.auth-btn:hover{background-color:var(--primary-hover)}.navbar.collapsed .auth-btn,.navbar.collapsed .dropdown-title,.navbar.collapsed .mode-toggle span,.navbar.collapsed .mode-toggle-wrapper .mode-toggle span,.navbar.collapsed .nav-links li a span,.navbar.collapsed .navbar-logo-text,.navbar.collapsed .username{display:none}.navbar.collapsed .navbar-logo-container{margin-bottom:5px;padding:10px 5px}.navbar.collapsed .navbar-logo-image{max-height:40px;max-width:40px}.navbar.collapsed .user-info-container{margin-bottom:5px;padding:5px}.navbar.collapsed .user-info{flex-direction:column;gap:4px;justify-content:center}.navbar.collapsed .nav-links li a{justify-content:center}.toggle-button-floating{background:var(--primary);border:none;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:18px;font-weight:700;left:250px;padding:8px 12px;position:fixed;top:15px;transition:left .3s ease;z-index:9998}.toggle-button-floating:hover{background:var(--primary-hover)}.toggle-button-floating.collapsed{left:0}.navbar-content{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center;width:100%}.auth-btn,.dropdown-menu li a,.dropdown-title,.logo-text,.nav-links li a,.username{justify-content:flex-start;text-align:left}.nav-links li.auth{display:flex;justify-content:center;width:100%}.nav-links li.auth .auth-btn{justify-content:center!important;text-align:center!important;width:auto}.dropdown-menu{display:none;flex-direction:column;gap:5px;list-style:none;margin:0;padding-left:0}.dropdown-menu.show{display:flex}.dropdown-menu,.nav-links{list-style:none;margin:0;padding:0}.dropdown-menu li{list-style:none}@media (max-width:768px){.navbar{height:auto;left:0;min-height:100vh;position:fixed;top:0;transform:translateX(0);width:350px;z-index:9999}.navbar.collapsed{transform:translateX(-100%)}.container,.main-content,.page-wrapper,body,body.sidebar-collapsed{margin-left:0}.toggle-button-floating{left:350px;z-index:9999}.navbar-overlay{background:#00000080;height:100vh;left:0;opacity:1;pointer-events:auto;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:9998}.navbar-overlay.hidden{opacity:0;pointer-events:none}}.cart-badge{border:2px solid var(--navbar);color:var(--button-text);position:relative;top:auto;transition:all .3s ease;z-index:1}.cart-link:hover .cart-badge{border:2px solid var(--background)}.footer{background-color:#000;bottom:0;color:#fff;left:0;padding:20px 0;position:relative;position:flow;text-align:center;width:100%}.footer a,.footer p{color:#fff;text-decoration:none}.footer-logo{height:40px;margin-bottom:8px;object-fit:contain}:root{--primary:#006eff;--primary-hover:#1952bd;--background:#fff;--text:#111;--text-secondary:#666;--navbar:#f8f9fa;--dropdown:#e9ecef;--button-text:#fff;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;height:100%;overflow:hidden}body{background-color:#fff;background-color:var(--background);color:#111;color:var(--text);height:100vh;max-width:100%;overflow-x:hidden;overflow-y:auto;transition:background-color .3s ease,color .3s ease}.container{margin-bottom:0;margin-top:25px;max-width:100%;padding:40px 20px 0;width:100%}.navbar a{color:#111;color:var(--text);font-size:16px;font-weight:700;text-decoration:none;transition:none}button{background-color:#006eff;background-color:var(--primary);border:none;border-radius:5px;color:#fff;color:var(--button-text);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:bolder;padding:10px 20px;transition:all .3s ease-in-out}button:hover{background-color:#1952bd;background-color:var(--primary-hover);transform:scale(1.05)}.item{background-color:#fff;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden;padding:20px;text-align:center}.item:not(:last-child){margin-bottom:20px}.row{align-items:flex-start;display:flex;gap:20px;justify-content:center;width:100%}input:not([type=checkbox]),select,textarea{background:#fff;background:var(--background);border:1px solid #fff;border:1px solid var(--button-text);border-radius:5px;color:#111;color:var(--text);font-family:inherit;font-size:16px;margin:10px 0;padding:10px;width:100%}.mode-toggle{align-items:center;color:#111;color:var(--text);display:flex;font-weight:700;gap:10px;justify-content:center;margin-bottom:20px;margin-top:20px;padding:0}.mode-toggle input{-webkit-appearance:none;appearance:none;background:grey;border-radius:12.5px;cursor:pointer;height:25px;position:relative;transition:background .3s ease;width:50px}.mode-toggle input:checked{background:grey}.mode-toggle input:before{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease,background .3s ease;width:18px}.mode-toggle input:checked:before{background:#000;transform:translateX(25px) translateY(-50%)}.mode-toggle input:hover:before{box-shadow:0 0 0 2px #000;transform:scale(1.1) translateY(-50%)}.mode-toggle input:checked:hover:before{box-shadow:0 0 0 2px #fff;transform:translateX(25px) scale(1.1) translateY(-50%)}footer{background:#f8f9fa;background:var(--navbar);margin-top:0;padding:5px}footer,h1{color:#111;color:var(--text);text-align:center}h1{font-size:32px;font-weight:700}h2{font-size:28px}h2,h3{color:#111;color:var(--text);font-weight:700}h3{font-size:24px}.page-wrapper{display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}.main-content,.page-wrapper>main{flex:1 1;margin-bottom:0;margin-top:25px;padding:20px}@media (max-width:768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:22px}p{font-size:14px}}body{margin-left:250px;transition:margin-left .3s ease}body.sidebar-collapsed{margin-left:0}@media (max-width:768px){body{margin-left:0}}.go-back-link{color:#006eff;color:var(--primary);display:inline-block;font-weight:700;margin-bottom:10px;text-decoration:none}.go-back-link:hover{text-decoration:underline}body:not(.sidebar-collapsed) .loading-spinner{color:#111;color:var(--text);font-size:24px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}body.sidebar-collapsed .loading-spinner{left:50%;transform:translate(-50%,-50%)}.dragging{cursor:grabbing;opacity:.5}.drag-handle{cursor:grab}.modal{overflow-x:hidden;overflow-y:auto}.global-tooltip-box{word-wrap:break-word;animation:slideInTooltip .3s ease forwards;background:#fff;background:var(--card-bg);border-radius:10px;box-shadow:0 2px 10px #0003;max-height:300px;max-width:300px;opacity:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:20px;transform:translateX(50px);white-space:pre-wrap;z-index:2000}@keyframes slideInTooltip{to{opacity:1;transform:translateX(0)}}.tooltip-content{word-wrap:break-word;margin-top:8px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.note-icon{cursor:pointer;margin-left:6px;position:relative}.react-select__menu,.react-select__menu-portal{position:absolute!important;z-index:9999!important}.async-select__control{background-color:#fff;background-color:var(--background);border-color:#111;border-color:var(--text);border-radius:6px;box-shadow:none;font-size:16px;min-height:44px;padding:2px 4px}.async-select__control--is-focused{box-shadow:0 0 0 1px #111;box-shadow:0 0 0 1px var(--text)}.async-select__control:hover{border-color:#111;border-color:var(--text)}.error-boundary-container{align-items:center;background-color:#fff;background-color:var(--background);color:#111;color:var(--text);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background-color:#fff;background-color:var(--card-bg);border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center}.error-boundary-content h2{color:#e74c3c;font-size:24px;margin-bottom:16px}.error-boundary-content p{line-height:1.6;margin-bottom:24px}.error-boundary-button{background-color:#006eff;background-color:var(--primary);border:none;border-radius:6px;color:#fff;color:var(--button-text);cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s}.error-boundary-button:hover{background-color:#1952bd;background-color:var(--primary-hover)}.error-details{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-top:20px;padding:16px;text-align:left}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:10px}.error-details pre{word-wrap:break-word;color:#495057;font-size:12px;margin:8px 0;white-space:pre-wrap}.form-input-wrapper{margin-bottom:16px}.form-label{color:#111;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-label.required{position:relative}.required-indicator{color:#e74c3c;font-weight:700;margin-left:4px}.form-description{color:#111;color:var(--text);font-size:12px;line-height:1.4;margin-bottom:6px;opacity:.7}.form-input{background-color:#fff;background-color:var(--background);border:2px solid #fff;border:2px solid var(--card-bg);border-radius:6px;color:#111;color:var(--text);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#006eff;border-color:var(--primary);box-shadow:0 0 0 3px #006eff1a;outline:none}.form-input.error{border-color:#e74c3c}.form-input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-input.disabled{background-color:#fff;background-color:var(--card-bg);cursor:not-allowed;opacity:.6}.form-error{align-items:center;color:#e74c3c;display:flex;font-size:14px;gap:6px;line-height:1.4;margin-top:6px}.form-error:before{content:"⚠️";font-size:12px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.async-select__menu{position:absolute;z-index:1000}.async-select__menu,.async-select__option{background-color:#fff;background-color:var(--background)}.async-select__option{color:#111;color:var(--text);cursor:pointer}.async-select__option--is-focused{background-color:#1952bd;background-color:var(--primary-hover);color:#fff;color:var(--button-text)}.async-select__option--is-selected{background-color:#006eff;background-color:var(--primary);color:#fff;color:var(--button-text)}.async-select__input,.async-select__placeholder,.async-select__single-value{color:#111;color:var(--text)}.column:last-child{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.typing-dots .dot{animation:blink 1.4s infinite both;background:#111;background:var(--text);border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.hero-banner-container{background-color:#fff;background-color:var(--card-bg);border-radius:15px;height:500px;line-height:.9;padding:100px 40px;position:relative;width:100%}.hero-banner-container .beats-solo{color:#111;color:var(--text);font-size:20px}.hero-banner-container h3{color:#111;color:var(--text);font-size:4rem;margin-top:4px}.hero-banner-container h1{color:#111;color:var(--text);font-size:clamp(2.5rem,10vw,10em);line-height:1.05;margin-left:-20px;max-width:100%;overflow-wrap:break-word;text-align:center;text-transform:uppercase;white-space:normal;word-break:break-word}.hero-banner-container button{background-color:#006eff;background-color:var(--primary);border:none;border-radius:15px;color:#fff;color:var(--button-text);cursor:pointer;font-size:18px;font-weight:500;margin-top:0;padding:10px 16px;transition:all .3s ease-in-out;z-index:10000!important}.hero-banner-container button:hover{background-color:#1952bd;background-color:var(--primary-hover);transform:scale(1.05)}.hero-banner-image{height:450px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:450px}.desc{display:flex;flex-direction:column;line-height:1.3;position:absolute;right:5%;top:5%;width:300px}.desc,.desc p{color:#111;color:var(--text)}.desc p{font-weight:300;text-align:end}.desc h5{align-self:flex-end;color:#111;color:var(--text);font-size:16px;font-weight:700;margin-bottom:12px}@media screen and (max-width:800px){.hero-banner-container{height:560px;line-height:1.3}.hero-banner-container h1{font-size:50px}.hero-banner-container h3{font-size:40px}.hero-banner-container button{margin-top:90px}.hero-banner-image{height:62%;right:-6%;top:-2%;width:77%}.desc{bottom:60px}}.cart-link{font-size:1.5rem;position:relative}.cart-badge{background:#006eff;background:var(--primary);border:2px solid #f8f9fa;border:2px solid var(--navbar,#eee);border-radius:50%;color:#fff;color:var(--button-text,#fff);font-size:.7rem;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-6px}.product-detail-container{position:relative}.back-to-store-link{align-items:center;background:none;border:none;box-shadow:none;color:#006eff;color:var(--primary);cursor:pointer;display:inline-flex;padding:0;position:absolute;right:18px;text-decoration:none;top:18px;transition:color .18s;transition:color .18s,transform .18s;z-index:2}.back-to-store-link:hover{background:none;color:color-mix(in srgb,#006eff 80%,#000 20%);color:color-mix(in srgb,var(--primary) 80%,#000 20%);text-decoration:none;transform:scale(1.18)}.cart-bubble{align-items:center;background:#fff;border-radius:50%;bottom:32px;box-shadow:0 2px 8px #00000026;color:#000;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:32px;transition:box-shadow .2s,transform .2s;width:56px;z-index:1000}.cart-bubble:hover{box-shadow:0 4px 16px #00000040;transform:scale(1.05)}.cart-count{background:#e53935;border-radius:50%;color:#fff;font-size:12px;font-weight:700;padding:2px 7px;position:absolute;right:10px;top:10px}
/*# sourceMappingURL=main.3290b819.css.map*/