:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tubelight-navbar{align-items:center;display:flex;justify-content:center}.tubelight-navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f4780;border:1px solid #ffffff1a;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;gap:.5rem;padding:.5rem}.tubelight-nav-item,.tubelight-navbar-container{align-items:center;border-radius:9999px;display:flex}.tubelight-nav-item{color:#fffc;cursor:pointer;flex-direction:column-reverse;font-size:.875rem;font-weight:600;gap:2px;justify-content:center;padding:.5rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease;z-index:1}.tubelight-nav-item:hover{color:#22c55e}.tubelight-nav-item.active{background:#22c55e1a;color:#22c55e}.tubelight-nav-text{display:block;font-size:.65rem;line-height:1}.tubelight-nav-icon{align-items:center;display:flex;justify-content:center}@media (min-width:768px){.tubelight-nav-item{flex-direction:row;gap:0;padding:.5rem 1rem}.tubelight-nav-text{display:inline;font-size:.875rem}.tubelight-nav-icon{display:none}}.tubelight-lamp{background:#22c55e0d;border-radius:9999px;inset:0;position:absolute;width:100%;z-index:-1}.tubelight-glow-top{background:#22c55e;border-radius:9999px 9999px 0 0;height:.25rem;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%);width:2rem}.tubelight-glow-1{left:-.5rem;top:-.5rem;width:3rem}.tubelight-glow-1,.tubelight-glow-2{background:#22c55e33;border-radius:9999px;filter:blur(.5rem);height:1.5rem;position:absolute}.tubelight-glow-2{left:50%;top:-.25rem;transform:translateX(-50%);width:2rem}.tubelight-glow-3{background:#22c55e33;border-radius:9999px;filter:blur(.25rem);height:1rem;left:.5rem;position:absolute;top:0;width:1rem}.main-header{isolation:isolate;left:0;position:fixed;top:0;width:100%;z-index:100}.main-header:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1a2f47b3;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0003;content:"";inset:0;position:absolute;z-index:-1}.admin-layout~.main-header,.main-header[data-admin-route=true],[data-pathname*="/admin"]~.main-header,body:has(.admin-layout) .main-header,html:has([href*="/admin"]) .main-header{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;visibility:hidden!important;width:0!important}.header-container{box-sizing:border-box;gap:1rem;height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem 24px;width:100%}.header-container,.header-left,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:.5px;text-decoration:none}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:40px;object-fit:contain;transition:transform .2s ease;width:auto}.logo:hover .logo-image{transform:scale(1.05)}.logo-text{align-items:baseline;display:flex;font-size:1.75rem;gap:0;line-height:1}.logo-solo{color:#22c55e;font-weight:700}.logo-tech{color:#ef4444;font-weight:700}.logo-reg{color:#fff;font-size:.7em;font-weight:400;margin-left:2px;position:relative;top:-4px;vertical-align:super}.header-nav{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.header-nav a:not(.tubelight-nav-item){color:#fff;font-weight:500;padding-bottom:.25rem;position:relative;text-decoration:none;transition:color .2s}.header-nav a:not(.tubelight-nav-item).active,.header-nav a:not(.tubelight-nav-item):hover{color:#22c55e}.header-nav a:not(.tubelight-nav-item).active:after{background:#22c55e;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.header-right{gap:1rem}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;justify-content:center;padding:.5rem;position:relative;transition:color .2s}.icon-btn:hover{color:#22c55e}.cart-btn{text-decoration:none}.cart-badge,.wishlist-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.user-menu{align-items:center;border-left:1px solid #fff3;display:flex;gap:1rem;margin-left:1rem;padding-left:1rem}.user-name{color:#fff}.admin-link{border-radius:4px;color:#22c55e;font-weight:500;padding:.25rem .75rem;text-decoration:none;transition:background .2s}.admin-link:hover{background:#22c55e33;color:#22c55e}.auth-button{align-items:center;background:#22c55e;border:none;border-radius:9999px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.auth-button:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.auth-button:active{box-shadow:0 2px 6px #22c55e4d;transform:translateY(0)}.login-link{background:none;border:none;border-radius:4px;color:#22c55e;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .2s}.login-link:hover{background:#22c55e33;color:#22c55e}.profile-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s}.profile-btn:hover{transform:scale(1.05)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 2px 4px #22c55e4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;transition:box-shadow .2s;width:40px}.profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-btn:hover .profile-avatar{box-shadow:0 4px 8px #22c55e66}.register-link{align-items:center;background:#22c55e;border:none;border-radius:9999px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.register-link:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.register-link:active{box-shadow:0 2px 6px #22c55e4d;transform:translateY(0)}@media (max-width:768px){.header-container{flex-wrap:nowrap;gap:.5rem;overflow:visible;padding:.5rem 1rem}.header-left{align-items:center;display:flex;flex:0 1 auto;gap:.5rem}.header-left,.logo{flex-shrink:1;min-width:0}.logo{font-size:1.25rem}.logo-image{flex-shrink:0;height:35px;width:auto}.logo-text{flex-shrink:1;min-width:0}.logo-solo,.logo-tech,.logo-text{font-size:1.25rem!important}.auth-menu-container{border-left:none;display:flex!important;margin-left:0;padding-left:0}.auth-text-desktop{display:none!important}.auth-text-mobile{display:inline-block!important}.header-right{align-items:center;display:flex!important;flex-shrink:0;gap:.5rem;margin-left:auto;min-width:-webkit-fit-content;min-width:fit-content;z-index:100}.icon-btn{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;padding:.25rem!important;position:relative!important}.cart-badge,.wishlist-badge{font-size:.7rem!important;height:16px!important;position:absolute!important;right:-2px!important;top:-2px!important;width:16px!important}.header-nav{background:#0000!important;bottom:0!important;box-sizing:border-box;gap:0;height:auto!important;justify-content:center;left:0!important;margin-top:0;max-width:none!important;order:3;padding:0!important;pointer-events:none;position:fixed!important;transform:none!important;width:100%!important;z-index:9999!important}.header-nav>*{pointer-events:auto}.header-nav a:not(.tubelight-nav-item){font-size:.875rem}.wishlist-btn{display:none!important}.cart-btn{flex-shrink:0!important;min-height:36px!important;min-width:36px!important;padding:.5rem!important}.cart-btn,.cart-btn.mobile-cart-logged-in{display:flex!important}.icon-btn svg{flex-shrink:0!important;height:18px!important;width:18px!important}.user-menu{border-left:none;gap:.5rem;margin-left:0;padding-left:0}.profile-avatar{font-size:.75rem!important;height:32px!important;width:32px!important}.auth-button{font-size:.8rem!important;min-height:32px;padding:.4rem .8rem!important}.login-link{font-size:.875rem;padding:.5rem .875rem}.register-link{font-size:.875rem;padding:.5rem 1rem}.tubelight-navbar{display:block!important;width:100%!important}.tubelight-navbar-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a2f47fa;border:none;border-radius:0!important;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0000004d;gap:0;inset:0!important;justify-content:space-between;margin:0!important;max-width:none!important;padding:.75rem .5rem max(.75rem,env(safe-area-inset-bottom));width:100%!important}.tubelight-nav-item{flex:1 1;min-width:0;padding:.5rem .25rem}.tubelight-nav-icon svg{height:20px;margin-bottom:2px;width:20px}}.auth-text-mobile{display:none}.auth-text-desktop{display:inline-block}.admin-layout~.main-footer,.main-footer[data-admin-route=true],body:has(.admin-layout) .main-footer{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important}.main-footer{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);border-top:1px solid #ffffff1a;color:#cbd5e1;margin-top:4rem}.footer-container{margin:0 auto;max-width:1400px;padding:3rem 2rem 1.5rem}.footer-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:2rem}.footer-brand{align-items:flex-start;display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:.5px;margin-bottom:1rem;text-decoration:none;transition:transform .2s ease}.footer-logo:hover{transform:scale(1.02)}.footer-logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:40px;object-fit:contain;width:auto}.footer-logo-text{align-items:baseline;display:flex;gap:0;line-height:1}.footer-logo-solo{color:#22c55e;font-weight:700}.footer-logo-tech{color:#ef4444;font-weight:700}.footer-logo-reg{color:#fff;font-size:.7em;font-weight:400;margin-left:2px;position:relative;top:-4px;vertical-align:super}.footer-brand p{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{color:#94a3b8;transition:color .2s}.social-links a:hover{color:#22c55e}.footer-links h4{color:#fff;font-size:1.125rem;margin-bottom:1rem}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#22c55e}.footer-newsletter h4{color:#fff;font-size:1.125rem;margin-bottom:.5rem}.footer-newsletter p{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.newsletter-form{gap:.5rem}.newsletter-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;flex:1 1;font-size:.875rem;padding:.75rem;transition:all .2s}.newsletter-form input:focus{background:#ffffff26;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33;outline:none}.newsletter-form input::placeholder{color:#ffffff80}.newsletter-form button{align-items:center;background:#22c55e;border:none;border-radius:4px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem;transition:all .2s}.newsletter-form button:hover{background:#16a34a;box-shadow:0 6px 16px #22c55e66;transform:translateY(-1px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#94a3b8;font-size:.875rem;padding-top:1.5rem;text-align:center}.powered-by{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.jdx-logo{height:30px;object-fit:contain;opacity:.8;transition:opacity .2s ease;width:auto}.jdx-logo:hover{opacity:1}.powered-by p{color:#94a3b8;font-size:.75rem;margin:0}.powered-by a{color:#22c55e;text-decoration:none;transition:color .2s ease}.powered-by a:hover{color:#16a34a;text-decoration:underline}@media (max-width:1024px){.footer-section{gap:2rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer-section{gap:2rem;grid-template-columns:1fr}.footer-container{padding:2rem 1rem 1rem}.footer-logo{font-size:1.25rem;margin-bottom:.75rem}.footer-logo-image{height:32px}}.notification-container{position:relative}.notification-btn{border-radius:50%;color:#64748b;padding:8px;transition:all .2s}.notification-btn:hover{background-color:#f1f5f9;color:#0f172a}.notification-bell-icon{height:24px;width:24px}.notification-badge{align-items:center;border:2px solid #fff;border-radius:9px;display:flex;font-size:.75rem;height:18px;justify-content:center;padding:0 4px;right:0;top:0}.notification-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:360px;z-index:50}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.notification-header h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.mark-all-btn{background:none;border:none;border-radius:4px;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:500;padding:4px 8px}.mark-all-btn:hover{background-color:#eff6ff}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0fdf4}.notification-item.unread:hover{background-color:#dcfce7}.notification-icon-wrapper{align-items:center;background-color:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.notification-item.unread .notification-icon-wrapper{background-color:#fff}.notification-content{flex:1 1;min-width:0}.notification-title-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.notification-title{color:#0f172a;font-size:.9rem;font-weight:600}.notification-time{color:#64748b;font-size:.75rem;margin-left:8px;white-space:nowrap}.notification-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden}.notification-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s}.notification-item:hover .notification-actions{opacity:1}.action-btn{background:none;border:none;border-radius:4px;color:#94a3b8;padding:4px}.action-btn:hover{background-color:#e2e8f0;color:#475569}.read-btn:hover{background-color:#dcfce7;color:#22c55e}.delete-btn:hover{background-color:#fee2e2;color:#ef4444}.load-more-btn{background:none;border:none;border-top:1px solid #e2e8f0;color:#2563eb;font-weight:500;padding:12px}.load-more-btn:hover{background-color:#f8fafc}.load-more-btn:disabled{color:#94a3b8;cursor:not-allowed}.no-notifications{color:#64748b;padding:32px;text-align:center}.empty-icon{color:#cbd5e1;height:48px;margin-bottom:8px;width:48px}.spotlight-card{border-radius:var(--radius-xl);position:relative;transition:all .3s ease}.spotlight-card,.spotlight-card.product-card-wrapper{background:#0000;border:none;overflow:visible}.spotlight-card.category-card-wrapper{display:flex;flex-direction:column;min-width:0;width:100%}.spotlight-card-overlay{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-in-out}.glare-hover-container{cursor:pointer;overflow:hidden;position:relative}.glare-hover-overlay{inset:0;pointer-events:none;position:absolute}.product-card-reference{background:#0000;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;font-size:.75rem;height:100%;max-width:19rem;min-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.product-card-reference:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-top{aspect-ratio:1/.92;background:linear-gradient(180deg,#7c7a9d,#9b95c0);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-shrink:0;overflow:hidden;position:relative;width:100%}.product-card-top,.product-heart-btn{align-items:center;display:flex;justify-content:center;padding:0}.product-heart-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ef4444;border-radius:50%;box-shadow:0 2px 8px #0003;color:#ef4444;cursor:pointer;height:40px;position:absolute;right:8px;top:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}.product-heart-btn .heart-icon-svg,.product-heart-btn svg{stroke-width:2.5;flex-shrink:0;height:20px;width:20px}.product-heart-btn:hover{background:#fff;border-color:#dc2626;box-shadow:0 4px 12px #ef444466;color:#dc2626;transform:scale(1.1)}.product-heart-btn.active{background:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444466;color:#ef4444}.product-heart-btn.active .heart-icon-svg,.product-heart-btn.active svg{fill:#ef4444;color:#ef4444}.product-heart-btn.active:hover{background:#fff5f5;border-color:#dc2626;box-shadow:0 6px 16px #ef444480;color:#dc2626;transform:scale(1.1)}.product-heart-btn.active:hover .heart-icon-svg,.product-heart-btn.active:hover svg{fill:#dc2626;color:#dc2626}.product-heart-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.heart-icon-svg{height:40%;width:40%}.product-image-wrapper-ref{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;transform:none;width:100%}.product-img-ref{display:block;height:100%;object-fit:cover;width:100%}.product-card-bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000004d;flex:1 1;margin-top:-1.875em;overflow:visible;padding:1.3em;position:relative;z-index:10}.product-card-bottom,.product-card-link{display:flex;flex-direction:column;min-height:0}.product-card-link{color:inherit;flex:1 1;text-decoration:none}.product-name-ref{color:var(--text-main);font-size:1.5em;font-weight:700;line-height:1.3;margin:0 0 .5625em;overflow-wrap:break-word;word-break:break-word}.product-badges{display:flex;flex-wrap:wrap;gap:.375em;margin-bottom:.65625em}.product-badge{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--primary);font-size:.75em;font-weight:600;letter-spacing:.05em;padding:.234375em .5625em;text-transform:uppercase}.product-desc-ref{color:var(--text-muted);flex:1 1;font-size:.9375em;line-height:1.6;margin:0 0 1.125em;min-height:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.product-bottom-row{align-items:stretch;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;gap:.65625em;margin-top:auto;padding-top:.65625em;width:100%}.product-price-container{width:100%}.product-price-label{color:var(--text-muted);font-size:.6875em;font-weight:700;letter-spacing:.05em;margin:0 0 .140625em;text-transform:uppercase}.product-price-value{color:var(--text-main);font-size:1.125em;font-weight:800;line-height:1.2;margin:0;overflow-wrap:break-word;word-break:break-word}.product-rating-container{align-items:center;display:flex;gap:.5em;margin:.5em 0;width:100%}.product-rating-stars{align-items:center;display:flex;gap:.15em}.product-rating-stars svg{flex-shrink:0;height:14px;width:14px}.product-rating-text{color:var(--text-muted);font-size:.75em;font-weight:500}.product-add-cart-btn{background:var(--primary);border:none;border-radius:9999px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:.875em;font-weight:600;padding:.875em 1.5em;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.product-add-cart-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.product-add-cart-btn:focus{outline:2px solid var(--primary);outline-offset:2px}.product-add-cart-btn:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff80;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1400px){.product-card-reference{max-width:18rem}}@media (max-width:1200px){.product-card-reference{font-size:.7rem;max-width:16.5rem}.product-name-ref{font-size:1.375em}.product-price-value{font-size:1em}}@media (max-width:1024px){.product-card-reference{font-size:.65625rem;max-width:15rem}.product-card-bottom{margin-top:-1.5em;padding:1.125em}.product-name-ref{font-size:1.25em}.product-desc-ref{font-size:.875em}.product-price-value{font-size:.9375em}.product-add-cart-btn{font-size:.8125em;padding:.5625em .9375em}}@media (max-width:768px){.product-card-reference{font-size:.85rem;max-width:100%}.product-card-bottom{margin-top:-1.5em;padding:1.125em}.product-name-ref{font-size:1.35em}.product-desc-ref{font-size:.95em}.product-price-value{font-size:1.1em}.product-add-cart-btn{font-size:.9em;padding:.75em 1em}}@media (max-width:480px){.product-card-reference{font-size:.9rem}.product-heart-btn{height:2.5em;right:.75em;top:.75em;width:2.5em}.product-card-bottom{margin-top:-1.3125em;padding:1.25em}.product-name-ref{font-size:1.25em;margin-bottom:.5em}.product-desc-ref{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95em;margin-bottom:1em;overflow:hidden}.product-price-value{font-size:1.2em}.product-add-cart-btn{font-size:1em;padding:.875em}}.animated-list{display:flex;flex-direction:column;gap:1rem}.animated-list.products-grid{grid-gap:1.5rem;display:grid;flex-direction:row;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.animated-list.products-grid>.animated-list-item{height:100%}.animated-list-item{cursor:pointer}.animated-list-item-content{background:#fff;border-radius:8px;padding:1rem;transition:background-color .2s}.animated-list-item-content.selected{background-color:#f0fdf4}.animated-list-item-content p{color:#1e293b;margin:0}.cart-items.animated-list,.saved-items.animated-list{display:flex;flex-direction:column;gap:1rem}.orders-list.animated-list{display:flex;flex-direction:column;gap:1.5rem}.summary-items.animated-list{display:flex;flex-direction:column;gap:1rem}.reactbits-loader{align-items:center;display:flex;justify-content:center}.reactbits-loader-spinner{animation:reactbits-spin 1s linear infinite;border:3px solid #22c55e1a;border-radius:50%;border-top-color:#22c55e}.reactbits-loader-small .reactbits-loader-spinner{border-width:2px;height:24px;width:24px}.reactbits-loader-medium .reactbits-loader-spinner{border-width:3px;height:40px;width:40px}.reactbits-loader-large .reactbits-loader-spinner{border-width:4px;height:60px;width:60px}@keyframes reactbits-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);box-sizing:border-box;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.container{box-sizing:border-box}.categories-section .container,.container{max-width:1400px;padding:0 24px}.hero-section{align-items:center;background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;display:flex;margin:0;overflow:hidden}.hero-container,.hero-section{min-height:700px;padding:0;position:relative;width:100%}.hero-container{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:80px 60px 80px 24px;position:relative;z-index:10}.hero-left:before{background:radial-gradient(circle at center,#22c55e26 0,#0000 70%);content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.hero-right{position:relative}.hero-image-wrapper,.hero-right{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.hero-image-wrapper{display:block;left:0;position:absolute;right:0;top:0}@media (min-width:1401px){.hero-image-wrapper{right:calc(-50vw - -700px);width:calc(100% + 50vw - 700px)}}.hero-circuit-image{mask-image:linear-gradient(90deg,#0000,#000 30%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);opacity:.8}.hero-circuit-image,.hero-main-image{height:100%;object-fit:cover;object-position:center right;width:100%}.hero-main-image{border:none;box-sizing:border-box;display:block;margin:0;mask-image:linear-gradient(90deg,#0000,#000 25%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 25%);opacity:.9;outline:none;padding:0}.hero-glow{background:radial-gradient(circle at center,#22c55e33 0,#0000 70%);height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.highlight-text{-webkit-text-fill-color:#22c55e;color:#22c55e}.hero-subtitle{color:#94a3b8;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;max-width:540px}.hero-buttons{display:flex;gap:1.5rem}.btn{border-radius:9999px!important;font-size:1.125rem;gap:10px;justify-content:center;padding:16px 36px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-shop-now{background:#22c55e}.btn-shop-now:hover{background:#16a34a;box-shadow:0 8px 24px #22c55e66}.btn-view-catalog{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-view-catalog:hover{background:#fff3;transform:translateY(-2px)}.btn-primary{background:#22c55e;border-radius:9999px!important}.btn-primary:hover{background:#16a34a}.btn-outline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:9999px!important;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-lg{font-size:1.25rem;padding:18px 40px}.hero-stats{border-top:1px solid #ffffff1a;display:flex;gap:3rem;margin-top:4rem;padding-top:2rem}.stat-item{display:flex;flex-direction:column}.stat-number{color:#fff;font-size:1.5rem;font-weight:700}.stat-label{color:#94a3b8}.search-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;border-radius:0;box-shadow:none;margin-top:-150px;padding:1rem 0;position:-webkit-sticky;position:sticky;top:70px;z-index:90}.search-input{box-sizing:border-box}.search-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#ffffffb3!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:0!important;height:48px!important;justify-content:center!important;min-height:48px!important;padding:0!important;transition:all .2s!important;width:56px!important}.search-button svg{flex-shrink:0!important;height:24px!important;width:24px!important}.search-button:hover{background:#0000!important;box-shadow:none!important;color:#fff!important;transform:scale(1.05)!important}.search-button:active{transform:scale(.95)!important}.section-header-centered{margin-bottom:2rem;text-align:center}.section-title-centered{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.section-subtitle-centered{color:#94a3b8;font-size:1rem}.categories-section{background:#0000;overflow-x:hidden;padding:2rem 0;width:100%}@media (min-width:769px){.categories-section{padding:6rem 0 2rem}}.categories-section .container{margin:0 auto!important;max-width:1400px!important;padding:0 24px!important;width:100%!important}.categories-grid{display:flex!important;flex-wrap:wrap!important;gap:.75rem!important;justify-content:center!important;max-width:100%!important;width:100%!important}.categories-grid .category-card-wrapper{display:flex;flex:0 0 auto!important;flex-direction:column;min-width:0;width:calc(25% - .5625rem)!important}.categories-section .category-card-wrapper{background:#0000!important;border:none!important}.categories-section .category-card-wrapper .spotlight-card-overlay{border-radius:16px}@media (max-width:1200px){.categories-grid{gap:.625rem!important}}@media (max-width:1024px){.categories-grid{gap:.75rem!important}.categories-grid .category-card-wrapper{width:calc(33.33333% - .5rem)!important}}@media (max-width:768px){.categories-grid .category-card-wrapper{width:calc(50% - .375rem)!important}}@media (max-width:480px){.categories-grid .category-card-wrapper{width:100%!important}}.categories-section .category-icon-section{overflow:hidden;position:relative}.categories-section .category-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.best-sellers-section{background:#0000;padding:3rem 0}.best-sellers-section .section-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem;padding-bottom:1.5rem;position:relative;text-align:center}.best-sellers-section .section-header>div{align-items:center;display:flex;flex-direction:column;width:100%}.best-sellers-section .section-header .section-subtitle{margin:0!important;text-align:center!important;width:100%}.best-sellers-section .section-header .view-all-link{position:absolute;right:0;top:0}.best-sellers-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important;text-shadow:0 2px 4px #0000004d!important;text-transform:uppercase!important}.best-sellers-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin:0!important}.section-header{align-items:flex-end;margin-bottom:3rem;padding-bottom:1.5rem}.section-title{font-size:2.25rem}.section-subtitle{font-size:1rem;margin:0}.view-all-link{align-items:center;display:flex;font-weight:600;gap:4px;transition:gap .2s}.view-all-link:hover{gap:8px}.features-section{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;padding:6rem 0}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:2rem;text-align:center;transition:transform .3s}.feature-item:hover{background:#ffffff0d;transform:translateY(-5px)}.feature-icon{border-radius:16px;font-size:1.5rem;height:64px;margin:0 auto 1.5rem;width:64px}.feature-icon.green{background:#22c55e1a;color:#22c55e}.feature-icon.blue{background:#3b82f61a;color:#3b82f6}.feature-icon.yellow{background:#fbbf241a;color:#fbbf24}.feature-item h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-item p{color:#94a3b8}.testimonials-section{background:#0000;padding:6rem 0}.testimonials-section .section-header{align-items:center!important;border-bottom:none!important;display:flex!important;flex-direction:column!important;gap:1rem!important;justify-content:center!important;margin-bottom:3rem!important;padding-bottom:0!important;text-align:center!important}.testimonials-section .section-header>div{display:flex;justify-content:center;width:100%}.testimonials-section .section-header h2.section-title,.testimonials-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important;text-shadow:0 2px 4px #0000004d!important;text-transform:uppercase!important}.testimonials-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin:0!important}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.testimonial-card-wrapper{background:#0000!important;border:none!important;height:100%}.testimonial-card-wrapper .spotlight-card-overlay{border-radius:16px}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33;transform:translateY(-4px)}.testimonial-rating{color:#fbbf24;display:flex;gap:4px;margin-bottom:1.25rem}.testimonial-text{color:#fff;flex:1 1;font-size:1.0625rem;font-style:italic;line-height:1.7;margin-bottom:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem;margin-top:auto}.author-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.author-info{flex:1 1}.author-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.author-role{color:#94a3b8;font-size:.875rem}.our-story-section{background:#0000;padding:6rem 0}.our-story-content{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.our-story-text{display:flex;flex-direction:column;gap:1.5rem}.our-story-text h2{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.our-story-text p{color:#94a3b8;font-size:1.125rem;line-height:1.8}.story-image-wrapper{border-radius:24px;box-shadow:0 25px 50px -12px #0000004d}.story-image{height:500px}.excellence-badge{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);border:1px solid #22c55e33;border-radius:16px;box-shadow:0 10px 15px -3px #0000004d;color:#fff;padding:2rem}.badge-number{color:#22c55e}.badge-text{color:#94a3b8}.contact-section{background:#0000;padding:6rem 0}.contact-section .section-title{font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important;text-transform:uppercase!important}.contact-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin:0!important}.contact-content{grid-gap:4rem;gap:4rem;grid-template-columns:1fr 1fr}.contact-info h2{color:#fff;font-size:2rem;font-weight:800;margin-bottom:1rem}.contact-info .contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:1.5rem;padding:2rem;transition:all .3s}.contact-info .contact-item:hover{border-color:#22c55e4d;box-shadow:0 10px 25px #0003;transform:translateY(-4px)}.contact-info .contact-item h3{color:#fff;margin-bottom:.5rem}.contact-info .contact-item p{color:#94a3b8}.contact-form-container{background:#0000;border-radius:24px;box-shadow:none;padding:1.25rem}.home-page .contact-section .contact-form-container .form-group input,.home-page .contact-section .contact-form-container .form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99!important;background-color:#1e293b99!important;border:1px solid #fff3!important;border-radius:12px;color:#fff!important;padding:16px}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group textarea:focus{background:#1e293bcc;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;color:#fff;outline:none}.newsletter-section{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;overflow:hidden;padding:6rem 0;position:relative;text-align:center}.newsletter-section:before{background:radial-gradient(circle at center,#22c55e1a 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.newsletter-title{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.newsletter-subtitle{color:#94a3b8;font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.newsletter-form-wrapper{margin:3rem auto 0;max-width:500px}.newsletter-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:8px}.newsletter-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1rem;padding:12px 16px}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none}.btn-primary{border-radius:12px;font-size:1rem;padding:12px 28px}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}@media (max-width:1024px){.hero-container,.hero-section{min-height:600px}.hero-container{grid-template-columns:1fr;padding:0 24px}.hero-left{align-items:center;padding:60px 40px;text-align:center}.hero-title{font-size:3rem}.hero-subtitle{margin-left:auto;margin-right:auto;max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-stats{gap:2rem}.hero-right{display:none}.hero-image-wrapper{height:100%;left:0;opacity:.15;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.hero-circuit-image,.hero-main-image{mask-image:none;-webkit-mask-image:none;object-fit:cover;object-position:center}.contact-content,.our-story-content{gap:3rem;grid-template-columns:1fr}}@media (max-width:767px){.hero-section,.home-page{overflow-x:hidden;width:100%}.hero-section{min-height:500px;padding:2rem 0;position:relative}.hero-container{box-sizing:border-box;grid-template-columns:1fr;max-width:100%;min-height:500px;padding:80px 1rem 0;text-align:center;width:100%}.hero-left{align-items:center;padding:2rem 1rem;text-align:center;z-index:10}.hero-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:.9375rem;margin-bottom:2rem;max-width:100%;padding:0 1rem}.hero-buttons{align-items:stretch;flex-direction:column;gap:.75rem;padding:0 1rem;width:100%}.btn{font-size:1rem;padding:14px 24px;width:100%}.hero-stats{flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.hero-stats,.stat-item{align-items:center}.hero-right{display:block!important;position:absolute!important}.hero-image-wrapper,.hero-right{height:100%;left:0;top:0;width:100%;z-index:0}.hero-image-wrapper{filter:blur(8px);-webkit-filter:blur(8px);opacity:.3;overflow:hidden;position:absolute}.hero-main-image{height:100%;width:100%}.hero-circuit-image,.hero-main-image{object-fit:cover;object-position:center}.hero-circuit-image{mask-image:none;-webkit-mask-image:none}.hero-glow{display:none}.search-section{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-bottom:none!important;border-radius:0!important;box-shadow:none!important;left:0!important;margin-top:-60px!important;padding:0 1rem!important;right:0!important}.search-form,.search-section{position:-webkit-sticky!important;position:sticky!important;top:60px!important;z-index:90!important}.search-form{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293bcc!important;border:1px solid #ffffff1a!important;border-radius:50px!important;box-shadow:0 2px 12px #0000004d!important;flex-direction:row!important;gap:0!important;margin-top:-40px!important;max-width:100%!important;overflow:hidden!important;padding:0!important;transition:all .3s ease!important}.search-form:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e4d,0 2px 12px #0000004d!important}.search-input{background:#0000!important;border:none!important;border-radius:50px!important;color:#fff!important;flex:1 1!important;font-size:.9375rem!important;min-height:48px!important;padding:12px 20px!important;width:auto!important}.search-input::placeholder{color:#ffffff80!important}.search-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:0!important;height:48px!important;justify-content:center!important;min-height:48px!important;padding:0!important;width:56px!important}.search-button svg{color:#ffffffb3!important;height:24px!important;margin:0!important;width:24px!important}.categories-section{overflow-x:hidden;padding:2rem 0;width:100%}.categories-section .container{max-width:100%!important;padding:0 1rem!important;width:100%!important}.categories-grid{box-sizing:border-box;gap:1rem!important;grid-template-columns:1fr!important;padding:0 1rem;width:100%}.categories-grid .category-card-wrapper{width:100%}.best-sellers-section{overflow-x:hidden;padding:3rem 0;width:100%}.best-sellers-section .container{max-width:100%;padding:0 1rem;width:100%}.best-sellers-section .section-header{align-items:center;flex-direction:column;gap:1rem;position:relative;text-align:center}.best-sellers-section .section-title{font-size:1.75rem!important}.best-sellers-section .view-all-link{margin-top:.5rem;position:static!important}.features-section{overflow-x:hidden;padding:3rem 0;width:100%}.features-section .container{max-width:100%;padding:0 1rem;width:100%}.features-grid{box-sizing:border-box;gap:1.5rem;grid-template-columns:1fr;padding:0 1rem;width:100%}.feature-item{padding:1.5rem}.testimonials-section{overflow-x:hidden;padding:3rem 0;width:100%}.testimonials-section .container{max-width:100%;padding:0 1rem;width:100%}.testimonials-grid{box-sizing:border-box;gap:1.5rem;grid-template-columns:1fr;padding:0 1rem;width:100%}.testimonial-card{padding:1.5rem}.our-story-section{overflow-x:hidden;padding:3rem 0;width:100%}.our-story-section .container{max-width:100%;padding:0 1rem;width:100%}.our-story-content{box-sizing:border-box;gap:2rem;grid-template-columns:1fr;padding:0 1rem;width:100%}.story-image{height:250px}.newsletter-section{padding:3rem 1rem}.newsletter-title{font-size:2rem}.newsletter-subtitle{font-size:1rem;padding:0 1rem}.newsletter-form{flex-direction:column;gap:.75rem}.newsletter-input{font-size:1rem;padding:14px 16px;width:100%}.btn-primary{padding:14px 24px;width:100%}}.categories-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b)!important;color:#fff;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0!important;width:100%}.breadcrumbs{color:#94a3b8;font-weight:500;margin-bottom:2rem}.breadcrumbs a{transition:color .2s ease}.breadcrumbs span{color:#94a3b8;margin:0 .5rem}.categories-main-section{margin:0;padding:0;width:100%}.categories-content{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:2rem 24px}.categories-header{margin-bottom:3rem;text-align:center}.categories-header h1{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.75rem}.categories-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:500;line-height:1.6;margin:0}.empty-state,.loading-container{background:#0000!important;color:#94a3b8;padding:4rem 2rem;text-align:center}.empty-state p,.loading-container p{color:#94a3b8;font-size:1rem;margin-top:1rem}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.category-card-wrapper{background:#0000!important;border:none!important}.category-card-wrapper .spotlight-card-overlay{border-radius:var(--radius-xl)}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47f2;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{border-color:#22c55e4d;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.category-icon-wrapper{height:100%;width:100%}.category-icon-section{border-radius:var(--radius-xl) var(--radius-xl) 0 0;min-height:160px;overflow:hidden;padding:2.5rem 2rem}.category-icon,.category-icon-section{align-items:center;display:flex;justify-content:center;position:relative}.category-icon{height:64px;width:64px;z-index:1}.category-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.category-content{background:#1a2f47f2;color:#fff;display:flex;flex:1 1;flex-direction:column;padding:1.5rem;text-shadow:0 1px 1px #00000073,0 0 1px #00000059}.category-name{color:#fff!important;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem;opacity:1;text-shadow:0 2px 4px #00000080}.category-description{color:#fff!important;flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.6;margin:0 0 1rem;opacity:1}.category-content button,.category-content h3,.category-content p{color:#fff!important}.category-browse-btn{align-items:center;background:#22c55e;border:none;border-radius:9999px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-top:auto;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.category-browse-btn:hover{background:#16a34a;box-shadow:0 8px 24px #22c55e66;transform:translateX(4px)}.category-browse-btn svg{transition:transform .2s ease}.category-browse-btn:hover svg{transform:translateX(2px)}@media (max-width:1023px) and (min-width:768px){.categories-content{padding:2rem 1.5rem}.categories-header h1{font-size:2rem;margin-bottom:.625rem}.categories-subtitle{font-size:1.0625rem;padding:0 .5rem}.breadcrumbs{font-size:.8125rem;margin-bottom:1.5rem}.categories-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.category-icon-section{min-height:140px;padding:2rem 1.5rem}.category-icon{height:60px;width:60px}.category-content{padding:1.375rem}.category-name{font-size:1.1875rem}.category-description{font-size:.9375rem}.category-browse-btn{font-size:.9375rem;padding:.8125rem 1.125rem}}@media (max-width:767px){.categories-content{padding:1.5rem 1rem}.breadcrumbs{font-size:.8125rem;margin-bottom:1.5rem}.breadcrumbs span{margin:0 .375rem}.categories-header{margin-bottom:2rem}.categories-header h1{font-size:1.75rem;line-height:1.3;margin-bottom:.5rem}.categories-subtitle{font-size:1rem;line-height:1.5;padding:0 .5rem}.categories-grid{gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}.category-card{min-height:auto}.category-icon-section{min-height:120px;padding:1.5rem 1rem}.category-icon{height:56px;width:56px}.category-content{padding:1.25rem}.category-name{font-size:1.125rem;margin-bottom:.5rem}.category-description{font-size:.875rem;line-height:1.5;margin-bottom:.875rem}.category-browse-btn{font-size:.9375rem;justify-content:center;min-height:44px;padding:.875rem 1rem;width:100%}}@media (max-width:479px){.categories-content{padding:1.25rem .875rem}.breadcrumbs{font-size:.75rem;margin-bottom:1.25rem}.categories-header{margin-bottom:1.5rem}.categories-header h1{font-size:1.5rem}.categories-subtitle{font-size:.9375rem;padding:0 .25rem}.categories-grid{gap:1rem}.category-icon-section{min-height:100px;padding:1.25rem .875rem}.category-icon{height:48px;width:48px}.category-icon svg{height:40px;width:40px}.category-content{padding:1rem}.category-name{font-size:1.0625rem}.category-description{font-size:.8125rem}.category-browse-btn{font-size:.875rem;padding:.8125rem .875rem}}@media (min-width:1200px){.categories-content{padding:3rem 24px}.categories-grid{gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.admin-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:calc(100vh - 75px);isolation:isolate;left:0;overflow-x:visible;overflow-y:auto;padding-right:0;position:fixed;top:75px;transition:width .3s ease;width:260px;z-index:2100}.admin-sidebar.collapsed{overflow-x:visible;width:80px}.sidebar-toggle-btn{align-items:center;background-color:#fff;border:2px solid #d1d5db;border-radius:50%;box-shadow:0 2px 8px #00000026,0 0 0 2px #fffc;cursor:pointer;display:flex;height:36px;justify-content:center;left:240px;left:calc(var(--sidebar-width, 260px) - 20px);margin:0;padding:0;position:fixed;top:95px;transition:all .3s ease;width:36px;z-index:2101}.sidebar-toggle-btn:hover{background-color:#f9fafb;border-color:#16a34a;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.admin-sidebar.collapsed .sidebar-toggle-btn{left:60px;left:calc(var(--sidebar-width, 80px) - 20px)}.toggle-icon{stroke-width:2.5;color:#374151;height:18px;transition:color .2s;width:18px}.sidebar-toggle-btn:hover .toggle-icon{color:#16a34a}.admin-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.admin-sidebar-logo-link{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;letter-spacing:.5px;text-decoration:none}.admin-sidebar-logo-image{height:40px;object-fit:contain;width:auto}.admin-sidebar-logo-text{align-items:baseline;display:flex;gap:0;line-height:1}.admin-sidebar-logo-solo{color:#22c55e;font-weight:700}.admin-sidebar-logo-tech{color:#ef4444;font-weight:700}.admin-sidebar-logo-reg{color:#000;font-size:.7em;font-weight:400;margin-left:2px;position:relative;top:-4px;vertical-align:super}.admin-sidebar-nav{flex:1 1;padding:16px 0}.admin-nav-item{align-items:center;border-left:3px solid #0000;color:#4b5563;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s;white-space:nowrap}.admin-sidebar.collapsed .admin-nav-item{padding:12px}.admin-nav-item:hover{background-color:#f9fafb;color:#1f2937}.admin-nav-item.active{background-color:#f0fdf4;border-left-color:#22c55e;color:#22c55e;font-weight:600}.nav-icon{color:inherit;flex-shrink:0;height:20px;width:20px}.admin-sidebar.collapsed .admin-nav-item span{display:none}.admin-sidebar.collapsed .admin-nav-item{justify-content:center}.admin-nav-section{display:flex;flex-direction:column}.admin-submenu{border-left:2px solid #e5e7eb;margin-left:44px;margin-top:4px;padding-left:12px}.admin-sidebar.collapsed .admin-submenu{display:none}.admin-submenu-item{border-radius:6px;color:#6b7280;display:block;font-size:14px;margin-bottom:4px;padding:8px 16px;text-decoration:none;transition:all .2s}.admin-submenu-item:hover{background-color:#f9fafb;color:#22c55e}.admin-submenu-item.active{background-color:#f0fdf4;color:#22c55e;font-weight:600}.admin-sidebar-quick-actions{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:20px}.admin-sidebar.collapsed .admin-sidebar-quick-actions{display:none}.quick-actions-title{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.quick-action-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:6px;padding:10px 16px;text-decoration:none;transition:all .2s;white-space:nowrap;width:100%}.quick-action-btn:hover{background-color:#f9fafb;color:#22c55e}.admin-sidebar-footer{border-top:1px solid #e5e7eb;padding:16px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background-color:#fef2f2;color:#dc2626}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-layout{background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh;overflow-x:visible;position:relative;width:100%;z-index:10}.admin-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;gap:10px;isolation:isolate;justify-content:space-between;left:0;min-height:31px;padding:4px 16px;position:fixed;right:0;top:0;width:100%;z-index:2100}.admin-body-container{margin-top:31px;overflow-x:visible;width:100%}.admin-body-container,.admin-main-content{display:flex;flex:1 1;min-height:calc(100vh - 31px)}.admin-main-content{flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width,260px);transition:margin-left .3s ease,width .3s ease;width:calc(100% - 260px);width:calc(100% - var(--sidebar-width, 260px))}.admin-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.admin-header-custom-actions{align-items:center;display:flex;gap:.75rem;margin-right:1.5rem}.admin-page-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 0 1.5rem;padding:0}.admin-logo{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;letter-spacing:.5px;text-decoration:none}.admin-logo-image{height:25px;object-fit:contain;width:auto}.admin-logo-text{align-items:baseline;display:flex;gap:0;line-height:1}.admin-logo-solo{color:#22c55e;font-weight:700}.admin-logo-tech{color:#ef4444;font-weight:700}.admin-logo-reg{color:#000;font-size:.7em;font-weight:400;margin-left:2px;position:relative;top:-4px;vertical-align:super}.admin-top-nav{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.admin-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end}.admin-nav-link{border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s}.admin-nav-link:hover{background-color:#f9fafb;color:#111827}.admin-nav-link.active{background-color:#f0fdf4;color:#16a34a}.admin-nav-link.active:after{background-color:#16a34a;bottom:-16px;content:"";height:2px;left:0;position:absolute;right:0}.admin-user-menu{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto;z-index:2}.notification-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:background-color .2s}.notification-icon{color:#6b7280;height:16px;width:16px}.notification-btn:hover{background-color:#f9fafb}.notification-badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.user-menu-container{position:relative}.user-avatar-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:3px 6px;transition:background-color .2s}.user-avatar-btn:hover{background-color:#f9fafb}.user-avatar-img{object-fit:cover}.user-avatar-img,.user-avatar-initials{border-radius:50%;height:24px;width:24px}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);display:flex;font-size:14px;justify-content:center}.user-name{color:#111827;font-size:14px;font-weight:500}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-dropdown-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.user-dropdown-item:hover{background-color:#f9fafb}.user-dropdown-item.logout-item{border-top:1px solid #e5e7eb;color:#ef4444}.user-dropdown-item.logout-item:hover{background-color:#fef2f2}.admin-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px;z-index:2}.unsaved-changes-badge{background-color:#fef3c7;border-radius:6px;color:#92400e;font-size:13px;font-weight:500;padding:6px 12px}.admin-header-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex!important;font-size:14px;font-weight:500;gap:8px;height:auto!important;justify-content:center;overflow:visible!important;padding:10px 20px;transition:all .2s;white-space:nowrap;width:auto!important}.admin-header-btn *{display:inline-block!important;opacity:1!important;visibility:visible!important}.discard-btn{background-color:#fff;border:1px solid #e5e7eb;color:#4b5563!important}.discard-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:#4b5563!important}.save-btn{background-color:#22c55e!important;color:#fff!important}.save-btn,.save-btn *{color:#fff!important;opacity:1!important;visibility:visible!important}.save-btn:hover{background-color:#16a34a!important;color:#fff!important}.save-btn:hover *{color:#fff!important}.btn-icon,.save-btn:hover *{opacity:1!important;visibility:visible!important}.btn-icon{flex-shrink:0;line-height:1}.btn-icon,.btn-text{display:inline-block!important}.btn-text{color:inherit!important;font-weight:500;line-height:1.5;opacity:1!important;visibility:visible!important}.admin-content{flex:1 1;overflow-y:auto;padding:14px}.modal-content{color:#1f2937!important;max-width:800px}.modal-close-btn{border-radius:4px;font-size:2rem}.modal-body,.modal-body div:not(.detail-label):not(.role-badge):not(.status-badge),.modal-body p,.modal-body span:not(.detail-label):not(.role-badge):not(.status-badge):not(.default-badge){color:#1f2937!important}.detail-section{margin-bottom:2rem}.detail-section h3{border-bottom:2px solid #e5e7eb;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{flex-direction:column;gap:.25rem}.detail-label{color:#6b7280}.detail-value{font-weight:500}.address-card,.detail-value,.modal-body p,.modal-body span:not(.detail-label):not(.role-badge):not(.status-badge){color:#1f2937!important}.address-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.address-card p,.address-card strong{color:#1f2937!important}.default-badge{background:#22c55e;border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.user-edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{-webkit-text-fill-color:#1f2937!important;background-color:#fff!important;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-size:.9375rem;padding:.75rem;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{-webkit-text-fill-color:#9ca3af!important;color:#9ca3af!important;opacity:1}.form-group input:focus,.form-group select:focus{-webkit-text-fill-color:#1f2937!important;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-group input:focus,.form-group select option,.form-group select:focus{background-color:#fff!important;color:#1f2937!important}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text]{-webkit-text-fill-color:#1f2937!important;background-color:#fff!important;color:#1f2937!important}.form-group input[type=email]:not(:placeholder-shown),.form-group input[type=tel]:not(:placeholder-shown),.form-group input[type=text]:not(:placeholder-shown){-webkit-text-fill-color:#1f2937!important;color:#1f2937!important}.form-actions{gap:1rem;margin-top:1rem}.btn-cancel,.btn-close,.btn-save{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:#22c55e}.btn-save:hover{background:#16a34a}.btn-close{background:#22c55e;color:#fff}.btn-close:hover{background:#16a34a}.modal-actions{margin-top:2rem;padding-top:1.5rem}.role-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge,.status-badge{padding:.25rem .75rem}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);transition:transform .3s}.admin-sidebar.open{transform:translateX(0)}.admin-main-content{margin-left:0}}.dashboard-page{background:#f9fafb;min-height:100vh;padding:1.2rem}.loading-state{gap:1rem;min-height:400px}.loading-state p{font-size:.875rem}.card-content h3,.card-value,.loading-state p{color:#000!important}.charts-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;margin-bottom:1.2rem}.chart-card{border-radius:8px;padding:1.2rem}.chart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.chart-title{color:#000!important;font-size:1.1rem;font-weight:600;margin:0}.chart-period-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#000!important;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.chart-period-select:hover{border-color:#22c55e}.chart-container{height:300px;width:100%}.bottom-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:.6fr 1.4fr}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.2rem}.section-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:.75rem}.section-title{color:#000!important;font-size:1.1rem}.view-all-link{color:#22c55e;font-size:.875rem;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#16a34a;text-decoration:underline}.inventory-section{min-height:300px}.inventory-status-list{display:flex;flex-direction:column;gap:.75rem}.inventory-status-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.status-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.status-icon svg{height:20px;width:20px}.status-content{flex:1 1;min-width:0}.status-label{color:#000!important;font-size:.75rem;line-height:1.2;margin-bottom:.2rem}.status-value{color:#000!important;font-size:1.25rem;font-weight:700}.orders-section{min-height:300px}.orders-table-container{border:1px solid #e5e7eb;border-radius:6px;overflow-x:auto}.orders-table{background:#fff;border-collapse:collapse}.orders-table thead{background:#f9fafb}.orders-table th{color:#000!important;font-size:.75rem;padding:.875rem 1rem}.orders-table th:first-child{padding-left:1.25rem}.orders-table th:last-child{padding-right:1.25rem}.orders-table td{color:#000!important;font-size:.875rem;padding:1rem}.orders-table td:first-child{padding-left:1.25rem}.orders-table td:last-child{padding-right:1.25rem}.order-row{background:#fff;cursor:pointer;transition:all .2s}.order-row:hover{background-color:#f9fafb;transform:translateX(2px)}.order-number{color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem}.customer-name{color:#000!important;font-size:.875rem}.product-name{color:#6b7280;max-width:200px}.order-amount{color:#1f2937;font-size:.875rem;font-weight:600}.order-date{color:#6b7280;font-size:.8125rem;white-space:nowrap}.status-processing{background:#e0e7ff;color:#6366f1}.status-shipped{background:#ddd6fe;color:#7c3aed}.empty-chart{align-items:center;color:#6b7280;display:flex;font-size:.875rem;height:300px;justify-content:center}@media (max-width:1200px){.summary-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.bottom-row,.charts-row{grid-template-columns:1fr}.bottom-row .inventory-section{min-height:auto}}@media (max-width:768px){.dashboard-page{padding:.9rem}.summary-cards-row{grid-template-columns:1fr}.summary-card{padding:1rem}.card-value{font-size:1.25rem}.chart-container{height:250px}.orders-table{font-size:.8125rem}.orders-table td,.orders-table th{padding:.5rem}}@media (max-width:480px){.dashboard-page{padding:.6rem}.dashboard-section{padding:.9rem}.card-value{font-size:1.1rem}.orders-table{font-size:.75rem}.product-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.analytics-page{background:#f9fafb;min-height:100vh;padding:1.2rem}.summary-cards{grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{border-radius:6px;gap:.6rem;padding:.9rem}.summary-card.clickable-card{cursor:pointer}.summary-card.clickable-card:hover,.summary-card:not(.clickable-card):hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-icon{height:40px;width:40px}.card-icon svg{height:20px;width:20px}.card-content h3{font-size:.75rem;font-weight:600;margin:0 0 .3rem}.card-value-wrapper{gap:.5rem}.card-value{font-size:1.2rem}.card-change{font-size:.75rem}.analytics-top-section{grid-gap:.9rem;align-items:start;display:grid;gap:.9rem;grid-template-columns:1.2fr 1fr;margin-bottom:1.2rem}.analytics-charts-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-rows:auto 1fr;height:100%}.analytics-bottom-charts{grid-gap:.9rem;align-items:start;display:grid;gap:.9rem;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;min-height:220px;overflow:visible;padding:.9rem}.chart-card.growth-chart{min-height:auto;padding:.7rem}.chart-card h2{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .6rem}.chart-card .recharts-wrapper{margin:0 auto;overflow:visible}.chart-card .recharts-surface{overflow:visible}.chart-card .recharts-legend-wrapper{font-size:12px!important;margin-top:.5rem;padding:.5rem 0}.chart-card .recharts-legend-item{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:.5rem!important;margin-left:0!important;margin-right:0!important}.chart-card .recharts-legend-item-text{color:#374151!important;font-size:12px!important;margin-left:.5rem!important}.chart-card .recharts-responsive-container{overflow:visible}.user-management-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:.84rem}.section-header{margin-bottom:.7rem}.section-header h2.section-title{color:#1f2937;display:inline-block;font-size:.77rem;font-weight:700;margin:0;padding:0}.section-subtitle{color:#6b7280;font-size:.8rem;margin:.3rem 0 0}.search-bar-container{align-items:center;display:flex;gap:.525rem;margin-bottom:.84rem}.search-input-wrapper{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;display:flex;flex:1 1;gap:.35rem;height:28px;padding:.42rem .63rem;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.search-icon{color:#9ca3af;flex-shrink:0;height:11.2px;width:11.2px}.search-input{color:#1f2937;font-size:.6125rem;height:100%;outline:none;padding:0}.search-input::placeholder{color:#9ca3af}.search-button{align-items:center;background:#22c55e;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.6125rem;font-weight:500;gap:.35rem;height:28px;padding:.42rem .84rem;transition:background-color .2s;white-space:nowrap}.search-button:hover{background:#16a34a}.search-button svg{stroke:#fff;height:11.2px;width:11.2px}.users-list{display:flex;flex-direction:column;gap:.525rem;margin-bottom:.7rem}.user-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.35rem;padding:.7rem .84rem;transition:box-shadow .2s,border-color .2s}.user-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.user-card-left{align-items:center;display:flex;flex:1 1;gap:.7rem;min-width:0}.user-info{display:flex;flex:1 1;flex-direction:column;gap:.21rem;min-width:0}.user-name{font-size:.8rem}.user-email,.user-id,.user-name{line-height:1.4}.user-id{color:#9ca3af;font-size:.525rem;font-weight:500}.user-meta-left{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.28rem}.user-meta-left .user-orders{color:#6b7280;font-size:.595rem;font-weight:500}.user-card-right{flex-shrink:0;gap:.42rem}.user-actions,.user-card-right{align-items:center;display:flex}.user-actions{gap:.35rem}.user-avatar,.user-avatar-initials{border:1.4px solid #f3f4f6;height:39.2px;width:39.2px}.user-avatar-initials{font-size:.77rem}.status-badge{border-radius:8.4px;font-size:.49rem;letter-spacing:.02em;padding:.245rem .56rem}.status-badge.inactive{background:#fef3c7;color:#92400e}.action-btn-primary{align-items:center;background:#22c55e;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.45rem .8rem;transition:background-color .2s;white-space:nowrap}.action-btn-primary:hover{background:#16a34a}.action-btn-primary svg{height:12px;width:12px}.action-btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.45rem .8rem;transition:all .2s;white-space:nowrap}.action-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.action-btn-secondary svg{height:12px;width:12px}.action-menu-container{display:inline-block;position:relative}.action-menu-trigger{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.35rem .45rem;transition:all .2s}.action-menu-trigger:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.action-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:.25rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.action-menu-item{background:#fff;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:block;font-size:.8125rem;font-weight:500;padding:.625rem .875rem;text-align:left;transition:background-color .15s;width:100%}.action-menu-item:last-child{border-bottom:none}.action-menu-item:hover{background:#f9fafb}.action-menu-item.view-item:hover{background:#eff6ff;color:#2563eb}.action-menu-item.email-item:hover{background:#f0fdf4;color:#16a34a}.action-menu-item.suspend-item:hover{background:#fef2f2;color:#dc2626}.action-menu-item.reset-item:hover{background:#fef3c7;color:#d97706}.action-menu-item.orders-item:hover{background:#f3e8ff;color:#7c3aed}.admin-actions-footer{align-items:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:4.2px;display:flex;gap:.42rem;margin-top:.7rem;padding:.525rem .7rem}.info-icon{color:#22c55e;height:11.2px;width:11.2px}.admin-actions-footer span{color:#065f46;font-size:.525rem;line-height:1.4}.empty-state,.loading-state{border-radius:6px;padding:2.4rem 1.2rem}.spinner{border:2px solid #f1f5f9;height:24px;margin:0 auto .6rem;width:24px}.pagination{gap:.7rem;margin-top:1.05rem}.pagination-btn{border-radius:4.2px;padding:.35rem .7rem}.pagination-btn,.pagination-info{font-size:.6125rem}@media (max-width:1024px){.analytics-top-section{grid-template-columns:1fr}.analytics-charts-grid{grid-template-rows:auto}.analytics-bottom-charts{grid-template-columns:1fr}}@media (max-width:768px){.analytics-page{padding:1rem}.summary-cards{grid-template-columns:1fr}.section-header{align-items:stretch}.search-bar-wrapper,.section-header{flex-direction:column}.search-button{justify-content:center;width:100%}.user-card{align-items:flex-start;flex-direction:column;gap:1rem}.user-card-right{justify-content:space-between;width:100%}.user-actions{flex-wrap:wrap}.action-btn-primary,.action-btn-secondary{flex:1 1;min-width:120px}}.products-page{background:#f9fafb;padding:1.2rem;position:relative;z-index:1}.filter-row{grid-template-columns:2fr 1fr 1fr}.products-table{border-collapse:initial;border-spacing:0;table-layout:fixed}.products-table th{padding:.75rem 1rem}.products-table th:first-child{max-width:50px;min-width:50px;padding:.75rem .5rem .75rem 1rem;width:50px}.products-table th:nth-child(2){min-width:300px;width:35%}.products-table th:nth-child(3){min-width:100px;width:12%}.products-table th:nth-child(4){min-width:120px;width:15%}.products-table th:nth-child(5){min-width:100px;width:12%}.products-table th:nth-child(6){min-width:80px;width:10%}.products-table th:nth-child(7){min-width:120px;text-align:center;width:16%}.products-table td{padding:.75rem 1rem}.products-table td:first-child{max-width:50px;min-width:50px;padding:.75rem .5rem .75rem 1rem;text-align:center;width:50px}.products-table tbody tr{height:72px;transition:all .2s ease}.product-cell{gap:.875rem}.product-thumbnail{background:#f9fafb}.product-thumbnail,.product-thumbnail-placeholder{border-radius:8px;height:48px;width:48px}.placeholder-icon{color:#9ca3af}.product-info{flex:1 1;gap:.25rem;min-width:0}.product-name{font-size:.875rem}.product-description,.product-name{line-height:1.4;overflow:hidden;text-overflow:ellipsis}.brand-cell{color:#374151;font-weight:500}.brand-cell,.category-cell{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-cell{color:#6b7280}.price-cell{color:#22c55e;font-size:.8125rem;font-weight:600;white-space:nowrap}.stock-cell{color:#374151;font-size:.8125rem;font-weight:500;text-align:center}.pagination{margin-top:1.5rem}.pagination-btn{padding:0 .75rem}.pagination-btn.active{background-color:#22c55e}@media (max-width:1024px){.products-table th:nth-child(2){min-width:250px;width:30%}.products-table th:nth-child(3),.products-table th:nth-child(4){min-width:100px;width:15%}}@media (max-width:768px){.products-page{padding:1rem}.filter-row{gap:1rem;grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.products-table{min-width:800px}}.product-form-page{background:#f9fafb;min-height:100vh;padding:0}.product-form-page *{color:inherit}.tabs-nav{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;gap:.5rem;padding:0 1rem;position:-webkit-sticky;position:sticky;top:31px;z-index:100}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:-1px;padding:.75rem 1rem;position:relative;transition:all .2s}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{border-bottom-color:#22c55e;color:#22c55e;font-weight:600}.tabs-content{padding:1.25rem}.tab-panel{display:none}.tab-panel.active{animation:fadeIn .2s ease-out;display:block}.form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:.75rem;padding:1rem}.form-section:first-child{margin-top:0;padding-top:1.25rem}.product-form-page .section-title{border-bottom:2px solid #e5e7eb;color:#111827!important;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.section-header{margin-bottom:.75rem}.section-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1/-1}.product-form-page .form-group label{color:#1f2937!important;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.product-form-page .form-input,.product-form-page .form-select,.product-form-page .form-textarea{background-color:#fff!important;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-family:inherit;font-size:.875rem;padding:.5rem .625rem;transition:all .2s}.product-form-page .form-input::placeholder,.product-form-page .form-textarea::placeholder{color:#9ca3af!important;opacity:1}.form-input.readonly{background-color:#f9fafb;color:#374151;cursor:not-allowed}.form-select{color:#1f2937}.form-textarea{color:#1f2937;min-height:50px}.form-input::placeholder,.form-textarea::placeholder,.variant-input-inline::placeholder{color:#9ca3af;opacity:1}.char-counter{color:#6b7280;font-size:.6875rem;margin-top:.25rem;text-align:right}.drag-drop-zone{background-color:#f9fafb;gap:.75rem;padding:2rem}.drag-drop-zone:hover{background-color:#f0fdf4}.drag-drop-zone.dragover{background-color:#f0fdf4;border-style:solid}.drag-drop-title{font-weight:500}.image-preview-container{border:1px solid #e5e7eb}.remove-image-btn{background-color:#ef4444e6;padding:0;right:8px;top:8px}.remove-image-btn:hover{background-color:#dc2626}.remove-icon{height:18px;width:18px}.image-input{display:none}.image-note{align-items:flex-start;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin:0}.note-icon{color:#6b7280;flex-shrink:0;height:16px;margin-top:.125rem;width:16px}.variants-table,.variants-table-container{margin-bottom:.75rem}.variants-table{border-collapse:collapse;width:100%}.variants-table thead{background-color:#f9fafb}.product-form-page .variants-table th{border-bottom:2px solid #e5e7eb;color:#111827!important;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:.625rem .75rem;text-align:left;text-transform:uppercase}.variants-table td{border-bottom:1px solid #f3f4f6;padding:.625rem .75rem}.variants-table tbody tr{transition:background-color .2s}.variants-table tbody tr:hover{background-color:#f9fafb}.product-form-page .variant-input-inline{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-family:inherit;font-size:.875rem;padding:.5rem .625rem;transition:all .2s;width:100%}.variant-input-inline:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.price-input-wrapper{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:.5rem;padding:.5rem .625rem}.price-input-wrapper:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.currency-prefix{color:#374151;font-size:.875rem;font-weight:500}.product-form-page .price-input-wrapper input{background-color:initial;border:none;color:#1f2937!important;flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:0}.remove-variant-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.remove-variant-btn:hover{background-color:#fef2f2;border-color:#ef4444}.remove-variant-icon{color:#6b7280;height:16px;width:16px}.remove-variant-btn:hover .remove-variant-icon{color:#ef4444}.add-variant-btn,.add-variant-btn-table{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.add-variant-btn-table:hover,.add-variant-btn:hover{background-color:#f0fdf4;border-color:#22c55e;color:#22c55e}.add-variant-btn-table{margin-top:.5rem}.btn-icon-small{height:16px;width:16px}.info-box{align-items:flex-start;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:flex;font-size:.75rem;gap:.5rem;padding:.625rem .75rem}.info-icon{color:#1e40af;flex-shrink:0;height:16px;margin-top:.125rem;width:16px}.manage-categories-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-top:.75rem;padding:.5rem .75rem;transition:all .2s}.manage-categories-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.toggle-switch-container{display:flex;flex-direction:column;gap:.5rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem}.toggle-input{display:none}.toggle-slider{background-color:#d1d5db;border-radius:12px;height:24px;position:relative;transition:background-color .2s;width:44px}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.toggle-input:checked+.toggle-slider{background-color:#22c55e}.toggle-input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:#374151;font-size:.875rem;font-weight:500}.toggle-help{color:#6b7280;font-size:.75rem;margin:0}.danger-section{border-color:#fecaca}.danger-title{border-bottom-color:#fecaca;color:#dc2626}.danger-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.danger-text h4{color:#1f2937;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.danger-text p{color:#6b7280;font-size:.75rem;margin:0}.btn{gap:.375rem}.btn:disabled{opacity:.6}.btn-danger:hover:not(:disabled){background-color:#dc2626}.close-icon{height:20px;width:20px}@media (max-width:768px){.product-form-page{padding:0}.tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 .75rem}.tabs-content{padding:.75rem}.form-grid{grid-template-columns:1fr}.variants-table{font-size:.75rem}.variants-table td,.variants-table th{padding:.5rem}.danger-content{align-items:flex-start;flex-direction:column}.drag-drop-zone,.image-preview-container{max-width:100%}}.bulk-upload-page{margin:0 auto;max-width:1200px;padding:24px}.bulk-upload-container{display:flex;flex-direction:column;gap:24px}.instructions-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.instructions-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:16px}.instructions-list{color:#6b7280;line-height:1.8;padding-left:24px}.instructions-list li{margin-bottom:8px}.instructions-list code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.actions-bar{align-items:center;display:flex;gap:12px}.btn{gap:8px}.btn-secondary:hover:not(:disabled){border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.upload-area{position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.upload-label{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;transition:all .2s}.upload-label:hover{background:#f0fdf4;border-color:#22c55e}.upload-icon{color:#6b7280;height:48px;width:48px}.upload-label:hover .upload-icon{color:#22c55e}.upload-text{color:#6b7280;font-size:16px;font-weight:500}.validation-errors-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:24px}.errors-title{align-items:center;color:#dc2626;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.error-icon{height:24px;width:24px}.errors-list{display:flex;flex-direction:column;gap:12px}.error-item{background:#fff;border-left:3px solid #dc2626;border-radius:6px;padding:12px}.error-row{color:#dc2626;font-weight:600;margin-right:8px}.error-name{color:#111827;font-weight:500;margin-right:8px}.error-details{color:#6b7280;font-size:14px;margin:8px 0 0;padding-left:20px}.error-details li{margin-bottom:4px}.error-more{color:#6b7280;font-style:italic;padding:8px;text-align:center}.preview-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.preview-title{align-items:center;color:#059669;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.success-icon{height:24px;width:24px}.preview-table-container{margin-bottom:20px;overflow-x:auto}.preview-table{border-collapse:collapse;font-size:14px;width:100%}.preview-table thead{background:#f9fafb}.preview-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.preview-table td{border-bottom:1px solid #e5e7eb;color:#6b7280;padding:12px}.preview-table tbody tr:hover{background:#f9fafb}.preview-more{color:#6b7280;font-size:14px;font-style:italic;padding:8px;text-align:center}.upload-btn{font-size:16px;justify-content:center;padding:12px 24px;width:100%}.results-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.results-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:20px}.results-summary{border-bottom:1px solid #e5e7eb;display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px}.result-stat{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:16px}.result-stat.success{background:#f0fdf4;border:1px solid #86efac}.result-stat.failed{background:#fef2f2;border:1px solid #fecaca}.result-stat.total{background:#f9fafb;border:1px solid #e5e7eb}.stat-icon{height:32px;width:32px}.result-stat.success .stat-icon{color:#22c55e}.result-stat.failed .stat-icon{color:#dc2626}.stat-value{color:#111827;font-size:24px}.stat-label{font-size:14px}.failed-list,.success-list{margin-bottom:20px}.failed-list h4,.success-list h4{color:#111827;font-size:16px;font-weight:600;margin-bottom:12px}.failed-list ul,.success-list ul{list-style:none;margin:0;padding:0}.failed-list li,.success-list li{border-radius:6px;font-size:14px;margin-bottom:6px;padding:8px 12px}.failed-list li{background:#fef2f2;border-left:3px solid #dc2626;color:#dc2626}.success-list li{background:#f0fdf4;border-left:3px solid #86efac;color:#059669}.results-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:24px}.results-actions .btn{flex:1 1;justify-content:center}.categories-page{background:#f9fafb;min-height:100vh;padding:1.2rem;position:relative;z-index:1}.image-upload-container{margin-bottom:.75rem}.drag-drop-zone{align-items:center;aspect-ratio:1;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:300px;padding:1rem;transition:all .2s;width:100%}.drag-drop-zone:hover{background:#f0fdf4;border-color:#22c55e}.drag-drop-zone.dragover{background:#dcfce7;border-color:#22c55e;transform:scale(1.02)}.drag-drop-icon{color:#9ca3af;height:48px;margin-bottom:.5rem;transition:all .2s;width:48px}.drag-drop-zone.dragover .drag-drop-icon,.drag-drop-zone:hover .drag-drop-icon{color:#22c55e;transform:scale(1.1)}.drag-drop-text{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.drag-drop-title{color:#374151;font-size:.875rem;font-weight:600}.drag-drop-subtitle{color:#6b7280;font-size:.75rem}.drag-drop-info{color:#9ca3af;font-size:.6875rem;margin-top:.25rem}.image-preview-container{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;max-width:300px;overflow:hidden;position:relative;width:100%}.image-preview{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:32px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-image-btn svg{height:16px;width:16px}.filters-title{color:#111827!important;font-size:1rem;font-weight:700}.filter-label{color:#1f2937!important;font-weight:700}.filter-input,.filter-label{font-size:.875rem}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.filter-select{color:#1f2937!important;font-size:.875rem}.filter-select option{color:#1f2937}.table-title{color:#111827!important;font-size:1rem;font-weight:700}.categories-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.categories-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.categories-table th{border-bottom:2px solid #e5e7eb;color:#111827!important;font-size:.8125rem;font-weight:700;letter-spacing:.05em;padding:.75rem .25rem!important;text-align:left;text-transform:uppercase;white-space:nowrap}.categories-table th.col-name{min-width:180px;padding-left:1rem!important;padding-right:.125rem!important;width:22%}.categories-table th.col-description{min-width:220px;padding-left:.125rem!important;padding-right:.125rem!important;width:32%}.categories-table th.col-parent{min-width:130px;padding-left:.125rem!important;padding-right:.125rem!important;width:18%}.categories-table th.col-status{min-width:90px;padding-left:.125rem!important;padding-right:.125rem!important;width:12%}.categories-table th.col-actions{min-width:120px;padding-left:.125rem!important;text-align:center;width:16%}.categories-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.875rem;padding:.75rem .25rem!important;vertical-align:middle}.categories-table tbody tr{height:64px;transition:all .2s ease}.categories-table tbody tr:hover{background-color:#f9fafb}.categories-table tbody tr:last-child td{border-bottom:none}.categories-table td.name-cell{color:#1f2937;font-weight:600;padding:.75rem .125rem .75rem 1rem!important}.category-name{color:#111827!important;font-size:.9375rem;font-weight:600;padding-left:0}.category-name-wrapper{padding-left:0}.description-cell{color:#6b7280;padding-left:.125rem!important;padding-right:.125rem!important}.category-description{color:#374151!important;display:block;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-cell{color:#374151;padding-left:.125rem!important;padding-right:.125rem!important}.parent-category{color:#374151;font-size:.8125rem}.main-category-badge{background-color:#eff6ff;border-radius:12px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-cell{padding-left:.125rem!important;padding-right:.125rem!important;text-align:left}.status-badge.active{background-color:#d1fae5}.status-badge.inactive{background-color:#fee2e2}.action-text-btn{transition:all .2s}.action-text-btn.edit-btn{background:#fff7ed;border-color:#f97316;color:#ea580c!important}.action-text-btn.edit-btn:hover{background-color:#ffedd5;border-color:#ea580c;color:#c2410c!important}.action-text-btn.delete-btn{background:#fef2f2;border-color:#ef4444;color:#dc2626!important}.action-text-btn.delete-btn:hover{background-color:#fee2e2;border-color:#dc2626;color:#b91c1c!important}.action-text-btn.deactivate-btn:hover{background-color:#fee2e2}.action-text-btn.activate-btn{border-color:#22c55e}.action-text-btn.activate-btn:hover{background-color:#dcfce7;border-color:#16a34a}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center}.spinner{animation:spin .8s linear infinite}.empty-state{color:#6b7280}.empty-state p{margin-bottom:1rem}.modal-overlay{animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;padding:20px;z-index:1500}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px}.modal-header{padding:20px 24px}.modal-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.modal-close-btn{background-color:initial}.category-form{padding:24px}.form-group label{color:#1f2937!important;display:block;font-size:.9375rem;margin-bottom:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-family:inherit;font-size:.875rem;padding:.625rem .75rem;transition:all .2s;width:100%}.form-select option{color:#1f2937}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-checkbox{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.form-help{color:#6b7280;display:block;font-size:.75rem;margin-top:4px}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:768px){.categories-page{padding:1rem}.filter-row{gap:1rem;grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.categories-table{min-width:800px}}.delete-modal-content{animation:slideUp .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:420px;overflow:hidden;width:100%}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.delete-modal-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.delete-modal-body{padding:32px 24px;text-align:center}.delete-modal-icon{color:#ef4444;display:flex;justify-content:center;margin-bottom:16px}.delete-modal-body h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 12px}.delete-modal-body p{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0}.delete-modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-danger{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-danger:hover{background-color:#dc2626}.btn-danger:active{background-color:#b91c1c}.btn-secondary{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.edit-product-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-product-modal-content{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-product-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.modal-close-btn{font-size:28px;height:32px;padding:0;width:32px}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.edit-product-form{padding:24px}.form-group{margin-bottom:20px}.form-row{grid-gap:16px;gap:16px}.form-label{font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px}.form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:24px}.btn{border-radius:8px;font-size:14px;font-weight:500;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary:hover:not(:disabled){background-color:#f9fafb}.btn-primary{background-color:#16a34a}.btn-primary:hover:not(:disabled){background-color:#15803d}@media (max-width:768px){.edit-product-modal-content{max-height:95vh;width:95%}.form-row{grid-template-columns:1fr}}.inventory-page{background:#f9fafb;min-height:100vh;padding:1.2rem;position:relative;z-index:1}.admin-header-custom-actions .btn{align-items:center;display:inline-flex;font-size:.89375rem;gap:.55rem;height:39.6px;justify-content:center;padding:.55rem .825rem}.admin-header-custom-actions .btn-icon{align-items:center;display:flex;flex-shrink:0;height:17.6px;justify-content:center;width:17.6px}.summary-cards{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.2rem}.summary-card{border:1px solid #e5e7eb;gap:.75rem;padding:1rem}.summary-card-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.summary-icon{height:18px;width:18px}.summary-card-icon.total-products{background-color:#f0fdf4}.summary-card-icon.low-stock{background-color:#fefce8}.summary-card-icon.out-of-stock{background-color:#fef2f2}.summary-card-icon.total-value{background-color:#f0fdf4}.summary-card-content{flex:1 1}.summary-card-value{color:#111827;font-size:1.3rem;font-weight:700;line-height:1.2;margin:0 0 .2rem}.summary-card-value.low-stock-value,.summary-card-value.out-of-stock-value{color:#ef4444}.summary-card-label{color:#6b7280;font-size:.75rem;line-height:1.3;margin:0 0 .2rem}.summary-card-change{font-size:.7rem;line-height:1.3;margin:0}.summary-card-change.positive{color:#16a34a}.summary-card-status{font-size:.7rem;line-height:1.3;margin:0}.summary-card-status.needs-attention{color:#facc15}.summary-card-status.restock-needed{color:#6b7280}.filter-row{grid-template-columns:2fr 1fr}.filter-input-wrapper{position:relative;width:100%}.filter-input{background:#fff;color:#374151;font-size:.8125rem;height:36px;padding:.5rem 2.5rem .5rem .75rem;transition:all .2s;width:100%}.filter-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.filter-icon{color:#6b7280;height:16px;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px}.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.8125rem;height:36px;padding:.5rem .75rem;transition:all .2s;width:100%}.filter-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.table-view-toggle{display:flex;gap:4px}.view-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;height:36px;min-width:36px;padding:6px 10px}.view-btn:hover{background-color:#f9fafb}.view-btn.active{background-color:#16a34a;border-color:#16a34a;color:#fff}.view-icon{height:16px;width:16px}.products-table-container{overflow-x:visible;overflow-y:visible;position:relative;width:100%}.products-table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.products-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.products-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.625rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.products-table th:first-child{max-width:40px;min-width:40px;overflow:visible;padding:.625rem .25rem .625rem 1rem;text-overflow:clip;width:40px}.products-table th:nth-child(2){min-width:400px;padding-left:.5rem;white-space:nowrap;width:auto}.products-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.8125rem;padding:.625rem .75rem;vertical-align:middle}.products-table td:first-child{max-width:40px;min-width:40px;overflow:visible;padding:.625rem .25rem .625rem 1rem;text-overflow:clip;width:40px}.products-table td:nth-child(2){min-width:400px;overflow:visible;padding-left:.5rem;white-space:nowrap;width:auto}.products-table tbody tr{height:64px;transition:all .2s}.products-table tbody tr:hover{background-color:#f9fafb}.products-table tbody tr:last-child td{border-bottom:none}.products-table td:last-child,.products-table th:last-child{text-align:center}.product-cell{align-items:center;gap:.75rem;min-width:0;width:100%}.product-thumbnail{object-fit:cover}.product-thumbnail,.product-thumbnail-placeholder{border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;height:40px;width:40px}.product-thumbnail-placeholder{align-items:center;background-color:#f9fafb;display:flex;justify-content:center}.placeholder-icon{color:#6b7280}.product-info{display:flex;flex:0 0 auto;flex-direction:column;gap:4px;white-space:nowrap}.product-name{color:#1f2937;font-size:.8125rem;font-weight:600}.product-description,.product-name{line-height:1.3;overflow:visible;white-space:nowrap}.product-description{color:#6b7280;font-size:.75rem}.product-sku{font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-info{display:flex;flex-direction:column;gap:4px}.stock-quantity{color:#111827;font-weight:500}.min-stock{color:#6b7280;font-size:12px}.product-price{color:#111827;font-weight:500}.status-badge{border-radius:8px;font-size:.625rem;padding:.25rem .5rem}.status-badge.in-stock{background-color:#f0fdf4;color:#16a34a}.status-badge.low-stock{background-color:#fefce8;color:#facc15}.status-badge.out-of-stock{background-color:#fef2f2;color:#ef4444}.edit-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;height:28px;justify-content:center;padding:.35rem .75rem;transition:all .2s}.edit-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.products-grid-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.products-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-grid-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.product-grid-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.grid-card-header{align-items:center;background:#f9fafb;display:flex;gap:12px;padding:12px;position:relative}.grid-card-header .row-checkbox{left:12px;position:absolute;top:12px;z-index:1}.grid-product-image,.grid-product-placeholder{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;height:180px;justify-content:center;object-fit:cover;width:100%}.grid-product-placeholder{color:#9ca3af}.grid-card-body{padding:16px}.grid-product-name{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.grid-product-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.grid-product-details{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px}.grid-detail-item{align-items:center;display:flex;font-size:13px;gap:8px}.grid-detail-label{color:#6b7280;font-weight:500;min-width:70px}.grid-detail-value{color:#374151}.grid-card-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.grid-card-footer .edit-button{font-size:13px;padding:6px 12px}.pagination{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1rem}.pagination-btn{padding:.5rem .75rem}.pagination-btn:hover:not(:disabled){background-color:#f9fafb}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.8125rem;height:36px;min-width:36px;padding:.5rem .75rem;transition:all .2s}.pagination-number:hover{background-color:#f9fafb}.pagination-number.active{background-color:#22c55e;border-color:#22c55e;color:#fff}.pagination-info{color:#6b7280;font-size:.75rem;margin-left:.75rem}.low-stock-alerts{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:1.2rem;padding:1rem}.alerts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.alerts-title{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.view-all-link{background:none;border:none;color:#16a34a;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.view-all-link:hover{color:#15803d}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:center;border-left:4px solid;border-radius:8px;display:flex;gap:16px;padding:16px}.alert-item.low-stock{background-color:#fefce8;border-left-color:#facc15}.alert-item.out-of-stock{background-color:#fef2f2;border-left-color:#ef4444}.alert-icon{align-items:center;display:flex;justify-content:center}.alert-icon-svg{height:20px;width:20px}.alert-content{flex:1 1}.alert-product-name{color:#111827;font-weight:500;margin:0 0 4px}.alert-message{color:#6b7280;font-size:14px;margin:0}.alert-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.alert-action-btn.restock{background-color:#16a34a;color:#fff}.alert-action-btn.restock:hover{background-color:#15803d}.alert-action-btn.order-now{background-color:#ef4444;color:#fff}.alert-action-btn.order-now:hover{background-color:#dc2626}.loading-container{min-height:400px}.loading-spinner{color:#6b7280;font-size:.875rem;margin:0}.empty-state{min-height:400px;padding:2rem}@media (max-width:768px){.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-product-image,.grid-product-placeholder{height:150px}.grid-card-body{padding:12px}.grid-product-name{font-size:14px}.grid-detail-item,.grid-product-description{font-size:12px}.grid-detail-label{min-width:60px}.inventory-header{flex-direction:column;gap:16px}.inventory-header-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.summary-cards{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-group{min-width:100%}.products-table-container{overflow-x:auto}.products-table{min-width:800px}.pagination{flex-wrap:wrap}.alert-item{align-items:flex-start;flex-direction:column}.alert-action-btn{width:100%}}.product-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem);width:100%}.filter-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filter-header h3{color:#fff;font-size:1.125rem;font-weight:700;margin:0}.clear-all-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:0;transition:color .2s}.clear-all-btn:hover{color:var(--primary-hover);text-decoration:underline}.filter-section{margin-bottom:2rem}.filter-section:last-child{margin-bottom:0}.filter-section h4{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:0;text-transform:uppercase;transition:color .2s}.filter-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 0;-webkit-user-select:none;user-select:none}.filter-section-header:hover,.filter-section-header:hover h4{color:var(--primary)}.filter-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.filter-checkbox{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;transition:color .2s}.filter-checkbox:hover{color:#fff}.filter-checkbox input[type=checkbox]{accent-color:var(--primary);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:18px;width:18px}.rating-option{align-items:center;display:flex;gap:.5rem}.rating-option .stars{color:var(--warning);display:flex;gap:2px}.price-inputs{display:flex;gap:.75rem;margin-top:1rem;width:100%}.price-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.price-input-group label{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase}.price-input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-md);color:#fff;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.price-input-group input::placeholder{color:#ffffff80}.price-input-group input:focus{background:#ffffff26;border-color:var(--primary);box-shadow:0 0 0 2px #22c55e33;outline:none}.loading,.no-options{color:#94a3b8;font-size:.875rem;font-style:italic;padding:.5rem 0}.apply-filters-btn{background:var(--primary);border:none;border-radius:9999px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:1.5rem;padding:.875rem;transition:all .2s;width:100%}.apply-filters-btn:hover{background:var(--primary-hover);box-shadow:0 6px 16px #22c55e66;transform:translateY(-1px)}@media (max-width:768px){.product-filter{border-radius:var(--radius-lg);margin-bottom:2rem;position:static}}.products-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}.products-banner{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;margin:0;overflow:hidden;padding:5rem 0;position:relative;text-align:center;width:100%}.products-banner:before{background:radial-gradient(circle at center,#22c55e26 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.banner-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.banner-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.banner-content p{color:#94a3b8;font-size:1.125rem;margin-bottom:2.5rem}.search-form{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #ffffff1a;border-radius:50px;box-shadow:0 2px 12px #0000004d;display:flex;flex-direction:row;gap:0;margin:0 auto;max-width:600px;overflow:hidden;padding:0;transition:all .3s ease}.search-form:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d,0 2px 12px #0000004d}.search-input{background:#0000;border:none;border-radius:50px;color:#fff;flex:1 1;font-size:1rem;min-height:48px;padding:14px 20px}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none}.search-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;min-height:48px;padding:0;transition:all .2s ease;width:56px}.search-btn:hover{color:#fff;transform:scale(1.05)}.search-btn:active{transform:scale(.95)}.search-btn svg{height:24px;width:24px}.products-main-section{margin:0;padding:0;width:100%}.products-content{grid-gap:2rem;align-items:start;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:260px 1fr;margin:0 auto;max-width:1280px;padding:2rem 24px}.products-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem)}.products-main{background:#0000;min-width:0}.products-header{align-items:flex-end;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.products-title h2{color:#fff;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.results-count{color:#94a3b8;font-size:.875rem;margin:0}.products-controls{align-items:center;display:flex;gap:1rem}.sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:10px;border:1px solid #fff3;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 2.5rem .625rem 1rem;transition:all .2s}.sort-select:focus{background:#ffffff26;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2322c55e' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:var(--primary);box-shadow:0 0 0 2px #22c55e33}.sort-select option{background:#1a2f47;color:#fff;padding:.5rem}.view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-md);display:flex;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.view-btn:hover{color:#fff}.view-btn.active{background:#fff3;box-shadow:var(--shadow-sm);color:var(--primary)}.products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:3rem}.products-grid.list-view{grid-template-columns:1fr}.empty-state,.loading-state{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a2f47f2!important;border:1px solid #ffffff26!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#94a3b8!important;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:6rem 2rem;width:100%}.empty-state p,.loading-state p{color:#94a3b8!important;margin-bottom:0}.pagination{margin-top:4rem}.pagination-btn{background:#ffffff1a;border-radius:var(--radius-md);color:#fff;height:40px;width:40px}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{background:#ffffff0d}.pagination-btn.active{background:var(--primary);border-color:var(--primary)}.pagination-ellipsis{color:#94a3b8;padding:0 .5rem}@media (max-width:1024px){.products-content{gap:1.5rem;grid-template-columns:220px 1fr;padding:1.5rem 24px}.products-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:767px){.products-banner{padding:2rem 1rem 6rem}.banner-content h1{font-size:1.75rem;margin-bottom:.75rem}.banner-content p{font-size:1rem;margin-bottom:1.5rem}.search-form{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293bcc!important;border:1px solid #ffffff1a!important;border-radius:50px!important;box-shadow:0 2px 12px #0000004d!important;flex-direction:row!important;gap:0!important;margin-top:0!important;max-width:100%!important;overflow:hidden!important;padding:0!important;position:-webkit-sticky!important;position:sticky!important;top:60px!important;transition:all .3s ease!important;z-index:90!important}.search-form:focus-within{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e4d,0 2px 12px #0000004d!important}.search-input{background:#0000!important;border:none!important;border-radius:50px!important;color:#fff!important;flex:1 1!important;font-size:.9375rem!important;min-height:48px!important;padding:12px 20px!important;width:auto!important}.search-input::placeholder{color:#ffffff80!important}.search-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:48px!important;justify-content:center!important;min-height:48px!important;padding:0!important;width:56px!important}.search-btn svg{color:#ffffffb3!important;height:24px!important;width:24px!important}.products-content{gap:1rem;grid-template-columns:1fr;padding:1rem}.products-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f47fa;box-shadow:2px 0 10px #0000004d;height:100vh;left:-100%;margin:0;max-width:320px;overflow-y:auto;padding:1.5rem;position:fixed;top:0;transition:left .3s ease;width:85%;z-index:1000}.products-sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}.mobile-filter-toggle{display:block;margin-bottom:1rem}.filter-toggle-btn{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:var(--radius-lg);color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.filter-toggle-btn:hover{background:#22c55e33}.products-header{align-items:stretch;flex-direction:column;gap:1rem}.products-title h2{font-size:1.5rem}.products-controls{flex-direction:column;gap:.75rem;width:100%}.sort-select{font-size:1rem;min-height:48px;padding:12px 16px;width:100%}.view-toggle{justify-content:center;padding:4px;width:100%}.view-btn{flex:1 1;padding:8px}.products-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.products-grid.list-view{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:.5rem;padding:0 1rem}.pagination-btn{font-size:.875rem;min-height:44px;min-width:44px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}@media (min-width:768px){.mobile-filter-toggle,.sidebar-overlay{display:none}}.product-detail-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);display:flex;flex-direction:column;min-height:100vh}.product-detail-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:var(--container-width);padding:1.5rem 24px;width:100%}.breadcrumb{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.breadcrumb a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--primary-hover)}.breadcrumb span:not(:has(a)){color:#94a3b8}.product-detail-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.product-image-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 1rem)}.main-image{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;width:100%}.main-image img{display:block;height:100%;object-fit:contain;padding:1.5rem;width:100%}.product-info-section{display:flex;flex-direction:column;gap:1.5rem}.product-header{display:flex;flex-direction:column;gap:.75rem}.product-category-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--primary);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.product-header h1{color:#fff;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.product-meta{flex-wrap:wrap;gap:1.5rem}.product-meta,.product-rating{align-items:center;display:flex}.product-rating{gap:.5rem}.stars{color:#fbbf24}.product-sku{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:#94a3b8;font-family:monospace;font-size:.875rem;padding:.25rem .5rem}.product-price-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.25rem}.price{margin-bottom:.5rem}.price-amount{color:var(--primary);font-size:1.875rem;font-weight:800;letter-spacing:-.02em}.stock-info{font-size:.875rem}.in-stock{align-items:center;color:var(--success);display:flex;font-weight:600;gap:.5rem}.in-stock:before{background:currentColor;border-radius:50%;content:"";display:block;height:8px;width:8px}.out-of-stock{color:var(--error);font-weight:600}.product-short-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.product-short-description p{color:#e2e8f0;font-size:.9375rem;line-height:1.6;margin:0}.product-variants{display:flex;flex-direction:column;gap:.75rem}.variant-label{color:#fff;font-size:.9375rem;font-weight:600}.variant-options{display:flex;flex-direction:column;gap:.625rem}.variant-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f4799;border:1px solid #ffffff26;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.variant-option:hover:not(:disabled){background:#22c55e26;border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.variant-option.active{background:#22c55e33;border-color:var(--primary);box-shadow:var(--shadow-md);padding-right:2.5rem}.variant-option.active:after{color:var(--primary);content:"✓";font-size:1.125rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.variant-option:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.variant-option span:first-child{color:#fff;font-weight:500}.variant-price{color:var(--primary);font-size:1rem;font-weight:700}.variant-stock-badge{color:var(--error);font-size:.75rem;font-weight:600}.product-quantity{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem 1.25rem}.product-quantity label{color:#fff;font-size:.9375rem;font-weight:600}.quantity-controls{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.25rem}.quantity-btn{font-size:1.125rem;font-weight:700}.quantity-btn:disabled{opacity:.5}.quantity-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;color:#fff;font-size:1rem;font-weight:600;text-align:center;width:50px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input:focus{outline:none}.product-actions{display:flex;gap:.875rem}.btn-add-to-cart,.btn-buy-now{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-to-cart{background:var(--primary);box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-add-to-cart:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-buy-now{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;box-shadow:var(--shadow-sm);color:#fff}.btn-buy-now:hover:not(:disabled){background:#ffffff26;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-add-to-cart:disabled,.btn-buy-now:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.product-tabs{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.tab-content{margin-bottom:2rem}.tab-content h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.tab-description p{color:#e2e8f0;font-size:.9375rem;line-height:1.7}.tab-specs{display:flex;flex-direction:column;gap:.75rem}.spec-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;padding:.875rem 1rem}.spec-label{color:#94a3b8;font-size:.9375rem;font-weight:600;min-width:120px}.spec-value{color:#fff;font-size:.9375rem;font-weight:500}.tab-reviews{padding:1.5rem 0}.btn-add-review{background:var(--primary);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s}.btn-add-review:hover{background:var(--primary-hover);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.review-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.review-form-rating{margin-bottom:1rem}.review-form-rating label{color:var(--text-main);display:block;font-weight:600;margin-bottom:.5rem}.review-stars-input{align-items:center;display:flex;gap:.5rem}.star-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:all .2s}.star-btn:hover{transform:scale(1.1)}.star-btn.active{color:#fbbf24}.star-btn svg{height:24px;width:24px}.review-form-comment{margin-bottom:1rem}.review-form-comment label{color:var(--text-main);display:block;font-weight:600;margin-bottom:.5rem}.review-form-comment textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:.9375rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.review-form-comment textarea:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.char-count{color:var(--text-muted);display:block;font-size:.75rem;margin-top:.25rem;text-align:right}.review-form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;color:var(--text-main);padding:.75rem 1.5rem;transition:all .3s}.btn-cancel:hover{background:#ffffff26}.btn-submit-review{background:var(--primary);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-submit-review:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.btn-submit-review:disabled{cursor:not-allowed;opacity:.6}.review-login-prompt{background:#ffffff0d;border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem;text-align:center}.review-login-prompt .link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline}.reviews-loading{color:var(--text-muted);padding:2rem;text-align:center}.reviews-loading p{margin-top:1rem}.no-reviews{color:var(--text-muted);padding:2rem;text-align:center}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);padding:1.5rem}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.review-user{gap:1rem}.review-avatar,.review-user{align-items:center;display:flex}.review-avatar{background:var(--primary);border-radius:50%;color:#fff;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.review-avatar img{height:100%;object-fit:cover;width:100%}.review-user-info{display:flex;flex-direction:column;gap:.25rem}.review-user-name{color:var(--text-main);font-weight:600}.review-date{color:var(--text-muted);font-size:.875rem}.review-rating{align-items:center;display:flex;gap:.25rem}.review-rating svg{height:16px;width:16px}.review-comment{color:var(--text-main);line-height:1.6}.review-comment p{margin:0}.tab-reviews{color:#94a3b8;font-size:.9375rem}.loading-state{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a2f47f2;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#94a3b8;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.loading-state p{color:#94a3b8;font-size:1rem;margin-bottom:0;margin-top:1rem}@media (max-width:1024px){.product-detail-content{gap:2rem;grid-template-columns:1fr}.product-image-section{margin:0 auto;max-width:500px;position:static}.price-amount,.product-header h1{font-size:1.625rem}}@media (max-width:767px){.product-detail-container{padding:1rem}.product-detail-content{gap:1.5rem;grid-template-columns:1fr}.product-image-section{max-width:100%;position:static}.main-image{aspect-ratio:1;border-radius:var(--radius-lg)}.product-header h1{font-size:1.5rem;line-height:1.3}.product-meta{align-items:flex-start;flex-direction:column;gap:.75rem}.price-amount{font-size:1.75rem}.product-short-description,.variant-option{font-size:.9375rem;padding:1rem}.variant-option.active{padding-right:2.5rem}.product-quantity{padding:1rem}.quantity-controls{justify-content:center;width:100%}.quantity-btn{min-height:44px;min-width:44px}.quantity-input{font-size:1.125rem;width:60px}.product-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f47fa;border-top:1px solid #ffffff26;bottom:72px;box-shadow:0 -4px 12px #0000004d;display:flex;flex-direction:row;gap:.75rem;left:0;padding:1rem;position:fixed;right:0;z-index:9000}.product-detail-page{padding-bottom:150px}.btn-add-to-cart,.btn-buy-now{flex:1 1;font-size:1rem;min-height:48px;padding:14px 20px}.product-tabs{margin-top:1.5rem;padding-top:1.5rem}.tab-content h3{font-size:1.125rem}.spec-item{flex-direction:column;gap:.5rem;padding:1rem}.spec-label{font-weight:700;min-width:auto}}.cart-item{grid-gap:1.5rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-lg);box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:120px minmax(0,1fr) auto minmax(120px,150px);grid-template-rows:auto auto;overflow:visible;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cart-item:hover{background:#1a2f47cc;border-color:#22c55e4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.cart-item.saved-item{grid-template-columns:120px minmax(0,1fr) minmax(120px,150px);grid-template-rows:auto auto}.cart-item-image{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:120px;justify-content:center;min-width:120px;overflow:hidden;width:120px}.cart-item-image img{height:100%;max-height:100%;max-width:100%;object-fit:contain;padding:.5rem;width:100%}.cart-item-details{display:flex;flex-direction:column;gap:.5rem;min-width:0;overflow:hidden}.cart-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.125rem;font-weight:600;line-height:1.4;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s;word-break:break-word}.cart-item-name:hover{color:var(--primary)}.cart-item-category{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cart-item-variant{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:#94a3b8;font-size:.875rem;font-weight:500;max-width:100%;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.cart-item-rating{align-items:center;display:flex;gap:.5rem}.stars{color:#94a3b8;display:flex;gap:2px;opacity:.6}.rating-text{color:#94a3b8;font-size:.875rem}.cart-item-quantity{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);display:flex;flex-shrink:0;gap:.25rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.25rem;width:-webkit-fit-content;width:fit-content}.quantity-btn{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.quantity-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:scale(1.05)}.quantity-btn:disabled{background:#ffffff0d;box-shadow:none;cursor:not-allowed;opacity:.4}.quantity-value{color:#fff;font-weight:600;min-width:36px;text-align:center}.cart-item-price{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;max-width:150px;min-width:120px;text-align:right}.current-price{color:var(--primary);font-size:1.25rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.total-price{color:#94a3b8;font-size:.875rem}.cart-item-actions{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:row;gap:.75rem;grid-column:1/-1;grid-row:2;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.action-btn{background:#1e293b99!important;border:1px solid #0000;border-radius:9999px;box-sizing:border-box;font-size:.875rem;font-weight:600;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.625rem 1.25rem;white-space:nowrap}.save-btn{background:#22c55e26!important;border:1px solid var(--primary)!important}.save-btn,.save-btn:hover{color:var(--primary)!important}.save-btn:hover{background:#22c55e40!important;border-color:#22c55e99!important;box-shadow:0 2px 8px #22c55e33;transform:translateY(-1px)}.save-btn svg{stroke:var(--primary)!important;color:var(--primary)!important}.remove-btn{background:#ef444426!important;border:1px solid var(--error)!important;color:var(--error)!important}.remove-btn:hover{background:#ef444440!important;border-color:#ef444499!important;box-shadow:0 2px 8px #ef444433;color:var(--error)!important;transform:translateY(-1px)}.remove-btn svg{stroke:var(--error)!important;color:var(--error)!important}.move-to-cart-btn{background:var(--primary)!important;border:1px solid var(--primary)!important;color:#fff!important}.move-to-cart-btn:hover{background:var(--primary-hover)!important;box-shadow:0 4px 12px #22c55e4d;color:#fff!important;transform:translateY(-1px)}@media (max-width:1200px){.cart-item{gap:1rem;grid-template-columns:100px minmax(0,1fr) auto minmax(110px,140px)}.cart-item-price{max-width:140px;min-width:110px}.action-btn{font-size:.8125rem;padding:.5rem 1rem}}@media (max-width:1024px){.cart-item{align-items:start;gap:1.5rem}.cart-item,.cart-item.saved-item{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto}.cart-item-price,.cart-item-quantity{align-items:flex-start;grid-column:1/-1;justify-self:start;margin-top:.5rem;max-width:100%;width:100%}.cart-item-price{align-items:baseline;flex-direction:row;gap:1rem;max-width:100%;text-align:left}.cart-item-actions{border-top:1px solid #ffffff1a;flex-direction:row;gap:.75rem;grid-column:1/-1;grid-row:2;justify-content:flex-start;margin-top:.5rem;max-width:100%;padding-top:1rem}.action-btn{flex:1 1;min-width:0}}@media (max-width:768px){.cart-item{gap:1rem;padding:1rem}.cart-item-image{height:80px;width:80px}.cart-item-name{font-size:1rem}.current-price{font-size:1.125rem}}.order-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.order-summary:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg)}.order-summary h2{border-bottom:1px solid #ffffff26;color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem}.summary-details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.summary-row{align-items:center;color:#94a3b8;display:flex;font-size:1rem;justify-content:space-between}.summary-row.discount .summary-value{color:var(--success)}.summary-row.total{border-top:2px solid #ffffff26;color:#fff;font-size:1.25rem;font-weight:800;margin-top:.5rem;padding-top:1.5rem}.summary-value{color:#fff;font-weight:600}.summary-value.free{color:var(--success)}.promo-section{border-bottom:1px solid #ffffff26;margin-bottom:2rem;padding-bottom:2rem}.promo-section label{color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.promo-input-group{display:flex;gap:.75rem}.promo-input-group input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#fff;flex:1 1;font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:all .2s}.promo-input-group input::placeholder{color:#94a3b8}.promo-input-group input:focus{background:#ffffff1a;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e33}.apply-btn{background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.apply-btn:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.promo-applied{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--primary);display:flex;font-size:.875rem;justify-content:space-between;margin-top:1rem;padding:1rem}.remove-promo{background:none;color:var(--primary);font-size:.875rem;padding:0;text-decoration:underline}.checkout-btn,.remove-promo{border:none;cursor:pointer;font-weight:600}.checkout-btn{background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;font-size:1.125rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.checkout-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.summary-info{border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.info-item{color:#94a3b8;font-size:.875rem;gap:.75rem}.info-item svg{color:var(--primary);flex-shrink:0}@media (max-width:1024px){.order-summary{position:static}}.cart-page{background:var(--bg-body);display:flex;flex-direction:column;min-height:100vh;padding-bottom:2rem}.cart-container{grid-gap:2rem;align-items:start;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr 420px;margin:0 auto;max-width:1400px;padding:2rem 24px;width:100%}.cart-content{display:flex;flex-direction:column;gap:2rem}.cart-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-section:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg)}.cart-header{border-bottom:1px solid #ffffff26;margin-bottom:2rem;padding-bottom:1.5rem}.cart-header h1{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.cart-subtitle{color:#94a3b8;font-size:1rem;margin:0}.empty-cart{padding:4rem 2rem;text-align:center}.empty-cart-icon{color:#ffffff4d;margin-bottom:2rem}.empty-cart h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.empty-cart p{color:#94a3b8;font-size:1rem;margin-bottom:2.5rem}.continue-shopping-btn{align-items:center;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-shopping-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.cart-items{display:flex;flex-direction:column;gap:1.5rem}.saved-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.saved-section:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg)}.saved-section h2{border-bottom:1px solid #ffffff26;color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.saved-items{display:flex;flex-direction:column;gap:1.5rem}.order-summary-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem)}@media (max-width:1024px){.cart-container{gap:2rem;grid-template-columns:1fr;padding:2rem 24px}.order-summary-sidebar{order:-1;position:static}}@media (max-width:768px){.cart-container{padding:1.5rem 16px}.cart-section,.saved-section{border-radius:var(--radius-lg);padding:1.5rem}.cart-header h1{font-size:1.75rem}}.contact-page .contact-form-wrapper input[type=email],.contact-page .contact-form-wrapper input[type=text],.contact-page .contact-form-wrapper textarea,.contact-page input[type=email],.contact-page input[type=text],.contact-page textarea{-webkit-text-fill-color:#fff!important;background:#1e293bcc!important;background-color:#1e293bcc!important;border:1px solid #fff3!important;color:#fff!important}.contact-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.container{width:100%}.contact-hero{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;padding:5rem 0;text-align:center}.page-title{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.page-subtitle,.page-title{color:#fff!important;font-family:var(--font-sans)}.page-subtitle{font-size:1.25rem;line-height:1.7;margin:0 auto;max-width:700px;text-align:center!important}.contact-section{flex:1 1;padding:3rem 0}.contact-section .section-header{margin-bottom:4rem;text-align:center}.contact-section .section-title{color:#fff!important;font-family:var(--font-sans);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.contact-section .section-subtitle{color:#fff!important;font-family:var(--font-sans);font-size:1.125rem;margin:0}.contact-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr}.contact-info h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.contact-info h2,.info-description{color:#fff!important;font-family:var(--font-sans)}.info-description{font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.contact-items{display:flex;flex-direction:column;gap:1rem}.contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0003;display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-item:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e26;transform:translateY(-2px)}.contact-icon{align-items:center;background:#22c55e33;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--primary);display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.contact-icon svg{height:20px;width:20px}.contact-details h3{color:#fff!important;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.contact-details p{color:#94a3b8!important;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;margin:0}.contact-details a{color:var(--primary)!important;font-family:var(--font-sans);font-weight:500;text-decoration:none;transition:color .2s}.contact-details a:hover{color:var(--primary-hover)!important;text-decoration:underline}.contact-form-wrapper,.contact-form-wrapper.spotlight-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e293bf2!important;border:1px solid #fff3!important;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form-wrapper *,.contact-form-wrapper.spotlight-card *{background-color:initial!important}.contact-form-container{background:#0000!important;padding:1.25rem!important}.contact-form-container h2{color:#fff!important;font-family:var(--font-sans);font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:.75rem}.form-group{gap:.25rem}.form-group label{color:#94a3b8!important;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.contact-form input,.contact-form textarea,.contact-form-container input,.contact-form-container textarea,.form-group input,.form-group textarea{-webkit-text-fill-color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99!important;border:1px solid #fff3;border-radius:var(--radius-md);color:#fff!important;font-family:var(--font-sans);font-size:.875rem;padding:.625rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form input::placeholder,.contact-form textarea::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{-webkit-text-fill-color:#94a3b8!important;color:#94a3b8!important;opacity:1}.contact-form input:focus,.contact-form textarea:focus,.form-group input:focus,.form-group textarea:focus{-webkit-text-fill-color:#fff!important;background:#1e293bcc!important;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e33;color:#fff!important;outline:none}.form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:focus,.contact-form input:-webkit-autofill:hover,.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#1e293bcc!important;border:1px solid #fff3!important;box-shadow:inset 0 0 0 1000px #1e293bcc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff!important;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;color:#fff!important;transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@media (max-width:1024px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-info{order:2}.contact-form-wrapper{order:1}}@media (max-width:767px){.contact-hero{padding:2.5rem 0}.page-title{font-size:1.75rem;margin-bottom:.75rem}.page-subtitle{font-size:.9375rem;padding:0 1rem;text-align:center!important}.contact-content{gap:1.5rem;grid-template-columns:1fr}.contact-section{padding:1.5rem 0}.contact-item{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.contact-icon{height:48px;min-width:48px;width:48px}.contact-details h3{font-size:1rem}.contact-details a,.contact-details p{font-size:.9375rem}.contact-form-container,.contact-form-wrapper,.contact-form-wrapper.spotlight-card{padding:1rem}.form-group input,.form-group textarea{font-size:1rem;min-height:44px;padding:.75rem 1rem}.submit-btn{font-size:1rem;padding:1rem;width:100%}.contact-form{gap:1rem}}.about-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);min-height:100vh}.container{margin:0 auto;max-width:var(--container-width);padding:0 1.5rem}.section-title{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:0;text-transform:uppercase}.section-subtitle,.section-title{display:block;text-align:center!important;width:100%}.section-subtitle{color:#94a3b8;font-size:1.125rem;line-height:1.6;margin-bottom:3rem;margin-top:.75rem}.section-header{flex-direction:column;margin-bottom:4rem;text-align:center}.about-story-section{background:#0000;padding:3rem 0 6rem}.about-story-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.story-content{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.story-text{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.story-text,.story-text h2,.story-text h3{word-wrap:break-word;overflow-wrap:break-word}.story-text h2,.story-text h3{color:#fff;margin-bottom:1rem}.story-text p{word-wrap:break-word;color:#94a3b8;font-size:1.125rem;line-height:1.8;overflow-wrap:break-word}.story-image-wrapper{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;padding-top:2rem;position:relative}.story-image{display:block;height:400px;object-fit:cover;width:100%}.story-badge{background:var(--primary);border-radius:var(--radius-xl);bottom:2rem;box-shadow:var(--shadow-lg);left:2rem;padding:1.5rem 2rem;position:absolute}.badge-number{color:#fff;font-size:3rem;font-weight:800;line-height:1}.badge-text{color:#fff;font-size:.875rem;font-weight:600;margin-top:.5rem;opacity:.95}.mission-vision-section{background:var(--bg-body);padding:6rem 0}.mission-vision-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.mission-card,.vision-card{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;padding:3rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-card:hover,.vision-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33;transform:translateY(-4px)}.mission-icon,.vision-icon{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.mission-card h3,.vision-card h3{word-wrap:break-word;color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem;overflow-wrap:break-word}.mission-card p,.vision-card p{word-wrap:break-word;color:#94a3b8;font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}.core-values-section{background:#0000;padding:6rem 0}.core-values-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.core-values-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin-bottom:3rem!important;margin-top:.75rem!important;text-align:center!important}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.value-card{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;padding:2.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.value-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33;transform:translateY(-8px)}.value-icon{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.value-icon.quality{background:var(--primary)}.value-icon.customer{background:#3b82f6}.value-icon.innovation{background:var(--warning)}.value-icon.integrity{background:#8b5cf6}.value-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.value-card h3,.value-card p{word-wrap:break-word;overflow-wrap:break-word}.value-card p{color:#94a3b8;font-size:.9375rem;line-height:1.6}.stats-section{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;padding:4rem 0}.stats-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);text-align:center}.stat-item{padding:1.5rem}.stat-number{color:var(--primary);font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.stat-label{font-size:1.0625rem;opacity:.9}.leadership-section{background:var(--bg-body);padding:6rem 0}.leadership-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.leadership-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin-bottom:3rem!important;margin-top:.75rem!important;text-align:center!important}.team-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr)}.team-card{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33;transform:translateY(-8px)}.team-image{border:4px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #22c55e33;height:150px;margin:0 auto 1.5rem;overflow:hidden;width:150px}.team-image img{height:100%;object-fit:cover;width:100%}.team-card h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.team-role{color:#94a3b8;font-size:.9375rem;font-weight:500;margin-bottom:1.5rem}.team-social{gap:1rem}.team-social,.team-social a{display:flex;justify-content:center}.team-social a{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#94a3b8;height:36px;transition:all .2s;width:36px}.team-social a:hover{background:#22c55e33;color:var(--primary);transform:translateY(-2px)}.journey-section{background:#0000;padding:6rem 0}.journey-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.journey-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin-bottom:3rem!important;margin-top:.75rem!important;text-align:center!important}.timeline{background:#0000!important;margin:0 auto;max-width:900px;padding:0 2rem;position:relative}.timeline *{background-color:initial!important}.timeline .timeline-content{background:#1e293bcc!important}.timeline:before{background:linear-gradient(180deg,var(--primary) 0,#22c55e80 100%);border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px;z-index:0}.timeline-item{align-items:flex-start;animation:fadeInUp .6s ease-out forwards;gap:2rem;margin-bottom:4rem;opacity:0}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot-wrapper{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;padding-top:.5rem;position:relative;width:50%}.timeline-item:nth-child(odd) .timeline-dot-wrapper{justify-content:flex-end;padding-right:2rem}.timeline-item:nth-child(2n) .timeline-dot-wrapper{justify-content:flex-start;padding-left:2rem}.timeline-dot{animation:pulse 2s ease-in-out infinite;background:var(--primary);border:4px solid #1a2f47cc;border-radius:50%;box-shadow:0 0 0 4px #22c55e33,0 4px 12px #22c55e4d;height:20px;position:relative;transition:all .3s ease;width:20px;z-index:2}.timeline-dot:after{background:#1a2f47cc;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.timeline-content-wrapper{background:#0000!important;box-sizing:border-box;flex:1 1;max-width:400px;overflow:hidden;width:50%}.timeline-item:nth-child(odd) .timeline-content-wrapper{text-align:left}.timeline-item:nth-child(2n) .timeline-content-wrapper{text-align:right}.timeline-dot-wrapper,.timeline-item{background:#0000!important}.timeline-content{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc!important;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-sizing:border-box;color:#fff!important;overflow:hidden;overflow-wrap:break-word;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-content:hover{background:#1e293bf2!important;border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e26;transform:translateY(-4px)}.timeline-year{color:var(--primary)!important;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.timeline-content h3,.timeline-year{word-wrap:break-word;line-height:1.4;margin-top:0;overflow-wrap:break-word}.timeline-content h3{color:#fff!important;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.timeline-content p{word-wrap:break-word;color:#94a3b8!important;font-size:1rem;line-height:1.7;margin:0;overflow-wrap:break-word}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.community-section{background:var(--bg-body);padding:6rem 0}.community-content{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.community-image{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}.community-image img{display:block;height:500px;object-fit:cover;width:100%}.community-text h2{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2.5rem}.community-features{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.community-feature{word-wrap:break-word;align-items:flex-start;display:flex;gap:1.5rem;overflow:hidden;overflow-wrap:break-word}.feature-icon{align-items:center;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;min-width:56px;width:56px}.community-feature>div:last-child{display:flex;flex:1 1;flex-direction:column;justify-content:center}.community-feature h4{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;margin-top:0}.community-feature h4,.community-feature p{word-wrap:break-word;overflow-wrap:break-word}.community-feature p{color:#94a3b8;font-size:1rem;line-height:1.6;margin:0}.community-btn{align-items:center;background:var(--primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;display:inline-flex;font-size:1.0625rem;font-weight:600;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.community-btn:hover{background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.certifications-section{background:#0000;padding:6rem 0}.certifications-section .section-title{color:#fff!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.certifications-section .section-subtitle{color:#94a3b8!important;font-size:1.125rem!important;font-weight:500!important;line-height:1.6!important;margin-bottom:3rem!important;margin-top:.75rem!important;text-align:center!important}.certifications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(5,1fr);text-align:center}.cert-item{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;overflow:hidden;overflow-wrap:break-word;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cert-item:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33;transform:translateY(-8px)}.cert-icon{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.cert-icon.iso{background:var(--primary)}.cert-icon.rohs{background:#06b6d4}.cert-icon.ce{background:var(--warning)}.cert-icon.ul{background:#ef4444}.cert-icon.tco{background:#8b5cf6}.cert-item p{color:#fff;font-size:.9375rem;font-weight:600}.cta-section{background:linear-gradient(135deg,#0a1929,#1a2f47 50%,#0f172a);color:#fff;padding:5rem 0;text-align:center}.cta-section h2{color:#fff!important;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-btn{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:1.125rem;font-weight:600;padding:1.25rem 3rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-btn.primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff}.cta-btn.primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.cta-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid var(--primary);color:var(--primary)}.cta-btn.secondary:hover{background:#22c55e1a;box-shadow:0 8px 24px #22c55e33;transform:translateY(-2px)}@media (max-width:1023px) and (min-width:768px){.container{padding:0 1.25rem}.section-title{font-size:2rem!important}.section-subtitle{font-size:1.0625rem!important;padding:0 .5rem}.story-content{gap:3rem;grid-template-columns:1fr}.story-image-wrapper{padding-top:0}.story-image{height:350px}.mission-vision-grid{gap:2rem}.mission-card,.vision-card{padding:2.5rem 2rem}.values-grid{gap:1.75rem}.stats-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:2rem}.stat-number{font-size:2.75rem}.timeline{padding:0 1.5rem}.timeline-content{padding:1.75rem}.community-content{gap:3rem;grid-template-columns:1fr}.community-image img{height:400px}.certifications-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.cert-icon{height:72px;width:72px}.cta-section h2{font-size:2.25rem}.cta-btn{font-size:1.0625rem;padding:1.125rem 2.5rem}}@media (max-width:767px) and (min-width:480px){.container{padding:0 1rem}.section-title{font-size:1.875rem!important}.section-subtitle{font-size:1rem!important;padding:0 .75rem}.about-story-section{padding:2.5rem 0 4rem}.story-content{gap:2rem}.story-image-wrapper{padding-top:0}.story-image{height:280px}.story-badge{box-sizing:border-box;margin-top:1rem;padding:1.25rem 1.75rem;position:static;text-align:center;width:100%}.badge-number{font-size:2.25rem}.mission-vision-section{padding:4rem 0}.mission-vision-grid{gap:1.75rem}.mission-card,.vision-card{padding:2rem 1.75rem}.mission-card h3,.vision-card h3{font-size:1.625rem}.core-values-section{padding:4rem 0}.values-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.value-card{padding:2rem 1.5rem}.stats-section{padding:3.5rem 0}.stats-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.75rem}.journey-section{padding:4rem 0}.timeline{padding:0 1rem}.timeline:before{left:1.25rem}.timeline-item{flex-direction:column!important;gap:0;margin-bottom:3rem}.timeline-dot-wrapper{justify-content:flex-start!important;margin-bottom:0;padding:0 0 0 .75rem!important;width:100%}.timeline-content-wrapper{margin-top:-1.25rem;max-width:100%;padding-left:3rem;text-align:left!important;width:100%}.timeline-content{padding:1.5rem;text-align:left}.timeline-year{display:block;font-size:1.5rem;margin-bottom:.75rem}.timeline-content h3{font-size:1.125rem;margin-bottom:.75rem}.timeline-content p{font-size:.9375rem;line-height:1.6}.community-section{padding:4rem 0}.community-content{gap:2.5rem}.community-image img{height:280px}.community-text h2{font-size:1.875rem}.community-features{gap:1.75rem}.feature-icon{height:52px;min-width:52px;width:52px}.community-btn{min-height:48px;padding:1rem 2rem;width:100%}.certifications-section{padding:4rem 0}.certifications-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.cert-icon{height:72px;width:72px}.cta-section{padding:4rem 1rem}.cta-section h2{font-size:2rem}.cta-buttons{gap:1.25rem}.cta-btn{font-size:1.0625rem;min-height:48px;padding:1.125rem 2rem}}@media (max-width:479px){.container{padding:0 .875rem}.section-title{font-size:1.625rem!important;line-height:1.25}.section-subtitle{font-size:.9375rem!important;line-height:1.5;padding:0 .5rem}.about-story-section{padding:1.75rem 0 3rem}.story-content{gap:1.5rem;grid-template-columns:1fr}.story-text{gap:1.25rem}.story-text h2{font-size:1.5rem;line-height:1.3}.story-text p{font-size:.9375rem;line-height:1.65}.story-image-wrapper{padding-top:0}.story-image{height:220px}.story-badge{box-sizing:border-box;margin-top:1rem;padding:1rem 1.25rem;position:static;text-align:center;width:100%}.badge-number{font-size:1.875rem}.badge-text{font-size:.8125rem}.mission-vision-section{padding:2.5rem 0}.mission-vision-grid{gap:1.5rem;grid-template-columns:1fr}.mission-card,.vision-card{padding:1.75rem 1.25rem}.mission-icon,.vision-icon{height:60px;margin-bottom:1.25rem;width:60px}.mission-icon svg,.vision-icon svg{height:40px;width:40px}.mission-card h3,.vision-card h3{font-size:1.375rem}.mission-card p,.vision-card p{font-size:1rem}.core-values-section{padding:2.5rem 0}.values-grid{gap:1.25rem;grid-template-columns:1fr}.value-card{padding:1.75rem 1.25rem}.value-icon{height:68px;margin-bottom:1.25rem;width:68px}.value-icon svg{height:36px;width:36px}.value-card h3{font-size:1.125rem}.value-card p{font-size:.875rem}.stats-section{padding:2.5rem 0}.stats-grid{gap:1.75rem;grid-template-columns:1fr}.stat-item{padding:1.25rem}.stat-number{font-size:2.25rem}.stat-label{font-size:1rem}.leadership-section{padding:2.5rem 0}.team-grid{gap:1.5rem;grid-template-columns:1fr}.team-card{padding:1.5rem 1.25rem}.team-image{height:120px;width:120px}.journey-section{padding:2.5rem 0}.timeline{padding:0 .875rem}.timeline:before{left:.875rem;width:2px}.timeline-item{flex-direction:column!important;gap:0;margin-bottom:2.5rem;padding-left:0}.timeline-dot-wrapper{justify-content:flex-start!important;margin-bottom:0;padding:0 0 0 .375rem!important;width:100%}.timeline-dot{border-width:3px;height:16px;width:16px}.timeline-dot:after{height:6px;width:6px}.timeline-content-wrapper{margin-top:-1rem;max-width:100%;padding-left:2.5rem;text-align:left!important;width:100%}.timeline-content{padding:1.25rem}.timeline-content,.timeline-year{display:block!important;text-align:left!important}.timeline-year{font-size:1.25rem;margin-bottom:.625rem;width:100%}.timeline-content h3{font-size:1.0625rem;margin-bottom:.625rem}.timeline-content h3,.timeline-content p{display:block!important;text-align:left!important;width:100%}.timeline-content p{font-size:.875rem;line-height:1.6}.community-section{padding:2.5rem 0}.community-content{gap:1.75rem;grid-template-columns:1fr}.community-image img{height:220px}.community-text h2{font-size:1.5rem;line-height:1.3;margin-bottom:1.25rem}.community-feature,.community-features{gap:1.25rem}.feature-icon{height:44px;min-width:44px;width:44px}.feature-icon svg{height:20px;width:20px}.community-feature h4{font-size:1.125rem}.community-feature p{font-size:.9375rem}.community-btn{font-size:1rem;min-height:48px;padding:.9375rem 1rem;width:100%}.certifications-section{padding:2.5rem 0}.certifications-grid{gap:1rem;grid-template-columns:1fr}.cert-item{padding:1.75rem 1.25rem}.cert-icon{height:64px;width:64px}.cert-icon svg{height:40px;width:40px}.cert-item p{font-size:.875rem}.cta-section{padding:2.5rem .875rem}.cta-section h2{font-size:1.625rem;line-height:1.3;margin-bottom:2rem}.cta-buttons{align-items:stretch;flex-direction:column;gap:1rem}.cta-btn{font-size:1rem;max-width:100%;min-height:48px;padding:.9375rem 1rem;width:100%}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.profile-page{background:var(--bg-body);color:var(--text-main);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.profile-container{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1rem;width:100%}.profile-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000001a;color:var(--text-main);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.profile-back-button:hover{background:#ffffff26;border-color:var(--primary);box-shadow:0 4px 12px #22c55e33;color:var(--primary);transform:translateY(-1px)}.profile-back-button .back-icon{height:20px;width:20px}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr}@media (max-width:968px){.profile-layout{gap:1.5rem;grid-template-columns:1fr}}.profile-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-sidebar:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}@media (max-width:968px){.profile-sidebar{padding:1.5rem;position:static}}.profile-user-info{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:2rem;text-align:center}.profile-avatar-container{display:flex;justify-content:center;margin-bottom:1rem}.profile-avatar-image{border:3px solid var(--primary);border-radius:50%;object-fit:cover}.profile-avatar-image,.profile-avatar-initials{box-shadow:0 4px 12px #22c55e4d;height:100px;width:100px}.profile-avatar-initials{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center}.profile-user-name{color:var(--text-main);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.profile-user-email{color:var(--text-muted);font-size:.875rem;margin:0}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.profile-nav-item{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-nav-item,.profile-nav-item a{align-items:center;display:flex;gap:.75rem;text-decoration:none;width:100%}.profile-nav-item a{color:inherit}.profile-nav-item svg{flex-shrink:0}.profile-nav-item:hover{background:#ffffff1a;color:var(--text-main);transform:translateX(4px)}.profile-nav-item.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);box-shadow:0 4px 12px #22c55e4d;color:#fff;font-weight:600}.profile-nav-item.active svg{stroke:#fff}.profile-nav-item.logout{border-top:1px solid #ffffff1a;color:var(--error);margin-top:1rem;padding-top:1rem}.profile-nav-item.logout:hover{background:#ef44441a;color:#dc2626}.profile-main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66!important;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-main-content:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}@media (max-width:768px){.profile-main-content{padding:1.5rem}}.profile-section{width:100%}.section-header{border-bottom:2px solid #ffffff1a;justify-content:space-between;margin-bottom:2rem}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.section-title{color:#fff!important;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #0003}.edit-profile-btn{font-size:.875rem}.add-address-btn,.edit-profile-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-address-btn{font-size:.9375rem}.edit-profile-btn svg{stroke:#fff}.add-address-btn svg{stroke:#fff;stroke-width:2.5;height:18px;width:18px}.add-address-btn:hover,.edit-profile-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.order-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--text-main);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-filter:focus{background:#ffffff26;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e33;outline:none}.order-filter option{background:var(--slate-800);color:var(--text-main)}.profile-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.profile-info-grid{gap:1.5rem;grid-template-columns:1fr}}.info-item{gap:.5rem}.info-item label{color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item p{color:var(--text-main);font-size:1rem;font-weight:500;margin:0}.addresses-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.addresses-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:968px){.addresses-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.addresses-list{grid-template-columns:1fr}}.address-card{background:#1e293bf2;box-shadow:0 2px 8px #00000026;flex-direction:column;gap:.375rem;padding:.625rem;position:relative;transition:all .2s ease}.address-card:hover{border-color:#ffffff40;box-shadow:0 4px 12px #0003}.address-card.default-address{background:#1e293bf2;border-left:3px solid var(--primary)}.default-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.625rem;letter-spacing:.5px;line-height:1;margin-bottom:.1875rem;padding:.125rem .4375rem;width:-webkit-fit-content;width:fit-content}.address-details{display:flex;flex:1 1;flex-direction:column;gap:.125rem;margin:0;padding:0}.address-details p{font-size:.8125rem;font-weight:400;line-height:1.25;margin:0;padding:0}.address-details p:first-child{color:#fff!important;font-size:.875rem;font-weight:600;margin-bottom:0}.address-actions{align-items:center;border-top:1px solid #ffffff1a;gap:.75rem;margin:0;padding:.4375rem 0 0}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#fff!important;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;text-decoration:none;transition:all .2s ease}.action-btn:hover{background:#1e293bcc;border-color:#ffffff40;box-shadow:0 2px 8px #0000004d}.action-btn svg{stroke:currentColor;stroke-width:2;color:#fff!important;flex-shrink:0;height:16px;width:16px}.action-btn.edit{background:#1e293b99;color:#fff!important}.action-btn.edit:hover{background:#fbbf2440!important;border-color:#fbbf2480!important;color:#fbbf24!important}.action-btn.edit:hover svg{stroke:#fbbf24!important;color:#fbbf24!important}.action-btn.delete{background:#1e293b99;color:#fff!important}.action-btn.delete:hover{background:#ef444440!important;border-color:#ef444480!important;color:#ef4444!important}.action-btn.delete:hover svg{stroke:#ef4444!important;color:#ef4444!important}.action-btn.set-default{background:#0000;border:1.5px solid var(--primary);border-radius:var(--radius-lg);color:var(--primary);font-size:.875rem;font-weight:600;padding:.5rem 1rem}.action-btn.set-default:hover{background:#22c55e33;border-color:var(--primary-hover);box-shadow:0 4px 12px #22c55e33;color:var(--primary-hover);transform:translateY(-1px)}.orders-list{gap:1.5rem}.order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2!important;border:1px solid #fff3!important;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0006!important;color:#fff!important;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card .order-item,.order-card .order-item-details,.order-card .order-item-image{background:#0000!important}.order-card .order-item{background:#1e293b4d!important}.order-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e33}.order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.order-header{flex-direction:column;gap:1rem}}.order-number{color:#fff!important;font-size:1.125rem;margin:0 0 .25rem}.order-date{color:#94a3b8!important;font-size:.875rem;margin:0}.order-status{background:#0000!important;border:1px solid!important;border-radius:20px;padding:.375rem .75rem;text-transform:capitalize}.order-status.delivered,.order-status.shipped{background:#22c55e33!important;border-color:#22c55e66!important;color:#22c55e!important}.order-status.processing{background:#f59e0b33!important;border-color:#f59e0b66!important;color:#f59e0b!important}.order-status.confirmed{background:#3b82f633!important;border-color:#3b82f666!important;color:#3b82f6!important}.order-status.pending{background:#94a3b833!important;border-color:#94a3b866!important;color:#94a3b8!important}.order-status.cancelled{background:#ef444433!important;border-color:#ef444466!important;color:#ef4444!important}.order-status:not(.delivered):not(.shipped):not(.processing):not(.confirmed):not(.pending):not(.cancelled){background:#94a3b833!important;border-color:#94a3b866!important;color:#94a3b8!important}.order-item{background:#0000!important;padding:.75rem}.order-item-image{background:#1e293be6!important;border:1px solid #fff3!important;border-radius:var(--radius-lg);height:60px;width:60px}.order-item-placeholder{align-items:center;color:var(--text-muted);display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.order-item-details{background:#0000!important;color:#fff!important}.order-item-details h4{color:#fff!important;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.order-item-details p{color:#94a3b8!important;font-size:.875rem;margin:.125rem 0}.order-item-price{color:var(--primary)!important;font-weight:600}.order-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:1rem}@media (max-width:768px){.order-footer{align-items:flex-start;flex-direction:column;gap:1rem}}.order-total{align-items:center;display:flex;font-size:1rem;gap:.5rem}.order-total,.order-total span{color:#94a3b8!important}.order-total strong{color:var(--primary);font-size:1.25rem;font-weight:700}.order-actions{gap:.75rem}.order-action-btn{border:1px solid;border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-action-btn.primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-color:var(--primary);box-shadow:0 4px 12px #22c55e4d;color:#fff}.order-action-btn.primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.order-action-btn.secondary{background:#0000;border-color:var(--primary);color:var(--primary)}.order-action-btn.secondary:hover{background:#22c55e33;transform:translateY(-2px)}.load-more-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);color:var(--text-main);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.load-more-btn:hover{background:#22c55e33;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.empty-state{color:#fff!important;padding:3rem 1rem}.empty-state p{color:#fff!important;font-size:1rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.section-subtitle{color:#fff9;font-size:.9375rem;font-weight:400;margin-top:.5rem}.wishlist-section{padding:0;width:100%}.wishlist-section .section-header{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:1.5rem}.wishlist-section .section-header>div{display:flex;flex-direction:column;gap:.75rem}.wishlist-section .section-title{margin:0 0 .25rem}.wishlist-section .section-subtitle{color:#ffffffb3;font-size:.9375rem;margin:0}.wishlist-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;margin-top:0;padding:0;width:100%}.loading-container{padding:3rem 1rem}.loading-container p{color:var(--text-muted);font-size:1rem}@media (max-width:1024px){.wishlist-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wishlist-section .section-header{margin-bottom:2rem}}@media (max-width:768px){.wishlist-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wishlist-section .section-header{margin-bottom:1.5rem;padding-bottom:1rem}.wishlist-section .section-header>div{gap:.5rem}}@media (max-width:480px){.wishlist-grid{gap:1.5rem;grid-template-columns:1fr}.wishlist-section .section-header{margin-bottom:1.5rem}}@media (max-width:768px){.profile-container{padding:1rem}.profile-page-title{font-size:1.5rem}.profile-sidebar{position:static}.profile-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.profile-nav-item{font-size:.875rem;padding:.625rem .75rem}.profile-nav-item svg{height:18px;width:18px}.profile-main-content{padding:1rem}.section-title{font-size:1.25rem}.profile-info-grid{grid-template-columns:1fr}.address-actions,.order-actions{flex-direction:column;width:100%}.action-btn,.order-action-btn{justify-content:center;width:100%}}.customers-page{background:#f9fafb;min-height:100vh;padding:1.2rem;position:relative;z-index:1}.filter-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.filter-item.search-filter{grid-column:span 1}.filter-input,.filter-select{background:#fff!important;color:#374151!important}.table-wrapper{overflow-x:visible}.customers-table{border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.customers-table thead{background:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.customers-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:.625rem .75rem;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.customers-table th.col-actions{text-align:center}.col-user{max-width:200px;min-width:200px;width:200px}.col-phone{max-width:90px;min-width:90px;width:90px}.col-role{max-width:65px;min-width:65px;width:65px}.col-status{max-width:75px;min-width:75px;width:75px}.col-login,.col-registered{max-width:95px;min-width:95px;width:95px}.col-orders{max-width:55px;min-width:55px;text-align:center;width:55px}.col-actions{max-width:120px;min-width:120px;width:120px}.customers-table th:first-child{padding-left:1rem}.customers-table th:last-child{padding-right:1rem}.customers-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.8125rem;overflow:hidden;padding:.625rem .75rem;text-overflow:ellipsis;vertical-align:middle}.customers-table td:first-child{padding-left:1rem}.customers-table td:last-child{padding-right:1rem}.customers-table tbody tr:last-child td{border-bottom:none}.table-row{height:64px;position:relative;transition:all .2s;z-index:1}.table-row:hover{background-color:#f9fafb}.user-info-cell{padding:.625rem .75rem!important}.user-info-wrapper{align-items:center;display:flex;gap:.75rem;min-width:0}.user-avatar,.user-avatar-initials{align-items:center;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.user-avatar{object-fit:cover}.user-avatar-initials{background:#3b82f6;color:#fff;font-size:.875rem;font-weight:600}.user-details{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.user-name{color:#1f2937;font-size:.8125rem;font-weight:600}.user-email,.user-name{line-height:1.3}.phone-cell,.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-cell{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.date-cell{font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.orders-cell{color:#1f2937;font-size:.8125rem;font-weight:600;text-align:center}.actions-cell{min-width:180px;padding:.625rem .5rem!important}.role-badge,.status-badge{border-radius:8px;display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.user{background:#dbeafe;color:#1e40af}.status-badge.active{background:#d1fae5;color:#065f46}.action-text-btn.deactivate-btn{background:#fef2f2;border-color:#ef4444;color:#dc2626!important}.action-text-btn.deactivate-btn:hover{background:#fee2e2;border-color:#dc2626;color:#b91c1c!important}.action-text-btn.activate-btn{background:#f0fdf4;border-color:#16a34a;color:#16a34a!important}.action-text-btn.activate-btn:hover{background:#dcfce7;border-color:#15803d;color:#15803d!important}.action-buttons{display:flex;flex-wrap:nowrap;gap:.35rem;justify-content:flex-end}.action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;padding:.35rem;transition:all .2s;width:28px}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn svg{height:14px;width:14px}.view-btn{border-color:#3b82f6;color:#3b82f6}.view-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.edit-btn{border-color:#f59e0b;color:#f59e0b}.edit-btn:hover{background:#fef3c7;border-color:#d97706;color:#d97706}.activate-btn{border-color:#22c55e;color:#22c55e}.activate-btn:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.deactivate-btn{border-color:#ef4444;color:#ef4444}.deactivate-btn:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}@media (max-width:1200px){.filter-row{gap:.75rem;grid-template-columns:2fr 1fr 1fr}.filter-item:nth-child(4),.filter-item:nth-child(5){grid-column:span 1}}@media (max-width:1024px){.customers-table{table-layout:auto}.col-user{min-width:180px;width:auto}.col-login,.col-phone,.col-registered{min-width:90px;width:auto}.filter-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.customers-page{padding:.9rem}.filter-row{grid-template-columns:1fr}.filters-card,.table-card{border-radius:6px}.action-buttons{flex-direction:column;gap:.3rem}.action-btn{width:100%}}@media (max-width:480px){.customers-page{padding:.6rem}.filters-content,.table-header{padding:.75rem}.customers-table td,.customers-table th{padding:.625rem .75rem}}.user-edit-form .form-group input,.user-edit-form .form-group select,.user-edit-form .form-group textarea{-webkit-text-fill-color:#1f2937!important;background-color:#fff!important;color:#1f2937!important}.user-edit-form .form-group input::placeholder,.user-edit-form .form-group textarea::placeholder{-webkit-text-fill-color:#9ca3af!important;color:#9ca3af!important;opacity:1}.user-edit-form .form-group select option{background-color:#fff!important;color:#1f2937!important}.user-edit-form .form-group input[type=email],.user-edit-form .form-group input[type=tel],.user-edit-form .form-group input[type=text]{-webkit-text-fill-color:#1f2937!important;background-color:#fff!important;color:#1f2937!important}.user-edit-form .form-group input[value]:not([value=""]),.user-edit-form .form-group select[value]:not([value=""]){-webkit-text-fill-color:#1f2937!important;color:#1f2937!important}.stepper-container{width:100%}.stepper-steps{align-items:center;display:flex;padding:2rem 1rem;width:100%}.stepper-indicator{cursor:pointer;outline:none;position:relative}.stepper-indicator.no-click{cursor:default}.stepper-circle{align-items:center;border-radius:50%;display:flex;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.stepper-dot{background:#fff;border-radius:50%;height:12px;width:12px}.stepper-number{color:inherit;font-size:.875rem}.stepper-connector{background:#e5e7eb;border-radius:2px;flex:1 1;height:2px;margin:0 .5rem;overflow:hidden;position:relative}.stepper-connector-line{height:100%;left:0;position:absolute;top:0}.stepper-step-content{padding:1rem 2rem}.stepper-footer{padding:1rem 2rem 2rem}.stepper-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem}.stepper-buttons:has(.stepper-btn-back){justify-content:space-between}.stepper-btn{border:none;border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:all .35s ease}.stepper-btn-back{background:#0000;color:#64748b}.stepper-btn-back:hover{color:#1e293b}.stepper-btn-next{align-items:center;background:#22c55e;color:#fff;display:flex;justify-content:center}.stepper-btn-next:hover{background:#16a34a}.stepper-btn-next:active{background:#15803d}.checkout-page{background:var(--bg-body);display:flex;flex-direction:column;min-height:100vh;padding-bottom:2rem}.checkout-container{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 24px;width:100%}.checkout-progress{margin-bottom:2rem;padding:1rem 0}.checkout-stepper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f4799;border:1px solid #ffffff26;border-radius:var(--radius-xl);padding:1rem}.checkout-stepper-steps{padding:1rem .5rem!important}.checkout-stepper .stepper-circle{background:#ffffff1a;border:2px solid #fff3;color:#94a3b8}.checkout-stepper .stepper-circle.active,.checkout-stepper .stepper-circle.completed{background:var(--primary);border-color:var(--primary);color:#fff}.checkout-stepper .stepper-circle.active{box-shadow:0 0 0 4px #22c55e33}.checkout-stepper .stepper-connector{background:#ffffff1a}.checkout-stepper .stepper-connector-line{background:var(--primary)}.checkout-stepper-content,.checkout-stepper-footer{display:none!important}.progress-back-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.9375rem;gap:.5rem;margin-bottom:1.5rem;transition:all .2s ease}.progress-back-link:hover{color:#4ade80;transform:translateX(-4px)}.checkout-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px}.checkout-main{display:flex;flex-direction:column;gap:1.5rem}.checkout-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkout-section:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg)}.section-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-icon{color:var(--primary);flex-shrink:0;height:24px;width:24px}.section-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.login-section{background:#1a2f47e6;border-color:#fbbf244d}.warning-banner{align-items:center;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:var(--radius-md);color:#fbbf24;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem}.login-form{gap:1rem}.form-group label{color:#fff}.form-group input,.form-group select{-webkit-text-fill-color:#fff!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0d!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:10px;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#fff!important;font-size:.9375rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s}.form-group input::placeholder{-webkit-text-fill-color:#94a3b8!important;color:#94a3b8!important;opacity:1}.form-group input:focus,.form-group select:focus{-webkit-text-fill-color:#fff!important;background:#ffffff1a!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2322c55e' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:var(--primary);box-shadow:0 0 0 3px #22c55e33;color:#fff!important;outline:none}.form-group select option{background:#1a2f47!important;color:#fff!important;padding:.5rem}.form-group select option:checked,.form-group select option:focus,.form-group select option:hover{background:#22c55e;color:#fff}.password-toggle{color:#94a3b8}.password-toggle:hover{color:#fff}.form-options{color:#94a3b8}.form-options label{align-items:center;color:#94a3b8;cursor:pointer;display:flex;gap:.5rem}.forgot-password{font-weight:500}.forgot-password:hover{color:#4ade80}.btn-primary{background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-primary:disabled{background:#ffffff1a;box-shadow:none;opacity:.6}.login-divider{margin:1.25rem 0;position:relative;text-align:center}.login-divider:before{background:#ffffff26;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#1a2f47e6;color:#94a3b8;font-size:.8125rem;letter-spacing:.05em;padding:0 1rem;position:relative;text-transform:uppercase}.login-options{display:flex;gap:.75rem}.btn-google,.btn-secondary{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s}.btn-google:hover,.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.addresses-list{display:flex;flex-direction:column;gap:.75rem}.address-card-wrapper{background:#0000!important;border:none!important}.address-card-wrapper .spotlight-card-overlay{border-radius:var(--radius-lg)}.address-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f4799;border:1px solid #ffffff26;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.address-card:hover{background:#1a2f47cc;border-color:#22c55e4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.address-card.selected{background:#22c55e26;border-color:var(--primary);box-shadow:0 0 0 2px #22c55e33,var(--shadow-md)}.address-radio{margin-top:.25rem}.address-radio input[type=radio]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.address-content{flex:1 1}.address-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.address-name{color:#fff;font-size:1rem;font-weight:600}.default-badge{background:var(--primary);border-radius:12px;color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.address-details{color:#fff!important;font-size:.875rem;line-height:1.5}.address-details p{color:#fff!important;margin:.25rem 0}.address-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{align-items:center;background:#1e293b99!important;border:1px solid #fff3!important;border-radius:var(--radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.action-icon{color:#fff!important;height:16px;width:16px}.btn-edit:hover{background:#fbbf2440!important;border-color:#fbbf2480!important}.btn-edit:hover .action-icon{color:#fbbf24!important}.btn-delete:hover{background:#ef444440!important;border-color:#ef444480!important}.btn-delete:hover .action-icon{color:#ef4444!important}.btn-add-address{align-items:center;background:#22c55e1a;border:1px dashed #22c55e66;border-radius:var(--radius-lg);color:var(--primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.btn-add-address:hover{background:#22c55e33;border-color:#22c55e99;box-shadow:var(--shadow-md);transform:translateY(-2px)}.empty-addresses{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:1.25rem;padding:3rem 2rem;text-align:center}.empty-address-icon{align-items:center;background:#22c55e26;border-radius:50%;color:var(--primary);display:flex;height:56px;justify-content:center;margin-bottom:.5rem;width:56px}.empty-addresses p{color:#94a3b8;font-size:1rem;margin:0}.loading{align-items:center;color:#94a3b8;display:flex;gap:.75rem;justify-content:center;padding:2rem}.checkout-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 2rem)}.order-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2f47cc;border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-summary-card:hover{border-color:#22c55e4d;box-shadow:var(--shadow-lg)}.order-summary-card h3{border-bottom:1px solid #ffffff26;color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:1rem}.summary-items{max-height:350px;overflow-y:auto;padding-right:.5rem}.summary-items::-webkit-scrollbar{width:6px}.summary-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.summary-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.summary-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.summary-item{border-bottom:1px solid #ffffff1a;gap:.75rem;padding-bottom:1rem}.summary-item:last-child{border-bottom:none;padding-bottom:0}.item-image{background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);height:56px;width:56px}.image-placeholder{font-size:1.5rem}.item-details{display:flex;flex-direction:column;gap:.25rem}.item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.item-sku{color:#94a3b8;font-size:.6875rem}.item-quantity{color:#94a3b8;font-size:.8125rem}.item-price{color:var(--primary)}.summary-totals{border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:1.25rem}.summary-note{color:#94a3b8;font-size:.8125rem;margin-bottom:1rem;text-align:center}.total-row{color:#94a3b8}.total-row.total{border-top:2px solid #ffffff26;color:#fff;font-size:1.125rem;font-weight:800;margin-top:.5rem;padding-top:.75rem}.total-row.discount{color:var(--success)}.btn-proceed{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-proceed:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-proceed:disabled{background:#ffffff1a;box-shadow:none;cursor:not-allowed;opacity:.6}.checkout-empty{color:#94a3b8;padding:4rem 2rem;text-align:center}.checkout-empty h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.checkout-empty p{color:#94a3b8;font-size:1rem;margin-bottom:2rem}.modal-overlay{background:#0f172acc}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff26;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.address-modal,.modal-content{background:#1a2f47f2!important}.address-modal{padding:0!important}.spotlight-card.address-modal{background:#0000!important}.spotlight-card.address-modal .modal-content{background:#1a2f47f2!important}.modal-header{border-bottom:1px solid #ffffff26}.modal-header h2{color:#fff;font-size:1.125rem}.modal-close{background:#ffffff1a;border-radius:var(--radius-sm);color:#94a3b8;font-size:1.5rem;padding:.5rem}.modal-close:hover{background:#ffffff26;color:#fff}.address-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.address-form .form-group{display:flex;flex-direction:column;gap:.5rem}.address-form .form-group label{color:#fff!important;font-size:.875rem;font-weight:600}.address-form .form-group input,.address-form .form-group select,.address-form .form-group textarea{-webkit-text-fill-color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;border-radius:var(--radius-md);box-sizing:border-box;color:#fff!important;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}.address-form .form-group input::placeholder,.address-form .form-group textarea::placeholder{-webkit-text-fill-color:#94a3b8!important;color:#94a3b8!important;opacity:1}.address-form .form-group input:focus,.address-form .form-group select:focus,.address-form .form-group textarea:focus{-webkit-text-fill-color:#fff!important;background:#ffffff1a!important;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e33;color:#fff!important;outline:none}.address-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:10px;padding-right:2.5rem}.address-form .form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2322c55e' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.address-form .form-group select option{background:#1a2f47!important;color:#fff!important;padding:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-group label{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-weight:500;gap:.75rem}.checkbox-group input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid #ffffff26;display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1.25rem}.btn-cancel{background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.btn-save{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s}.btn-save:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.address-form .PhoneInput{align-items:center;display:flex;position:relative}.address-form .PhoneInputInput{-webkit-text-fill-color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff26!important;border-radius:var(--radius-md)!important;color:#fff!important;flex:1 1;font-size:.9375rem!important;padding:.75rem 1rem .75rem 3.5rem!important;transition:all .2s!important;width:100%!important}.address-form .PhoneInputInput::placeholder{-webkit-text-fill-color:#94a3b8!important;color:#94a3b8!important}.address-form .PhoneInputInput:focus{-webkit-text-fill-color:#fff!important;background:#ffffff1a!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #22c55e33!important;color:#fff!important;outline:none!important}.address-form .PhoneInputCountry{left:12px!important;margin-right:0!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.address-form .PhoneInputCountryIcon{border-radius:var(--radius-sm)}.address-form .PhoneInputCountrySelect{background:#ffffff0d!important;border:1px solid #ffffff26!important;border-radius:var(--radius-sm)!important;color:#fff!important;cursor:pointer!important;padding:.25rem!important}.address-form .PhoneInputCountrySelect:focus{background:#ffffff1a!important;border-color:var(--primary)!important;outline:none!important}.address-form .PhoneInputCountrySelectArrow{color:#fff!important;opacity:1!important}.modal-content .PhoneInputCountrySelectContainer{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1a2f47fa!important;border:1px solid #ffffff26!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 24px #00000080!important}.modal-content .PhoneInputCountryOption{background:#1a2f47fa!important;color:#fff!important;padding:.75rem 1rem!important}.modal-content .PhoneInputCountryOption:focus,.modal-content .PhoneInputCountryOption:hover{background:#22c55e33!important;color:#fff!important}.modal-content .PhoneInputCountryOption--selected{background:#22c55e4d!important;color:#fff!important}@media (max-width:1024px){.checkout-content{gap:1.5rem;grid-template-columns:1fr}.checkout-sidebar{order:-1;position:static}}@media (max-width:768px){.checkout-container{padding:1.5rem 16px}.checkout-section{padding:1.25rem}.section-header h2{font-size:1.125rem}.form-row{grid-template-columns:1fr}.order-summary-card{padding:1.25rem}.summary-item{gap:.5rem}.item-image{height:48px;width:48px}}.payment-page{background:var(--bg-body);color:var(--text-main);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.payment-container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.payment-progress{margin-bottom:2rem;padding:1rem 0}.payment-stepper{margin:0 auto;max-width:800px}.payment-stepper-steps{padding:1rem 0}.payment-stepper-content,.payment-stepper-footer,.step-content-placeholder{display:none}.progress-back-link{color:var(--primary)!important;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-back-link:hover{color:var(--primary-hover)!important;text-decoration:underline}.payment-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 380px;margin-bottom:2rem}@media (max-width:968px){.payment-content{grid-template-columns:1fr}}.payment-main{display:flex;flex-direction:column;gap:1.5rem}.payment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6!important;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;color:#fff!important;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.payment-card:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}.payment-card *{background-color:initial!important}.payment-card .order-totals,.payment-card .total-row,.payment-card .total-row span{background:#0000!important}.card-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.card-icon{color:var(--primary);height:24px;width:24px}.payment-card h3{color:#fff!important;font-size:1.25rem;font-weight:700;margin:0}.order-items{margin-bottom:1.5rem}.order-item{background:#1e293b80;border:1px solid #ffffff1a;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.order-item:hover{background:#1e293bb3;border-color:#22c55e4d;transform:translateY(-2px)}.item-info{flex:1 1;min-width:0}.item-sku{margin-bottom:.125rem}.item-quantity,.item-sku{color:var(--text-muted)!important}.order-totals{border-top:2px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.order-totals,.total-row{background:#0000!important}.total-row{color:#94a3b8!important}.total-row span,.total-row.total{background:#0000!important}.total-row span{color:inherit!important}.bank-details-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e33;border:1px solid #22c55e66;border-radius:var(--radius-lg);color:#fff;padding:1.5rem}.bank-row{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.bank-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bank-label{color:#ffffffe6;font-size:.875rem;font-weight:600}.bank-value{color:#fff;font-size:1rem;font-weight:700}.bank-value-with-copy{align-items:center;display:flex;gap:.5rem}.copy-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.copy-icon{color:#fff;height:16px;width:16px}.copy-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.instructions-list{list-style:none;margin:0;padding:0}.instructions-list li{color:#fff!important;font-size:.875rem;line-height:1.8;padding:.75rem 0}.payment-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:100px}.payment-sidebar::-webkit-scrollbar{width:6px}.payment-sidebar::-webkit-scrollbar-track{background:#0000}.payment-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.payment-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.confirmation-text{color:var(--text-muted)!important;font-size:.9375rem;line-height:1.8;margin-bottom:1rem}.whatsapp-number{align-items:center;background:#1e293b99;border:1px solid #fff3;border-radius:var(--radius-lg);color:#fff!important;display:flex;gap:.5rem;padding:1rem}.btn-whatsapp,.whatsapp-number{font-size:1rem;font-weight:600;margin-bottom:1rem}.btn-whatsapp{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-whatsapp:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.confirmation-instructions{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.confirmation-instructions h4{color:#fff!important;font-size:1rem;font-weight:600;margin-bottom:.75rem}.confirmation-instructions ol{color:#fff!important;font-size:.875rem;line-height:1.8;margin:0;padding-left:1.25rem}.confirmation-instructions li{margin-bottom:.5rem}.confirmation-instructions strong{color:var(--primary)!important;font-weight:600}.verification-time{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:var(--radius-lg);color:#fff!important;font-size:.875rem;line-height:1.8;margin-top:1.5rem;padding:1rem}.verification-time strong{color:var(--primary)!important}.how-it-works{margin:3rem 0;text-align:center}.how-it-works h2{color:#fff!important;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle{color:var(--text-muted)!important;font-size:1rem;margin-bottom:2rem}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}@media (max-width:968px){.steps-grid{grid-template-columns:1fr}}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e33;transform:translateY(-4px)}.step-icon-wrapper{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.step-icon{color:var(--primary);height:32px;width:32px}.step-card h4{color:#fff!important;font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.step-card p{color:var(--text-muted)!important;font-size:.9375rem;line-height:1.8}.faq-section{margin:3rem 0}.faq-section h2{color:#fff!important;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;text-align:center}.faq-list{flex-direction:column;margin-top:2rem}.faq-item,.faq-list{display:flex;gap:1.5rem}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0003;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #22c55e26;transform:translateY(-2px)}.faq-icon-wrapper{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.faq-icon{color:var(--primary);height:24px;width:24px}.faq-content h4{color:#fff!important;font-size:1rem;font-weight:700;margin-bottom:.75rem}.faq-content p{color:var(--text-muted)!important;font-size:.9375rem;line-height:1.8}.help-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e33;border:1px solid #22c55e66;border-radius:var(--radius-xl);box-shadow:0 8px 32px #22c55e33;color:#fff;margin:3rem 0;padding:3rem 2rem;text-align:center}.help-icon-wrapper{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.help-icon{color:#fff;height:40px;width:40px}.help-section h3{color:#fff!important;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.help-section p{color:#ffffffe6!important;font-size:1rem;margin-bottom:2rem}.help-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-help-email,.btn-help-whatsapp{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon{height:18px;width:18px}.btn-help-whatsapp{background:#fff;border:none;box-shadow:0 4px 12px #0003;color:var(--primary)}.btn-help-whatsapp:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.btn-help-email{background:#0000;border:2px solid #fff;color:#fff}.btn-help-email:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}@media (max-width:768px){.payment-container{padding:1rem}.payment-progress{padding:.5rem 0}.payment-card{padding:1.5rem}.help-buttons{flex-direction:column}.btn-help-email,.btn-help-whatsapp{justify-content:center;width:100%}}.confirmation-page{background:var(--bg-body);color:var(--text-main);display:flex;flex-direction:column;font-family:var(--font-sans);min-height:100vh}.confirmation-container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.loading-container{color:var(--text-muted);gap:1rem;padding:2rem}.confirmation-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirmation-header:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}.success-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-radius:50%;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:56px;justify-content:center;width:56px}.header-content{flex:1 1;text-align:left}.header-content h1{color:#fff!important;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.order-number{color:var(--primary)!important;font-size:1rem;font-weight:600;margin:0}.confirmation-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media (max-width:968px){.confirmation-grid{grid-template-columns:1fr}}.order-summary-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;padding:2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-summary-section:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}.order-summary-section h2{border-bottom:2px solid #ffffff1a;color:#fff!important;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.summary-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-item{align-items:center;background:#1e293b80;border:1px solid #ffffff1a;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-item:hover{background:#1e293bb3;border-color:#22c55e4d;transform:translateY(-2px)}.item-image{background:#1e293bcc;border:1px solid #fff3;border-radius:var(--radius-lg);height:60px;width:60px}.image-placeholder{background:#1e293b99}.placeholder-icon{color:var(--text-muted);height:24px;width:24px}.item-name{color:#fff!important;font-size:.9375rem;line-height:1.3}.item-meta{color:var(--text-muted)!important;display:flex;font-size:.75rem;gap:.75rem}.item-price{color:var(--primary)!important;font-size:.9375rem;font-weight:700}.summary-totals{border-top:2px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.total-row{color:var(--text-muted)!important;margin-bottom:.75rem}.total-row:last-of-type:not(.total){margin-bottom:0}.total-row.total{border-top:1px solid #ffffff1a;color:var(--primary)!important;font-size:1.25rem;font-weight:700;margin-top:1rem;padding-top:1rem}.total-row.total span:first-child{color:#fff!important}.next-steps{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;padding:2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.next-steps:hover{border-color:#f59e0b80;box-shadow:0 8px 32px #f59e0b33}.next-steps h3{border-bottom:2px solid #f59e0b4d;color:#fff!important;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:1rem}.next-steps ol{color:#fff!important;font-size:.9375rem;line-height:1.8;margin:0;padding-left:1.25rem}.next-steps li{margin-bottom:.75rem}.next-steps strong{color:var(--primary)!important;font-weight:600}.confirmation-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirmation-actions:hover{border-color:#22c55e4d;box-shadow:0 8px 32px #22c55e26}.btn-outline,.btn-primary,.btn-secondary{border-radius:var(--radius-lg);cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:600;line-height:1.5;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary,.btn-secondary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-primary:hover,.btn-secondary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,#15803d 100%);box-shadow:0 8px 24px #22c55e66;color:#fff;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:#22c55e33;border-color:var(--primary-hover);transform:translateY(-2px)}@media (max-width:768px){.confirmation-container{padding:1rem}.confirmation-header{flex-direction:column;padding:1.5rem;text-align:center}.header-content{text-align:center}.header-content h1{font-size:1.5rem}.success-icon{font-size:1.75rem;height:48px;width:48px}.next-steps,.order-summary-section{padding:1.5rem}.confirmation-actions{flex-direction:column;padding:1.5rem}.btn-outline,.btn-primary,.btn-secondary{width:100%}}.orders-page{background:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b)!important;color:var(--text-main);display:flex;flex-direction:column;font-family:var(--font-sans);margin:0;padding:0;width:100%}.orders-container{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1.5rem;width:100%}.breadcrumbs{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.breadcrumbs a{color:#22c55e;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#16a34a;text-decoration:underline}.breadcrumbs span{color:#ffffff80}.orders-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.orders-header h1{color:#fff;font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.75rem}.orders-header .subtitle{color:#ffffffbf;font-size:1.125rem;font-weight:400;margin:0}.track-order-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f4799;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2rem;transition:all .3s ease}.track-order-section:hover{border-color:#ffffff40;box-shadow:0 12px 40px #0006}.track-order-section h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.25rem}.track-form{display:flex;gap:.75rem}.track-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;font-weight:400;padding:.875rem 1.25rem;transition:all .2s}.track-input::placeholder{color:#ffffff80}.track-input:focus{background:#ffffff1f;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26;outline:none}.track-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.track-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.track-button:active{transform:translateY(0)}.loading-container{gap:1.5rem;padding:5rem 2rem;text-align:center}.loading-container p{color:#fffc;font-size:1.125rem;font-weight:500;margin:0}.empty-orders{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f4799;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:5rem 2rem;text-align:center}.empty-icon{font-size:4.5rem;margin-bottom:1.5rem;opacity:.8}.empty-orders h2{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.empty-orders p{color:#ffffffb3;font-size:1.0625rem;margin-bottom:2rem}.btn-shop-now{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-shop-now:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:2rem}.order-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f47d9!important;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #0000004d;color:var(--text-main);overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-card:before{background:linear-gradient(90deg,#22c55e,#16a34a 50%,#22c55e);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.order-card:hover:before{opacity:1}.spotlight-card.order-card{background:#1a2f47d9!important}.spotlight-card.order-card>*{background:#0000!important}.order-card:hover{border-color:#fff3;box-shadow:0 12px 48px #0006;transform:translateY(-4px)}.order-card *{color:inherit}.order-card .order-actions,.order-card .order-header,.order-card .order-id-date,.order-card .order-info,.order-card .order-items-section,.order-card .order-status-price,.order-card .order-timeline{background:#0000!important}.order-header{background:#ffffff08!important;border-bottom:1px solid #ffffff1a;margin:0;padding:2rem 2.5rem}.order-info{align-items:flex-start;background:#0000!important;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.order-id-date{background:#0000!important;display:flex;flex:1 1;flex-direction:column;gap:.75rem}.order-id{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.order-date{align-items:center;color:#ffffffa6;display:flex;font-size:.9375rem;font-weight:400;gap:.5rem}.order-date:before{content:"📅";font-size:.875rem}.order-status-price{align-items:flex-end;background:#0000!important;display:flex;flex-direction:column;gap:1rem}.order-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.875rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.625rem 1.25rem;text-transform:uppercase}.order-total{color:#22c55e;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;line-height:1}.order-items-section{background:#0000!important;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;margin:0;padding:2rem 2.5rem}.order-item-row{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.25rem;padding:1.25rem;transition:all .3s ease}.order-item-row:hover{background:#ffffff14;border-color:#ffffff26;transform:translateX(4px)}.order-item-image{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;height:100px;justify-content:center;min-width:100px;overflow:hidden;width:100px}.order-item-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#ffffff0d;color:#fff6;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.order-item-details{flex:1 1;min-width:0}.order-item-name{color:#fff;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:.75rem}.order-item-meta{align-items:center;color:#ffffffbf;display:flex;flex-wrap:wrap;font-size:.9375rem;font-weight:500;gap:1.5rem}.order-item-meta span:first-child{color:#ffffffe6;font-weight:600}.order-item-meta span:last-child{color:#22c55e;font-size:1.0625rem;font-weight:700}.order-actions{background:#0000!important;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:1.5rem 2.5rem}.btn-cancel-order,.btn-invoice,.btn-reorder,.btn-view-details{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-invoice,.btn-reorder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-invoice:hover,.btn-reorder:hover{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-cancel-order{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444426;border:1px solid #ef444466;color:#ef4444}.btn-cancel-order:hover{background:#ef444440;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.btn-view-details{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-view-details:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.order-timeline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08!important;border-bottom:1px solid #ffffff1a;gap:1rem;justify-content:space-between;margin:0;padding:2rem 2.5rem}.order-timeline,.timeline-item{border-radius:0;display:flex;position:relative}.timeline-item{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;flex:1 1;flex-direction:column;min-height:auto;padding:0}.timeline-item:not(:last-child):after{background:#ffffff26;content:"";height:2px;left:calc(100% + .5rem);position:absolute;right:-.5rem;top:24px;z-index:0}.timeline-item:not(:last-child) .timeline-icon.completed:after,.timeline-item:not(:last-child) .timeline-icon.current:after{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66;content:"";height:2px;left:calc(100% + .5rem);position:absolute;right:-.5rem;top:24px;z-index:1}.timeline-content{flex-direction:column;gap:.875rem;width:100%;z-index:2}.timeline-content,.timeline-icon{align-items:center;display:flex;position:relative}.timeline-icon{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0003;color:#ffffff80;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.timeline-icon.completed{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 4px 16px #22c55e66;color:#fff}.timeline-icon.current{animation:pulse 2s infinite;background:#ffffff26;border:3px solid #22c55e;box-shadow:0 0 0 4px #22c55e33,0 4px 16px #22c55e4d;color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #22c55e33,0 4px 16px #22c55e4d}50%{box-shadow:0 0 0 6px #22c55e4d,0 4px 16px #22c55e66}}.timeline-label{text-align:center;width:100%}.timeline-stage-name{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:.375rem}.timeline-date{color:#fff9;font-size:.8125rem;font-weight:400}.delivery-info{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a!important;border-bottom:1px solid #ffffff1a;border-left:4px solid #22c55e;border-radius:0;color:#fffffff2;display:flex;font-size:.9375rem;gap:1rem;line-height:1.6;margin:0;padding:1.5rem 2.5rem}.delivery-info svg{color:#22c55e;flex-shrink:0;margin-top:.125rem}.contact-admin{background:#0000!important;border-top:1px solid #ffffff1a;margin:0;padding:2rem 2.5rem}.btn-contact-whatsapp{align-items:center;background:linear-gradient(135deg,#25d366,#20ba5a);border:none;border-radius:12px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-contact-whatsapp:hover{background:linear-gradient(135deg,#20ba5a,#1da851);box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.btn-contact-whatsapp:active{transform:translateY(0)}.btn-contact-whatsapp svg{height:22px;width:22px}.pagination{gap:.75rem;margin-top:3rem;padding-top:2rem}.pagination-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#ffffffe6;font-size:.9375rem;height:44px;min-width:44px;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){background:#ffffff26;border-color:#22c55e;box-shadow:0 4px 12px #22c55e33;color:#22c55e;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.4;transform:none}.pagination-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.pagination-ellipsis{align-items:center;color:#fff9;display:flex;justify-content:center;padding:.625rem}@media (max-width:1024px){.orders-content{gap:1.5rem;grid-template-columns:1fr}.orders-container{padding:1.5rem 1rem}}@media (max-width:768px){.orders-container{padding:1rem}.orders-header h1{font-size:2.25rem}.order-header{padding:1.5rem}.order-id,.order-total{font-size:1.5rem}.order-info{flex-direction:column;gap:1rem}.order-status-price{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.order-items-section{padding:1.5rem}.order-item-row{padding:1rem}.order-item-image{height:80px;min-width:80px;width:80px}.order-actions{flex-direction:column;padding:1.5rem}.order-actions button{justify-content:center;width:100%}.order-timeline{flex-direction:column;gap:1.5rem;padding:1.5rem}.timeline-item{align-items:center;flex-direction:row;padding:0;width:100%}.timeline-item:not(:last-child) .timeline-icon.completed:after,.timeline-item:not(:last-child) .timeline-icon.current:after,.timeline-item:not(:last-child):after{display:none}.timeline-content{align-items:center;flex-direction:row;gap:1.25rem;width:100%}.timeline-label{flex:1 1;text-align:left}.delivery-info{padding:1.25rem 1.5rem}.contact-admin{padding:1.5rem}}@media (max-width:480px){.orders-header h1{font-size:1.875rem}.order-actions,.order-header,.order-items-section,.order-timeline{padding:1.25rem 1rem}.delivery-info{padding:1rem}.contact-admin{padding:1.25rem 1rem}}.order-detail-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#1f2937!important;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.order-detail-modal *{color:inherit}.order-detail-modal input,.order-detail-modal select,.order-detail-modal textarea{background-color:#fff!important;color:#1f2937!important}.modal-body{flex:1 1}.order-section{margin-bottom:2rem}.order-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1/-1}.address-info,.customer-info{display:flex;flex-direction:column;gap:.75rem}.order-items{display:flex;flex-direction:column;gap:1rem}.order-item{background:#f9fafb;gap:1rem;padding:1rem}.item-image,.order-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex}.item-image{background:#fff;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.item-image img{height:100%;object-fit:cover;width:100%}.item-image-placeholder{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center;width:100%}.item-details{flex:1 1;min-width:0}.item-name{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.item-sku{margin-bottom:.25rem}.item-quantity,.item-sku{color:#6b7280;font-size:.75rem}.item-price{color:#1f2937;font-size:.875rem;font-weight:600;white-space:nowrap}.order-totals{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.total-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.total-row.final-total{border-top:2px solid #e5e7eb;font-size:1rem;font-weight:700;padding-top:.75rem}.total-label{color:#6b7280}.total-value{color:#1f2937;font-weight:600}.total-row.final-total .total-value{color:#22c55e}.order-notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;line-height:1.5;padding:1rem}.no-data,.order-notes{font-size:.875rem;margin:0}.no-data{color:#6b7280;font-style:italic}.screenshot-preview{border:1px solid #e5e7eb;border-radius:8px;margin-top:.5rem;max-width:300px;overflow:hidden}.screenshot-preview img{display:block;height:auto;width:100%}@media (max-width:768px){.order-detail-modal{max-height:95vh;max-width:100%}.modal-body{padding:1rem}.info-grid{grid-template-columns:1fr}.order-item{align-items:flex-start;flex-direction:column}.item-price{align-self:flex-end}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-update-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#1f2937!important;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.status-update-modal *{color:inherit}.status-update-modal input,.status-update-modal select,.status-update-modal textarea{background-color:#fff!important;color:#1f2937!important}.status-update-modal input::placeholder,.status-update-modal textarea::placeholder{color:#9ca3af!important;opacity:1}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto}#status-update-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{gap:.75rem}.order-info{background:#f3f4f6;gap:1rem;padding:1.25rem}.info-item{min-height:2rem}.info-label{font-weight:700}.info-value{font-weight:600}.info-value:first-of-type{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.form-label{display:block;margin-bottom:.5rem}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s;width:100%}.form-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.warning-message{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:.75rem;margin-top:.5rem;padding:.75rem}.warning-message svg{flex-shrink:0;margin-top:.125rem}.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:all .2s}.form-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-textarea::placeholder{color:#9ca3af}.payment-badge,.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.4rem .875rem;text-transform:uppercase;white-space:nowrap}.status-badge.payment-confirmed{background:#dcfce7;border:1px solid #86efac;color:#16a34a}.btn-primary:hover:not(:disabled){background-color:#16a34a}.btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.status-update-modal{max-width:100%}.modal-body{padding:1rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.modal-overlay{background:#00000080;padding:1rem}.payment-confirmation-modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#1f2937!important;display:flex;flex-direction:column;max-width:600px;overflow:hidden;width:100%}.payment-confirmation-modal *{color:inherit}.payment-confirmation-modal input,.payment-confirmation-modal select,.payment-confirmation-modal textarea{background-color:#fff!important;color:#1f2937!important}.payment-confirmation-modal input::placeholder,.payment-confirmation-modal textarea::placeholder{color:#9ca3af!important;opacity:1}.modal-header{background:#f9fafb;padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close-btn{align-items:center;background:none;display:flex;justify-content:center}.modal-close-btn:hover{color:#374151}.modal-close-btn svg{height:20px;width:20px}.modal-body{gap:1.5rem}.form-section,.modal-body{display:flex;flex-direction:column}.form-section{gap:.5rem}.order-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.info-item{align-items:center;display:flex;justify-content:space-between}.info-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1f2937;font-size:.875rem;font-weight:500}.info-value.total-amount{color:#22c55e;font-size:1rem;font-weight:700}.form-label{color:#374151;font-size:.875rem;font-weight:600}.required{color:#ef4444}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.form-input::placeholder{color:#9ca3af}.form-hint{color:#6b7280;font-size:.75rem;margin:.25rem 0 0}.screenshot-upload{width:100%}.screenshot-upload-label{cursor:pointer;display:block}.screenshot-input{display:none}.screenshot-upload-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;text-align:center;transition:all .2s}.screenshot-upload-placeholder:hover{background:#f0fdf4;border-color:#22c55e}.screenshot-upload-placeholder svg{color:#6b7280}.screenshot-upload-placeholder span{color:#374151;font-size:.875rem;font-weight:500}.upload-hint{color:#6b7280;font-size:.75rem}.screenshot-preview-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.screenshot-preview{background:#f9fafb;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.remove-screenshot-btn{align-items:center;background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.5rem .75rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s}.remove-screenshot-btn:hover{background:#dc2626}.remove-screenshot-btn svg{height:16px;width:16px}.payment-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.4rem .875rem;text-transform:uppercase;white-space:nowrap}.payment-pending{background:#fef3c7;color:#d97706}.payment-confirmed{background:#d1fae5;color:#059669}.payment-failed{background:#fee2e2;color:#dc2626}.modal-footer{gap:.75rem;padding:1.25rem 1.5rem}.btn{font-size:.875rem;padding:.5rem 1rem}.btn-primary{background-color:#22c55e;color:#fff}.btn-primary:hover{background-color:#16a34a}@media (max-width:768px){.payment-confirmation-modal{max-width:100%}.modal-body{padding:1rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.orders-page{background:#f9fafb;min-height:100vh;padding:1.2rem}.summary-cards-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.2rem}.summary-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.2rem;transition:transform .2s,box-shadow .2s}.summary-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon svg{height:24px;width:24px}.card-content{flex:1 1;min-width:0}.card-content h3{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.card-value-wrapper{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem}.card-value{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.card-change{background:#f3f4f6;border-radius:4px;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.card-change.positive{background:#d1fae5;color:#22c55e}.card-change:not(.positive){background:#fee2e2;color:#ef4444}.filters-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.2rem}.filters-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.875rem 1rem}.filters-title{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.filters-content{padding:1rem}.filter-row{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:2fr 1fr 1fr 1fr}.filter-item{display:flex;flex-direction:column;gap:.375rem}.filter-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.8125rem;height:36px;padding:.5rem .75rem;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.filter-input::placeholder{color:#9ca3af}.action-bar{display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1.2rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;height:36px;padding:.5rem .75rem;transition:all .2s}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.export-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.export-btn:hover{background-color:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;color:#16a34a}.export-btn:hover .btn-icon{color:#22c55e}.btn-icon{height:16px;width:16px}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.2rem;overflow:visible;position:relative}.table-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.875rem 1rem}.table-title-section{align-items:center;display:flex;gap:.5rem}.table-title{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.table-count{color:#6b7280;font-size:.75rem;font-weight:500}.table-wrapper{overflow-x:auto;overflow-y:visible;position:relative;width:100%}.orders-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.orders-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.orders-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table th:first-child{max-width:50px;min-width:50px;padding:.75rem .5rem .75rem 1rem;width:50px}.orders-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.8125rem;padding:.75rem 1rem;vertical-align:middle}.orders-table td:first-child{max-width:50px;min-width:50px;padding:.75rem .5rem .75rem 1rem;text-align:center;width:50px}.orders-table tbody tr{height:72px;transition:all .2s ease}.orders-table tbody tr:hover{background-color:#f9fafb}.orders-table tbody tr:last-child td{border-bottom:none}.row-checkbox{accent-color:#22c55e;cursor:pointer;height:18px;width:18px}.order-id-cell{color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;font-weight:600}.customer-cell{padding:.75rem 1rem!important}.customer-info-wrapper{align-items:center;display:flex;gap:.75rem;min-width:0}.customer-avatar,.customer-avatar-initials{align-items:center;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.customer-avatar{object-fit:cover}.customer-avatar-initials{color:#fff;font-size:.875rem;font-weight:600}.customer-details{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.customer-name{font-size:.8125rem;font-weight:600}.customer-email,.customer-name{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-email{font-size:.75rem}.date-cell{color:#6b7280;font-size:.8125rem;white-space:nowrap}.total-cell{color:#1f2937;font-size:.8125rem;font-weight:600}.actions-cell{min-width:200px;padding:.75rem .5rem!important;position:relative;text-align:center;vertical-align:middle;width:auto;z-index:1}.action-buttons-row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;justify-content:center;width:100%}.status-badge{border-radius:12px;letter-spacing:.025em;padding:.4rem .875rem}.status-pending{background:#fef3c7;color:#d97706}.status-confirmed{background:#dbeafe;color:#2563eb}.status-processing{background:#fef3c7;color:#f59e0b}.status-shipped{background:#dbeafe;color:#3b82f6}.status-delivered{background:#d1fae5;color:#059669}.status-cancelled{background:#fee2e2;color:#dc2626}.action-text-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#374151;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:500;justify-content:center;line-height:1.2;min-width:-webkit-fit-content;min-width:fit-content;padding:.4rem .7rem;text-align:center;transition:all .2s ease;white-space:nowrap}.action-text-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-text-btn:active{transform:translateY(0)}.action-text-btn.view-btn{background:#eff6ff;border-color:#3b82f6;color:#2563eb!important}.action-text-btn.view-btn:hover{background:#dbeafe;border-color:#2563eb;color:#1e40af!important}.action-text-btn.edit-btn{background:#fffbeb;border-color:#f59e0b;color:#d97706!important}.action-text-btn.edit-btn:hover{background:#fef3c7;border-color:#d97706;color:#b45309!important}.action-text-btn.payment-btn{background:#f0fdf4;border-color:#22c55e;color:#16a34a!important}.action-text-btn.payment-btn:hover{background:#dcfce7;border-color:#16a34a;color:#15803d!important}.empty-state,.loading-state{padding:3rem 2rem}.spinner{border:3px solid #f1f5f9;border-top-color:#22c55e;margin:0 auto 1rem}.empty-state p{font-size:.875rem}.pagination{margin-top:1.2rem}.pagination-btn{align-items:center;border:1px solid #e5e7eb;display:flex;font-size:.8125rem;height:36px;justify-content:center;min-width:36px;padding:.5rem .875rem}.pagination-btn:hover:not(:disabled){border-color:#d1d5db}.pagination-ellipsis{font-size:.8125rem}@media (max-width:1200px){.summary-cards-row{grid-template-columns:repeat(2,1fr)}.filter-row{gap:.75rem;grid-template-columns:2fr 1fr}.filter-item:nth-child(3),.filter-item:nth-child(4){grid-column:span 1}}@media (max-width:1024px){.orders-table{table-layout:auto}}@media (max-width:768px){.orders-page{padding:.9rem}.filter-row,.summary-cards-row{grid-template-columns:1fr}.filters-card,.table-card{border-radius:6px}}@media (max-width:480px){.orders-page{padding:.6rem}.filters-content,.table-header{padding:.75rem}.orders-table td,.orders-table th{font-size:.75rem;padding:.5rem}.customer-info-wrapper{gap:.5rem}.customer-avatar,.customer-avatar-initials{font-size:.75rem;height:28px;width:28px}}.payment-history-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#6b7280;font-size:.9375rem;margin:0}.filters-section{grid-gap:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem;padding:1.5rem}.filter-group label{font-weight:500}.filter-input{background-color:#fff!important;border:1px solid #d1d5db;border-radius:6px;color:#1f2937!important;font-size:.9375rem;padding:.75rem;transition:border-color .2s}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input::placeholder{color:#9ca3af!important;opacity:1}.loading-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#6b7280;font-size:.9375rem}.empty-state{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:#9ca3af;margin-bottom:1rem}.empty-state h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:.9375rem;margin:0}.payments-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.payments-table{border-collapse:collapse;width:100%}.payments-table thead{background:#f9fafb}.payments-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.payments-table td{border-bottom:1px solid #e5e7eb;color:#1f2937!important;padding:1rem}.payments-table tbody tr:hover{background:#f9fafb}.payments-table tbody tr:last-child td{border-bottom:none}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#1f2937;font-weight:500}.customer-email{color:#6b7280;font-size:.875rem}.amount{color:#22c55e;font-size:1rem;font-weight:600}.payment-reference{background:#f3f4f6;border-radius:4px;color:#1f2937;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.view-image-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.view-image-btn:hover{background:#2563eb}.view-image-btn svg{height:16px;width:16px}.no-image{color:#9ca3af;font-style:italic}.no-image,.pagination-btn{font-size:.875rem}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6}.image-modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.image-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.image-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.image-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.image-modal-body{padding:1.5rem}.payment-screenshot-full{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:auto;margin-bottom:1.5rem;width:100%}.payment-details{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.detail-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-bottom:.75rem}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#6b7280!important;font-size:.875rem;font-weight:500}.detail-value{color:#1f2937!important;font-size:1rem;font-weight:600}.export-csv-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.export-csv-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px #3b82f64d;transform:translateY(-1px)}.export-csv-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.export-csv-btn svg{height:18px;width:18px}@media (max-width:1024px){.filters-section{grid-template-columns:1fr}.payments-table-container{overflow-x:auto}.payments-table{min-width:800px}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.export-csv-btn{justify-content:center;width:100%}.payment-history-page{padding:1rem}.page-title{font-size:1.5rem}.image-modal-content{margin:1rem;max-width:100%}}.admin-reviews{background:#f9fafb;min-height:100vh;padding:1.2rem}.reviews-header{margin-bottom:1.5rem}.reviews-header h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.reviews-subtitle{color:#6b7280;font-size:.9375rem;margin:0}.reviews-filters{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem;padding:1.2rem}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s}.filter-group select:hover{border-color:#9ca3af}.filter-group select:focus{border-color:#22c55e;outline:2px solid #22c55e;outline-offset:2px}.reviews-stats{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.2rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.stat-value{color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.reviews-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.2rem;overflow:hidden}.reviews-table table{border-collapse:collapse;width:100%}.reviews-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.reviews-table th{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.reviews-table td{border-top:1px solid #e5e7eb;color:#1f2937;font-size:.9375rem;padding:1rem}.reviews-table tbody tr:hover{background:#f9fafb}.reviews-table tbody tr:last-child td{border-bottom:none}.product-cell{display:flex;flex-direction:column;gap:.25rem}.product-cell strong{color:#1f2937;display:block;font-weight:600;margin-bottom:.25rem}.product-sku{color:#6b7280;font-size:.75rem}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-cell>span:first-child{color:#1f2937;font-weight:500}.user-email{color:#6b7280;font-size:.75rem}.rating-cell{align-items:center;display:flex;gap:.5rem}.rating-stars{display:flex;gap:.15rem}.rating-stars svg{height:14px;width:14px}.rating-value{color:#6b7280;font-size:.875rem;font-weight:500}.comment-cell p{color:#1f2937;line-height:1.5;margin:0}.no-comment{color:#9ca3af;font-style:italic}.status-cell{display:flex;flex-direction:column;gap:.25rem}.status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.status-badge.approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-badge.pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.actions-cell button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:70px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.btn-view{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.btn-view:hover{background:#bfdbfe;border-color:#60a5fa;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.btn-approve{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.btn-approve:hover:not(:disabled){background:#a7f3d0;border-color:#6ee7b7;box-shadow:0 2px 4px #22c55e33;transform:translateY(-1px)}.btn-delete{background:#fee2e2;border-color:#fecaca;color:#991b1b}.btn-delete:hover:not(:disabled){background:#fecaca;border-color:#fca5a5;box-shadow:0 2px 4px #ef444433;transform:translateY(-1px)}.actions-cell button:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state,.loading-state{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state p,.loading-state p{font-size:1rem;margin-top:1rem}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.pagination-btn.active:hover{background:#16a34a;border-color:#16a34a}.pagination-ellipsis{color:#6b7280;padding:.5rem}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.detail-section p{color:#374151;line-height:1.6;margin:.5rem 0}.detail-section strong{color:#1f2937;font-weight:600;margin-right:.5rem}.rating-display{align-items:center;display:flex;gap:.75rem}.rating-display .rating-stars{display:flex;gap:.25rem}.rating-display .rating-stars svg{height:20px;width:20px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.modal-footer button{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background:#fff;border-color:#d1d5db;color:#374151}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.modal-footer .btn-approve{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.modal-footer .btn-approve:hover{background:#a7f3d0;border-color:#6ee7b7}.modal-footer .btn-delete{background:#fee2e2;border-color:#fecaca;color:#991b1b}.modal-footer .btn-delete:hover{background:#fecaca;border-color:#fca5a5}@media (max-width:1024px){.reviews-table{overflow-x:auto}.reviews-table table{min-width:1000px}}@media (max-width:767px){.admin-reviews{padding:1rem}.reviews-filters{flex-direction:column}.filter-group{width:100%}.reviews-stats{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.login-page{background-color:var(--bg-body);display:flex;flex-direction:column;min-height:100vh}.login-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;padding:3rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:var(--text-main);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.login-subtitle{color:var(--text-muted);font-size:1.0625rem;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:600}.form-group input{background:var(--slate-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;padding:.875rem 1rem;transition:all .2s}.form-group input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.password-group{position:relative}.password-toggle{background:none;border:none;color:var(--slate-400);cursor:pointer;font-size:1.2rem;padding:.25rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--slate-600)}.form-options{color:var(--slate-600);font-size:.875rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{cursor:pointer;gap:.5rem}.remember-me input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.forgot-password{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.btn-login{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-login:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.btn-login:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.divider{align-items:center;color:var(--slate-400);display:flex;font-size:.875rem;letter-spacing:.05em;margin:2rem 0;text-transform:uppercase}.divider:after,.divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.divider span{padding:0 1rem}.google-btn-wrapper{width:100%}.google-btn-wrapper>div{width:100%!important}.register-link{color:var(--slate-600);font-size:.9375rem;margin-top:2rem;text-align:center}.register-link a{color:var(--primary);font-weight:600;margin-left:.25rem;text-decoration:none}.register-link a:hover{text-decoration:underline}@media (max-width:640px){.login-card{padding:2rem}.login-header h1{font-size:1.75rem}}:root{--primary:#22c55e;--primary-hover:#16a34a;--primary-light:#1a2f47;--secondary:#0f172a;--secondary-hover:#1e293b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--bg-body:linear-gradient(135deg,#1a2f47,#243a52 50%,#1e293b);--bg-body-solid:#1a2f47;--bg-card:#fff;--text-main:#fff;--text-muted:#94a3b8;--border-color:#ffffff1a;--error:#ef4444;--warning:#f59e0b;--success:#22c55e;--hero-bg-start:#0a1929;--hero-bg-mid:#1a2f47;--hero-bg-end:#0f172a;--hero-text-primary:#fff;--hero-text-secondary:#94a3b8;--hero-accent:#22c55e;--hero-glow:#22c55e26;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--container-width:1280px;--header-height:70px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}html{background:var(--bg-body)}body:has(.admin-layout),html[data-admin-route=true]{overflow-x:visible}#root{background:var(--bg-body)}#root,.App{height:100%;margin:0;padding:0;width:100%}.App{background:#0000}body:has(.admin-layout) .main-header,html[data-admin-route=true] .main-header{display:none!important;height:0!important;left:-9999px!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;position:absolute!important;visibility:hidden!important;width:0!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body);color:var(--text-main);font-family:var(--font-sans)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[class$=-page]{padding-top:65px!important}@media (max-width:768px){[class$=-page]{padding-bottom:80px!important;padding-top:65px!important}}