*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#232f3e;--color-secondary:#ffd814;--color-secondary-dark:#e6b800;--color-secondary-hover:#f7ca00;--color-secondary-hover-light:#ffe75a;--color-secondary-bg-soft:#fff8d6;--color-secondary-bg-translucent:#ffd81440;--primary-color:#232f3e;--secondary-color:#ffd814;--badge-new-color:#0d9488;--badge-new-bg:#0d94881f;--badge-new-border:#0d9488;--badge-vintage-color:#b87333;--badge-vintage-bg:#b873331f;--badge-vintage-border:#b87333;--badge-secondary-color:#a38200;--badge-secondary-bg:#ffd81426;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#2b6cb0;--light-bg:#ecf0f1;--dark-text:#2c3e50;--light-text:#94a3b8;--muted-text:#64748b;--base-text:#475569;--border-color:#e2e8f0;--white:#fff;--text-on-dark:#fff;--table-head-bg:#f9fafb;--table-text-strong:#111827;--table-text:#374151;--table-text-muted:#6b7280;--table-border:#e5e7eb;--table-border-light:#f3f4f6;--bg-base:#fff;--bg-subtle:#f8fafc;--bg-muted:#f1f5f9;--color-dark:#1e2536;--color-dark-hover:#2a3347;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-status-success:#2e7d32;--color-status-success-dot:#4caf50;--color-status-success-bg:#4caf5026;--color-status-success-bg-strong:#4caf5047;--color-status-success-shadow:#4caf5040;--color-status-neutral:#616161;--color-status-neutral-dot:#9e9e9e;--color-status-neutral-bg:#9e9e9e26;--color-status-neutral-bg-strong:#9e9e9e4d;--color-status-neutral-shadow:#9e9e9e40;--color-status-danger:#c62828;--color-status-danger-dot:#f44336;--color-status-danger-bg:#f4433626;--color-status-danger-bg-strong:#f4433647;--color-status-danger-shadow:#f4433640;--card-brand-visa:#1a1f71;--card-brand-mastercard:#eb001b;--card-brand-amex:#006fcf;--card-brand-default:#374151;--color-status-warning:#e65100;--color-status-warning-bg:#ff980026;--color-status-info:#1565c0;--color-status-info-bg:#2196f326;--color-status-purple:#4527a0;--color-status-purple-bg:#673ab726}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;color:var(--dark-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}.btn{border-radius:5px;display:inline-block;padding:10px 20px;transition:all .3s}.btn-primary{background-color:#232f3e;background-color:var(--color-primary);color:var(--white)}.btn-primary:hover{background-color:#37475a}.btn-secondary{background-color:#ffd814;background-color:var(--color-secondary);color:#2c3e50;color:var(--dark-text)}.btn-secondary:hover{background-color:#f7ca00;background-color:var(--color-secondary-hover)}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color)}.btn-lg{padding:15px 30px}.btn-sm{margin:0 2px;padding:5px 10px}.btn-block{display:block;text-align:center;width:100%}.loading{color:#94a3b8;padding:40px}.admin-nav-link,.back-link{align-items:center;background:none;border:none;color:#64748b;color:var(--muted-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:0;position:relative;text-decoration:none}.admin-nav-link:after,.back-link:after{background:#ffd814;background:var(--color-secondary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.admin-nav-link:hover,.back-link:hover{color:#232f3e;color:var(--color-primary)}.admin-nav-link:hover:after,.back-link:hover:after{width:100%}.admin-nav-link svg,.back-link svg{font-size:11px}.badge{border-radius:3px;font-size:12px;padding:4px 8px}.badge-new{background-color:#0d94881f;background-color:var(--badge-new-bg);border:1.5px solid #0d9488;border:1.5px solid var(--badge-new-border);border-radius:20px;box-shadow:0 2px 6px #0d948826;color:#0d9488;color:var(--badge-new-color)}.badge-new,.badge-vintage{font-size:10px;font-weight:700;letter-spacing:.8px;padding:5px 12px;text-transform:uppercase}.badge-vintage{background-color:#b873331f;background-color:var(--badge-vintage-bg);border:1.5px solid #b87333;border:1.5px solid var(--badge-vintage-border);border-radius:20px;box-shadow:0 2px 6px #b8733326;color:#b87333;color:var(--badge-vintage-color)}.badge-pending{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.badge-processing{background-color:#232f3e;background-color:var(--color-primary);color:#fff}.badge-shipped{background-color:#9b59b6;color:#fff}.badge-delivered{background-color:#27ae60;background-color:var(--success-color);color:#fff}.badge-cancelled{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.badge-paid{background-color:#27ae60;background-color:var(--success-color);color:#fff}.badge-failed{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.badge-active{background-color:#27ae60;background-color:var(--success-color)}.badge-inactive{background-color:#95a5a6}input:where(:not([type=checkbox]):not([type=radio])),select,textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:5px;font-family:inherit;font-size:14px;padding:10px;width:100%}input:where(:not([type=checkbox]):not([type=radio])):focus,select:focus,textarea:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-row{grid-gap:15px;gap:15px}.text-center{text-align:center}: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-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--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-color-progress-bgo:0.2}.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:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;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;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.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:.5s;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;z-index:1}.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{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;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{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.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,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),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,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),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-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-section{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:1.5rem;overflow:hidden}.settings-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding:14px 24px}.settings-section-header .section-icon{align-items:center;background:var(--color-dark);border-radius:10px;color:var(--color-secondary);display:flex;flex-shrink:0;font-size:22px;height:42px;justify-content:center;width:42px}.settings-section-header div:not(.section-icon){flex:1 1}.settings-section-header h2{color:var(--color-dark);font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 2px}.settings-section-header p{color:var(--color-gray-500);font-size:13px;margin:0}.settings-section-header .btn-edit{align-items:center;background:var(--color-dark);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--white);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;height:40px;margin-left:auto;padding:10px 20px;transition:all .2s ease}.settings-section-header .btn-edit:hover{background:var(--color-dark-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.settings-section-header .btn-edit svg{color:var(--color-secondary);font-size:14px}.company-info-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr;padding:24px}.company-info-grid .full-width{grid-column:1/-1}.company-field-label{color:var(--color-gray-500);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.company-field-value{color:var(--color-dark);display:block;font-size:14px;font-weight:500}.company-field-empty{color:var(--color-gray-300);font-style:italic;font-weight:400}@media (max-width:768px){.settings-section-header{flex-direction:column;text-align:center}.settings-section-header .btn-edit{margin-left:0}.company-info-grid{grid-template-columns:1fr}}.table-container{background:var(--white);border:1px solid var(--table-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:100%;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:var(--table-head-bg)}.admin-table th{border-bottom:1px solid var(--table-border);color:var(--table-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid var(--table-border-light);color:var(--table-text);padding:12px 10px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--table-head-bg)}.admin-table-bold{color:var(--table-text-strong);font-size:14px;font-weight:600}.admin-table-price{color:var(--table-text-muted);font-size:14px;font-weight:600}.admin-table-contact{display:flex;flex-direction:column;gap:2px}.admin-table-contact-name{color:var(--table-text);font-size:14px;font-weight:500}.admin-table-code,.admin-table-contact-email{color:var(--table-text-muted);font-size:12px}.admin-table-code{font-family:SF Mono,Consolas,monospace}.admin-table-label{font-size:13px;font-weight:500}.admin-table-date{color:var(--table-text-muted);font-size:13px}.order-status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.order-status-badge.status-pending{background:#ff980026;background:var(--color-status-warning-bg,#ff980026);color:#e65100;color:var(--color-status-warning,#e65100)}.order-status-badge.status-processing{background:#2196f326;color:#1565c0}.order-status-badge.status-shipped_to_hub{background:#ffc10726;color:#f57f17}.order-status-badge.status-at_hub{background:#00bcd426;color:#00838f}.order-status-badge.status-shipped{background:#673ab726;color:#4527a0}.order-status-badge.status-delivered{background:var(--color-status-success-bg);color:var(--color-status-success)}.order-status-badge.status-cancelled{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.order-status-badge.status-refunded{background:#9c27b026;color:#7b1fa2}.order-status-badge.status-received_by_hub{align-items:center;background:var(--color-status-success-bg);color:var(--color-status-success);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 14px}.order-status-badge .status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.order-header{border-bottom:3px solid var(--color-secondary);gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.order-header,.order-title-row{align-items:center;display:flex;flex-wrap:wrap}.order-title-row{gap:12px}.order-page-title{color:var(--dark-text);font-size:24px;font-weight:700;margin:0}.order-id-label{color:var(--light-text);font-family:monospace;font-size:14px}.order-multi-shipment-notice{background:var(--bg-muted);border-radius:20px;color:var(--muted-text);font-size:12px;font-weight:600;padding:4px 10px}.order-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 14px;white-space:nowrap}.order-header-actions{align-items:center;display:flex;gap:10px}.order-action-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--text-on-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.order-action-btn:hover:not(:disabled){background:#2a3347;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.order-action-btn:disabled{cursor:not-allowed;opacity:.5}.order-action-btn svg{color:var(--color-secondary);font-size:16px}.status-badge{border-radius:9999px;padding:.25rem .75rem}.status-pending{background:#fef3c7;color:#92400e}.status-processing{background:#dbeafe;color:#1e40af}.status-shipped-to-hub{background:#fef9c3;color:#a16207}.status-at-hub{background:#cffafe;color:#0e7490}.status-shipped{background:#e0e7ff;color:#3730a3}.status-delivered{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-refunded{background:#f3e8ff;color:#6b21a8}.status-received-by-hub{background:#cffafe;color:#0e7490}.status-dot{height:6px;width:6px}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.info-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #00000014;padding:.875rem 1rem}.info-card h3{align-items:center;border-bottom:1px solid var(--border-color);color:var(--dark-text);display:flex;font-size:.9rem;font-weight:700;gap:.6rem;letter-spacing:.03em;margin:0 0 .6rem;padding-bottom:.6rem;text-transform:uppercase}.info-card h3 svg{background:var(--color-primary);border-radius:8px;color:var(--color-secondary);flex-shrink:0;height:30px;padding:7px;width:30px}.info-rows{display:flex;flex-direction:column;gap:.15rem}.info-row{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;padding:.25rem 0}.info-row .label{color:var(--muted-text);flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.info-row .value{color:var(--dark-text);font-size:.8rem;font-weight:500;text-align:right;word-break:break-word}.info-row .value.mono{background:var(--bg-muted);border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.75rem;padding:.15rem .4rem}.info-row .value.badge{border-radius:4px;font-size:.7rem;padding:.15rem .5rem}.no-data{color:var(--light-text);font-size:.8rem;font-style:italic;margin:0}.order-summary-card{background:linear-gradient(135deg,var(--color-primary) 0,#2d3a54 100%);border-color:#0000;overflow:hidden;padding:0}.order-summary-card>h3{display:none}.order-summary-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.6rem;padding:.875rem 1rem}.order-summary-card-header-icon{background:#ffffff1a;border-radius:8px;color:var(--color-secondary);flex-shrink:0;height:30px;padding:7px;width:30px}.order-summary-card-header h3{border-bottom:none;color:var(--text-on-dark);font-size:.9rem;font-weight:700;letter-spacing:.03em;margin:0;padding-bottom:0;text-transform:uppercase}.order-summary-card-content{padding:.875rem 1rem}.summary-rows{display:flex;flex-direction:column;gap:.1rem}.summary-row{border-bottom:1px solid #ffffff14;display:flex;font-size:.8rem;justify-content:space-between;padding:.35rem 0}.order-summary-card .summary-row span:first-child{color:var(--light-text);font-weight:500}.order-summary-card .summary-row span:last-child{color:var(--text-on-dark);font-weight:600}.summary-row.total{border-bottom:none;border-top:1px solid var(--color-secondary);font-size:1.05rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.order-summary-card .summary-row.total span:first-child{color:var(--light-text);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.order-summary-card .summary-row.total span:last-child{color:var(--color-secondary);font-size:1.15rem}.items-section{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #00000014;overflow:hidden}.items-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.875rem 1rem}.items-section-title{align-items:center;display:flex;gap:.6rem}.items-section-icon{background:var(--color-primary);border-radius:8px;color:var(--color-secondary);flex-shrink:0;height:30px;padding:7px;width:30px}.items-section-title h2{color:var(--dark-text);font-size:.9rem;font-weight:700;letter-spacing:.03em;margin:0;text-transform:uppercase}.items-section-count{color:var(--muted-text);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.items-table-container{overflow-x:auto}.items-table th{background:var(--bg-subtle);color:var(--muted-text);font-size:.7rem;letter-spacing:.05em;padding:.6rem 1rem;text-transform:uppercase}.items-table td,.items-table th{border-bottom:1px solid var(--border-color)}.items-table td{font-size:.85rem;padding:.85rem 1rem;vertical-align:middle}.items-table tr:last-child td{border-bottom:none}.items-table tr.has-backorder{background:#fffbeb}.order-item-cell{min-width:200px}.order-item-info{align-items:center;display:flex;gap:.75rem}.order-item-thumb{background:var(--bg-muted);border-radius:8px;flex-shrink:0;height:46px;object-fit:cover;width:46px}.order-item-thumb.placeholder{align-items:center;color:var(--light-text);display:flex;font-size:.65rem;justify-content:center}.order-item-details{display:flex;flex-direction:column;gap:1px}.order-item-name{color:var(--dark-text);font-size:.85rem;font-weight:600}.order-item-id{color:var(--light-text);font-size:.7rem}.order-item-sku-variant{display:flex;flex-direction:column;gap:1px}.order-item-sku{color:var(--dark-text);font-family:Monaco,Menlo,monospace;font-size:.8rem;font-weight:600}.order-item-variant{color:var(--muted-text);font-size:.75rem;text-transform:uppercase}.items-table .center{text-align:center}.qty-badge{color:var(--dark-text);font-size:.85rem;font-weight:600}.items-table .total-cell{color:var(--dark-text);font-weight:700}.order-detail-item-config{align-items:center;display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px}.order-detail-item-config-label{color:var(--table-text-muted);font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.order-detail-item-config-pills{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.order-detail-item-config-pill{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:999px;color:var(--color-dark);display:inline-block;font-size:11px;line-height:1.3;padding:2px 8px;white-space:nowrap}.shipments-section{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px #00000014;margin-top:1rem;overflow:hidden}.shipments-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.875rem 1rem}.shipments-section-title{align-items:center;display:flex;gap:.6rem}.shipments-section-icon{background:var(--color-primary);border-radius:8px;color:var(--color-secondary);flex-shrink:0;height:30px;padding:7px;width:30px}.shipments-section-title h2{color:var(--dark-text);font-size:.9rem;font-weight:700;letter-spacing:.03em;margin:0;text-transform:uppercase}.split-badge{background:#dbeafe;border-radius:9999px;color:#1e40af;font-size:.7rem;font-weight:600;padding:.2rem .6rem}.shipments-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.shipment-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-left:4px solid #0000;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:1.25rem 1rem;transition:background .2s,box-shadow .2s}.shipment-card:hover{box-shadow:0 2px 6px #00000014}.shipment-card.status-pending{border-left-color:var(--warning-color)}.shipment-card.status-processing{border-left-color:#3b82f6}.shipment-card.status-shipped-to-hub{border-left-color:#eab308}.shipment-card.status-at-hub{border-left-color:#06b6d4}.shipment-card.status-shipped{border-left-color:#6366f1}.shipment-card.status-delivered{border-left-color:var(--success-color)}.shipment-card-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:auto 1fr}.shipment-col-info{display:flex;flex-direction:column;gap:.75rem;min-width:240px}.shipment-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.shipment-number{color:var(--dark-text);font-size:.95rem;font-weight:700;text-transform:uppercase}.shipment-card .status-badge{align-items:center;display:inline-flex;font-size:.65rem;gap:5px;padding:.2rem .6rem}.shipment-meta{display:flex;flex-direction:column;gap:.3rem}.shipment-meta-item{align-items:center;color:var(--muted-text);display:flex;font-size:.8rem;gap:6px}.shipment-meta-icon{color:var(--light-text);font-size:.7rem}.shipment-col-items h4{color:var(--muted-text);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.shipment-col-items ul{list-style:none;margin:0;padding:0}.shipment-col-items li{align-items:center;background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.35rem;padding:.35rem .6rem}.shipment-col-items .item-name{color:var(--dark-text);font-size:.8rem;font-weight:500}.shipment-col-items .item-sku{color:var(--muted-text);font-size:.75rem;font-weight:500;margin-left:6px}.shipment-col-items .item-qty{background:var(--bg-muted);border-radius:4px;color:var(--base-text);flex-shrink:0;font-size:.7rem;font-weight:600;padding:.1rem .4rem}.shipment-tracking-block h4{color:var(--muted-text);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0 0 .4rem;text-transform:uppercase}.tracking-display{align-items:center;display:flex;gap:.4rem}.tracking-value{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--light-text);font-size:.8rem;font-style:italic;padding:.3rem .6rem}@media (max-width:768px){.order-header,.order-title-row{align-items:flex-start;flex-direction:column}.order-title-row{gap:.5rem}.order-header-actions{flex-wrap:wrap;gap:8px}.order-action-btn{font-size:13px;padding:8px 14px}.info-grid{grid-template-columns:1fr}.items-table td,.items-table th{font-size:.85rem;padding:.5rem}.shipment-card-layout{gap:1rem;grid-template-columns:1fr}}.notif-popup-layer{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:24px;z-index:10000}.notif-popup{align-items:center;animation:notif-slide-in .35s cubic-bezier(.34,1.56,.64,1);background:var(--bg-base);border-left:5px solid var(--notif-accent);border-radius:12px;box-shadow:0 10px 30px #0000001f,0 2px 8px #00000014;cursor:pointer;display:flex;gap:14px;max-width:480px;min-width:320px;padding:14px 22px 14px 16px;pointer-events:auto}.notif-popup--success{--notif-accent:var(--success-color)}.notif-popup--info{--notif-accent:var(--info-color)}.notif-popup--error{--notif-accent:var(--danger-color)}.notif-popup__icon{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.notif-popup__icon,.notif-popup__svg{height:36px;width:36px}.notif-popup__circle{fill:none;stroke:var(--notif-accent);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:notif-circle .55s ease-out .05s forwards}.notif-popup__mark{fill:none;stroke:var(--notif-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:notif-mark .35s ease-out .45s forwards}.notif-popup__mark--info{stroke-dasharray:none;stroke-dashoffset:0;fill:var(--notif-accent);animation:notif-info-fade .3s ease-out .45s forwards;opacity:0}.notif-popup__mark--info path{fill:none;stroke:var(--notif-accent);stroke-width:3;stroke-linecap:round}.notif-popup__message{color:var(--dark-text);font-size:14px;font-weight:600;line-height:1.4;margin:0}@keyframes notif-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notif-circle{to{stroke-dashoffset:0}}@keyframes notif-mark{to{stroke-dashoffset:0}}@keyframes notif-info-fade{to{opacity:1}}@media (max-width:520px){.notif-popup{margin:0 16px;min-width:0;width:calc(100% - 32px)}}.confirm-dialog__overlay{align-items:center;animation:confirm-dialog__overlay-in .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10050}.confirm-dialog{animation:confirm-dialog__pop-in .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-base);border-radius:14px;box-shadow:0 24px 60px #00000047,0 4px 12px #00000014;max-width:440px;padding:28px 32px 20px;width:100%}.confirm-dialog__title{color:var(--color-dark);font-size:18px;font-weight:700;line-height:1.35;margin:0 0 12px}.confirm-dialog__message{color:var(--table-text);font-size:14px;line-height:1.55;margin:0 0 24px}.confirm-dialog__actions{display:flex;gap:10px;justify-content:flex-end}.confirm-dialog__btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 18px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.confirm-dialog__btn:focus{outline:2px solid var(--color-dark);outline-offset:2px}.confirm-dialog__btn--ghost{background:#0000;border-color:var(--border-color);color:var(--color-dark)}.confirm-dialog__btn--ghost:hover{background:var(--bg-muted)}.confirm-dialog__btn--danger{background:var(--danger-color);color:var(--text-on-dark)}.confirm-dialog__btn--danger:hover{background:var(--color-dark)}.confirm-dialog__btn--primary{background:var(--color-dark);color:var(--text-on-dark)}.confirm-dialog__btn--primary:hover{background:var(--color-dark-hover)}@keyframes confirm-dialog__overlay-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-dialog__pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:520px){.confirm-dialog{margin:0 16px}.confirm-dialog__actions{flex-direction:column-reverse}.confirm-dialog__btn{width:100%}}.search-bar-container{flex:1 1 auto;max-width:800px;position:relative}.search-bar{align-items:center;background-color:var(--white);border:2px solid #0000;border-radius:4px;display:flex;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.search-bar:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81433}.search-bar-input{background:#0000;border:none;color:var(--dark-text);flex:1 1;font-size:.95rem;outline:none;padding:.6rem 1rem}.search-bar-input:focus{border:none;box-shadow:none}.search-bar-input::placeholder{color:var(--light-text)}.search-bar-button{align-items:center;background-color:var(--color-secondary);border:none;border-radius:0 4px 4px 0;color:var(--dark-text);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.6rem 1rem;transition:background-color .3s ease}.search-bar-button:hover{background-color:var(--color-secondary-hover)}.search-bar-button svg{font-size:1.1rem}.search-dropdown{background:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.search-section-title{color:var(--light-text);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem .5rem;text-transform:uppercase}.search-recent-item{align-items:center;cursor:pointer;display:flex;padding:.6rem 1rem;transition:background-color .15s}.search-recent-item:hover{background-color:var(--bg-subtle)}.search-recent-icon{color:var(--light-text);flex-shrink:0;font-size:.85rem;margin-right:.75rem}.search-recent-text{color:var(--dark-text);flex:1 1;font-size:.9rem}.search-recent-remove{align-items:center;background:none;border:none;color:var(--light-text);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:.25rem;transition:opacity .15s,color .15s}.search-recent-item:hover .search-recent-remove{opacity:1}.search-recent-remove:hover{color:var(--danger-color)}.search-suggestion-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.6rem 1rem;transition:background-color .15s}.search-suggestion-item:hover{background-color:var(--bg-subtle)}.search-suggestion-image{align-items:center;background:var(--bg-subtle);border-radius:6px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.search-suggestion-image img{height:100%;object-fit:cover;width:100%}.search-suggestion-no-image{color:var(--light-text);font-size:.9rem}.search-suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.search-suggestion-sku{color:var(--light-text);font-family:monospace;font-size:.75rem}.search-suggestion-name{color:var(--dark-text);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-loading,.search-no-results{color:var(--light-text);font-size:.9rem;padding:1rem;text-align:center}.search-all-option{align-items:center;background-color:var(--bg-subtle);border-top:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .15s}.search-all-option:hover{background-color:var(--border-color)}.search-all-icon{color:var(--color-secondary-hover);font-size:.9rem}.search-all-option span{color:var(--dark-text);font-size:.9rem;font-weight:500}@media (max-width:968px){.search-bar-container{max-width:600px}}@media (max-width:768px){.search-bar-container{flex:1 1 100%;margin-top:.5rem;max-width:100%;order:3}.search-dropdown{max-height:300px}}.navbar{background-color:var(--color-primary);box-shadow:0 2px 8px #0000004d;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{gap:1.5rem;height:60px;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-on-dark);flex-shrink:0;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.logo-icon,.navbar-logo:hover{color:var(--color-secondary)}.logo-icon{font-size:1.6rem}.logo-text{font-weight:700}.logo-img{height:52px;object-fit:contain;width:auto}.navbar-search{align-items:center;background-color:var(--white);border:2px solid #0000;border-radius:4px;display:flex;flex:1 1 auto;max-width:800px;overflow:hidden;transition:border-color .3s ease}.navbar-search:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81433}.search-input{background:#0000;border:none;color:var(--dark-text);flex:1 1;font-size:.95rem;outline:none;padding:.2rem 1rem}.search-input:focus{border:none;box-shadow:none}.search-input::placeholder{color:var(--light-text)}.search-button{align-items:center;background-color:var(--color-secondary);border:none;border-radius:0 4px 4px 0;color:var(--dark-text);cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.6rem 1rem;transition:background-color .3s ease}.search-button:hover{background-color:var(--color-secondary-hover)}.search-button svg{font-size:1.1rem}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem;margin-left:auto}.navbar-language{flex-shrink:0;position:relative}.language-button{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.4rem .7rem;transition:all .3s ease}.language-button:hover{background-color:#ffd8141a;border-color:var(--color-secondary)}.language-icon{color:var(--color-secondary);font-size:.95rem}.dropdown-icon{color:var(--text-on-dark);font-size:.7rem;margin-left:.15rem}.language-dropdown{background-color:var(--white);border-radius:4px;box-shadow:0 4px 12px #0003;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.navbar-account{flex-shrink:0;position:relative}.account-button{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem .9rem;transition:all .3s ease}.account-button:hover{background-color:#ffd8141a;border-color:var(--color-secondary)}.back-to-dashboard-button{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.5rem .9rem;transition:all .3s ease}.back-to-dashboard-button:hover{background-color:#ffd8141a;border-color:var(--color-secondary)}.account-icon{color:var(--color-secondary);font-size:1.1rem}.account-dropdown{animation:account-dropdown-fade-in .18s ease-out;background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000f;min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + .6rem);z-index:1001}@keyframes account-dropdown-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-header{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#2d3a54 100%);color:var(--text-on-dark);display:flex;gap:12px;padding:14px 16px}.account-dropdown-avatar{align-items:center;background:var(--color-secondary);border-radius:10px;box-shadow:0 2px 8px #0003;color:var(--color-primary);display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;width:38px}.account-dropdown-user{display:flex;flex-direction:column;gap:2px;min-width:0}.account-dropdown-name{color:var(--text-on-dark);font-size:.9rem;font-weight:600}.account-dropdown-email,.account-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-email{color:var(--light-text);font-size:.75rem}.account-dropdown-list{padding:6px 0}.dropdown-item{align-items:center;background:none;border:none;color:var(--dark-text);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:.65rem 1rem;text-align:left;transition:background-color .18s ease,color .18s ease,padding .18s ease;width:100%}.dropdown-item:hover{background-color:var(--color-secondary-bg-soft)}.dropdown-item.active{background-color:var(--color-secondary-bg-translucent);color:var(--dark-text);font-weight:600}.account-dropdown-item{font-weight:500;position:relative}.account-dropdown-item .dropdown-item-icon{color:var(--muted-text);flex-shrink:0;font-size:.9rem;transition:color .18s ease,transform .18s ease}.account-dropdown-item:hover{color:var(--color-primary);padding-left:1.25rem}.account-dropdown-item:hover .dropdown-item-icon{color:var(--color-secondary);transform:scale(1.1)}.dropdown-item.signout{font-weight:500}.dropdown-item.signout,.dropdown-item.signout .dropdown-item-icon{color:var(--danger-color)}.dropdown-item.signout:hover{background-color:var(--color-status-danger-bg);color:var(--danger-color)}.dropdown-item.signout:hover .dropdown-item-icon{color:var(--danger-color)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:4px 12px}.signup-button{background-color:var(--color-secondary);border-radius:4px;color:var(--dark-text);flex-shrink:0;font-size:.95rem;font-weight:600;padding:.5rem 1.3rem;text-decoration:none;transition:all .3s ease}.signup-button:hover{background-color:var(--color-secondary-hover)}.navbar-cart{align-items:center;background-color:initial;border:none;color:var(--color-secondary);cursor:pointer;display:flex;flex-shrink:0;font-weight:600;gap:.75rem;padding:.5rem 1.1rem;text-decoration:none;transition:opacity .3s ease}.navbar-cart:hover{opacity:.8}.cart-icon{font-size:1.6rem}.cart-icon,.cart-info{color:var(--color-secondary)}.cart-info{align-items:flex-start;display:flex;flex-direction:column;line-height:1.3}.navbar-cart-count{color:var(--color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cart-total{color:var(--color-secondary);font-size:1rem;font-weight:700}.navbar-cart-wrapper{position:relative}.cart-notification-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:var(--white);border-radius:8px;box-shadow:0 8px 24px #0003;min-width:280px;padding:1rem;position:absolute;right:0;top:calc(100% + .75rem);transform-origin:top right;z-index:1002}.cart-notification-dropdown:before{border-bottom:8px solid var(--white);border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;position:absolute;right:20px;top:-8px;width:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cart-notification-content{align-items:center;display:flex;gap:.75rem}.cart-notification-icon{align-items:center;animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55) .1s both;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.cart-notification-icon svg{color:#fff;font-size:.9rem}.cart-notification-details{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.cart-notification-title{color:#4caf50;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cart-notification-product{color:var(--dark-text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-notification-qty{color:var(--light-text);font-size:.8rem}.cart-notification-image{border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.cart-notification-close{align-items:center;background:#0000;border:none;color:var(--light-text);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:.5rem;top:.5rem;transition:color .2s ease;width:20px}.cart-notification-close:hover{color:var(--dark-text)}@media (max-width:1200px){.navbar-container{gap:1rem;padding:0 1.5rem}.navbar-search{max-width:600px}.navbar-actions{gap:.75rem}}@media (max-width:968px){.navbar-container{flex-wrap:wrap;gap:.75rem;height:auto;padding:1rem}.navbar-search{flex:1 1 100%;margin-top:.5rem;max-width:100%;order:3}.navbar-actions{order:2}.logo-text{display:none}}@media (max-width:640px){.navbar-container{gap:.5rem;padding:.75rem 1rem}.navbar-actions{gap:.5rem}.account-button span,.cart-info,.language-button span{display:none}.navbar-cart{padding:.5rem .75rem}}.status-banner{font-size:14px;font-weight:500;padding:10px 20px;text-align:center}.status-banner a{color:inherit;font-weight:700;text-decoration:underline}.status-banner--pending_company{background:#fef3c7;color:#92400e}.status-banner--pending_approval{background:#dbeafe;color:#1e40af}.welcome-popup{animation:welcomePopupSlideIn .4s ease;background:var(--white);border-radius:12px;box-shadow:0 12px 40px #0000002e;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1002}.welcome-popup__accent{background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-hover-light));height:4px}.welcome-popup__content{padding:20px 24px;text-align:center}.welcome-popup__wave{display:block;font-size:28px;margin-bottom:8px}.welcome-popup__title{color:var(--muted-text);font-size:13px;font-weight:500;letter-spacing:.3px;margin:0 0 4px}.welcome-popup__name{color:var(--color-primary);font-size:18px;font-weight:700;margin:0 0 8px}.welcome-popup__message{color:var(--light-text);font-size:13px;line-height:1.4;margin:0}@keyframes welcomePopupSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.footer{margin-top:80px}.footer-main{background:var(--color-primary);padding:60px 0}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr}.footer-brand{padding-right:20px}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:20px}.footer-logo-icon{color:var(--color-secondary);font-size:2rem}.footer-logo span{color:var(--white);font-size:1.5rem;font-weight:700}.footer-logo-img{height:56px;object-fit:contain;width:auto}.footer-description{color:#ffffffa6;font-size:.9rem;line-height:1.7;margin-bottom:24px}.footer-social{display:flex;gap:10px}.social-link{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#ffffffb3;display:flex;font-size:.95rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.social-link:hover{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 6px 16px #ffd81440;color:var(--dark-text);transform:translateY(-3px)}.footer-section h4{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:20px;padding-bottom:12px;position:relative}.footer-section h4:after{background:var(--color-secondary);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{align-items:center;color:#ffffffa6;display:inline-flex;font-size:.9rem;gap:6px;text-decoration:none;transition:all .3s ease}.footer-links a:before{background:var(--color-secondary);content:"";height:1px;transition:width .3s ease;width:0}.footer-links a:hover{color:var(--color-secondary);padding-left:8px}.footer-links a:hover:before{width:12px}.footer-address{align-items:flex-start;color:#ffffffa6;display:flex;font-size:.85rem;gap:10px;line-height:1.6;margin-bottom:20px}.footer-address__icon{color:var(--color-secondary);flex-shrink:0;font-size:1.15rem;margin-top:2px}.footer-address__text{display:flex;flex-direction:column}.footer-bottom{background:#1a242f;border-top:1px solid #ffffff0f;padding:20px 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between}.copyright{color:#ffffff80;font-size:.85rem;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:8px}.footer-bottom-links a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:var(--color-secondary)}.footer-bottom-links .separator{color:#ffffff40;font-size:.7rem}@media (max-width:1024px){.footer-grid{gap:40px 30px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;padding-right:0;text-align:center}.footer-logo,.footer-social{justify-content:center}.footer-description{margin-left:auto;margin-right:auto;max-width:500px}}@media (max-width:768px){.footer-main{padding:50px 0}.footer-grid{gap:35px 25px;grid-template-columns:1fr 1fr}.footer-section h4:after{left:50%;transform:translateX(-50%)}.footer-section{text-align:center}.footer-links a:before{display:none}.footer-links a:hover{padding-left:0}.footer-address{justify-content:center}.footer-bottom-content{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.footer{margin-top:60px}.footer-main{padding:40px 0}.footer-grid{gap:30px;grid-template-columns:1fr}.footer-section h4{margin-bottom:16px}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}.admin-sidebar{background:#1e2536;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:1000}.admin-sidebar-header{padding:1.5rem}.admin-sidebar-logo{align-items:center;display:flex;gap:5px}.admin-sidebar-logo-icon-container{background-color:#ffd814;border-radius:8px;padding:10px 10px 3px}.admin-sidebar-logo-icon{color:#1e2536;font-size:1.55rem}.admin-sidebar-logo-img{height:60px;object-fit:contain;width:auto}.admin-sidebar-core-logo{display:none;height:40px;object-fit:contain;width:auto}.admin-sidebar-logo-text{display:flex;gap:.5rem}.admin-sidebar-brand{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.5px}.admin-sidebar-badge{color:#ffd814;font-size:.65rem;font-weight:600;letter-spacing:1px;padding-bottom:20px}.admin-sidebar-nav{flex:1 1;overflow-y:auto;padding:.5rem 1rem}.admin-sidebar-section{margin-top:1.25rem}.admin-sidebar-section-title{color:#6b7280;display:block;font-size:.7rem;font-weight:600;letter-spacing:1.5px;margin-bottom:.25rem;padding:.5rem .75rem}.admin-sidebar-link{align-items:center;border-radius:8px;color:#fffc;display:flex;gap:.75rem;margin-bottom:2px;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.admin-sidebar-link:hover{background:#ffffff14;color:#fff}.admin-sidebar-link:hover .admin-sidebar-icon{color:#ffd814}.admin-sidebar-link.active{background:#ffd814;box-shadow:0 0 12px #ffd81466;color:#1a1f2e;font-weight:600}.admin-sidebar-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;min-width:20px;opacity:.9}.admin-sidebar-link.active .admin-sidebar-icon{color:#1a1f2e;opacity:1}.admin-sidebar-label{flex:1 1;font-size:.9rem}.admin-sidebar-badge-warning{align-items:center;animation:pulse-warning 2s ease-in-out infinite;color:#f57c00;display:flex;font-size:.9rem;justify-content:center}.admin-sidebar-link.active .admin-sidebar-badge-warning{color:#e65100}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.admin-sidebar-footer-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:.75rem}.admin-sidebar-language{margin-bottom:.5rem;position:relative}.admin-sidebar-language-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem;transition:all .2s ease;width:100%}.admin-sidebar-language-btn:hover{background:#ffffff1a;color:#fff}.admin-sidebar-language-icon{font-size:.95rem;opacity:.8}.admin-sidebar-language-chevron{font-size:.65rem;margin-left:auto;opacity:.6;transition:transform .2s ease}.admin-sidebar-language-chevron.open{transform:rotate(180deg)}.admin-sidebar-language-dropdown{background:#2a3148;border:1px solid #ffffff1f;border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 -4px 12px #0000004d;left:0;overflow:hidden;position:absolute;right:0;z-index:10}.admin-sidebar-language-option{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .75rem;transition:background .15s ease;width:100%}.admin-sidebar-language-option:hover{background:#ffffff14}.admin-sidebar-language-option.active{background:#ffd8141f;color:#ffd814;font-weight:600}.admin-sidebar-language-flag{font-size:1.1rem}.admin-sidebar-exit{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem;text-decoration:none;transition:color .2s ease}.admin-sidebar-exit:hover{color:#fff}.admin-sidebar-exit-icon{font-size:1rem}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-track{background:#0000}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:768px){.admin-sidebar{width:70px}.admin-sidebar-header{justify-content:center;padding:1rem}.admin-sidebar-logo-icon-container,.admin-sidebar-logo-img,.admin-sidebar-logo-text{display:none}.admin-sidebar-core-logo{display:block}.admin-sidebar-logo-icon{font-size:1.5rem}.admin-sidebar-nav{padding:.5rem}.admin-sidebar-section-title{display:none}.admin-sidebar-link{justify-content:center;padding:.75rem}.admin-sidebar-label,.admin-sidebar-language-btn span{display:none}.admin-sidebar-language-btn{justify-content:center;padding:.5rem}.admin-sidebar-language-chevron{display:none}.admin-sidebar-language-dropdown{bottom:0;left:70px;right:auto;width:160px}.admin-sidebar-exit{justify-content:center}.admin-sidebar-exit span{display:none}}.admin-layout{display:flex;min-height:100vh}.admin-page-title{color:#333;display:inline-block;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 30px;padding:0;position:relative}.admin-page-title svg{margin-right:10px;position:relative;top:-2px;vertical-align:middle}.admin-page-title:after{background:#ffd814;content:"";display:block;height:3px;margin-top:8px;width:60%}.admin-content{flex:1 1;margin-left:250px;overflow-y:auto;padding:2rem}@media (max-width:768px){.admin-content{margin-left:70px;padding:1rem}.admin-page-title{font-size:1.5rem;margin-bottom:20px}}.btn-toggle-badge{align-items:center;background:var(--badge-secondary-bg);border:none;border-radius:20px;color:var(--badge-secondary-color);cursor:pointer;display:inline-flex;gap:5px;line-height:1;padding:9px 14px 9px 10px;transition:all .2s}.btn-toggle-badge:hover{background:#ffd81440;transform:translateY(-1px)}.toggle-badge-icon{font-size:16px;font-weight:700;line-height:1;text-align:center;width:18px}.toggle-badge-text{font-size:10px;font-weight:600;white-space:nowrap}.toggle-badge-text-single{font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:500;gap:8px;transition:all .2s ease;white-space:nowrap}.action-btn--md{box-shadow:0 2px 8px #00000026;font-size:14px;height:40px;padding:10px 20px}.action-btn--sm{box-shadow:0 1px 4px #0000001f;font-size:13px;height:32px;padding:6px 14px}.action-btn--primary{background:var(--color-primary);color:var(--text-on-dark)}.action-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #0003;filter:brightness(1.2);transform:translateY(-1px)}.action-btn--primary .action-btn__icon{color:var(--color-secondary);display:inline-flex;font-size:14px}.action-btn--danger{background:var(--danger-color);color:var(--text-on-dark)}.action-btn--danger:hover:not(:disabled){box-shadow:0 4px 12px #0003;filter:brightness(.9);transform:translateY(-1px)}.action-btn--danger .action-btn__icon{color:var(--text-on-dark);display:inline-flex;font-size:14px}.action-btn--secondary{background:var(--bg-base);border:1px solid var(--border-color);color:var(--dark-text)}.action-btn--secondary:hover:not(:disabled){background:var(--bg-muted);border-color:#9ca3af}.action-btn--secondary .action-btn__icon{color:var(--muted-text);display:inline-flex;font-size:14px}.action-btn.action-btn--icon-only{justify-content:center;padding:0}.action-btn.action-btn--icon-only.action-btn--md{width:40px}.action-btn.action-btn--icon-only.action-btn--sm{width:32px}.action-btn.action-btn--icon-only .action-btn__icon{margin:0}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.legal-gate-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.legal-gate-modal{background:var(--bg-base);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:92%}.legal-gate-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:24px 28px}.legal-gate-icon{align-items:center;background:var(--color-primary);border-radius:12px;color:var(--color-secondary);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.legal-gate-header h2{color:var(--dark-text);font-size:18px;font-weight:600;margin:0 0 4px}.legal-gate-header p{color:var(--muted-text);font-size:13px;line-height:1.5;margin:0}.legal-gate-tabs{border-bottom:1px solid var(--border-color);display:flex;padding:0 28px}.legal-gate-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--muted-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.legal-gate-tab:hover{color:var(--dark-text)}.legal-gate-tab.active{border-bottom-color:var(--color-secondary);color:var(--color-primary)}.legal-gate-tab-check{color:var(--success-color);display:inline-flex;font-size:12px}.legal-gate-content{flex:1 1;max-height:50vh;min-height:0;overflow-y:auto;padding:24px 28px}.legal-gate-text{word-wrap:break-word;color:var(--base-text);font-size:13px;line-height:1.7;white-space:pre-wrap}.legal-gate-loading{color:var(--muted-text);padding:40px 0;text-align:center}.legal-gate-footer{background:var(--bg-subtle);border-top:1px solid var(--border-color);padding:20px 28px}.legal-gate-hint{color:var(--muted-text);font-size:12px;font-style:italic;margin:0 0 12px;text-align:center}.legal-gate-footer .action-btn{justify-content:center;width:100%}@media (max-width:600px){.legal-gate-modal{max-height:95vh;width:96%}.legal-gate-header{flex-direction:column;padding:20px;text-align:center}.legal-gate-tabs{padding:0 16px}.legal-gate-tab{font-size:13px;padding:10px 14px}.legal-gate-content,.legal-gate-footer{padding:16px}}.success-popup-overlay{align-items:center;animation:successOverlayIn .3s ease;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-popup{animation:successPopIn .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-base);border-radius:16px;box-shadow:0 20px 60px #00000040;padding:40px 48px;text-align:center}.success-popup-check{margin:0 auto 20px}.success-popup-check,.success-popup-svg{height:72px;width:72px}.success-popup-circle{fill:none;stroke:var(--success-color);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:successCircle .6s ease-out .1s forwards}.success-popup-tick{fill:none;stroke:var(--success-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:successTick .4s ease-out .5s forwards}.success-popup-message{color:var(--dark-text);font-size:16px;font-weight:600;line-height:1.5;margin:0}@keyframes successOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes successPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes successCircle{to{stroke-dashoffset:0}}@keyframes successTick{to{stroke-dashoffset:0}}.product-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.product-card:hover{border-color:var(--color-secondary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.product-card a{color:inherit;height:100%;text-decoration:none}.product-badges,.product-card a{display:flex;flex-direction:column}.product-badges{gap:8px;position:absolute;right:12px;top:12px;z-index:2}.product-image{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:220px;justify-content:center;overflow:hidden;position:relative}.brand-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffffd9;border:1px solid var(--color-secondary);border-radius:6px;bottom:10px;color:var(--color-primary);font-size:11px;font-weight:700;left:10px;letter-spacing:.5px;padding:5px 12px;position:absolute;text-transform:uppercase;z-index:2}.product-image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.no-image{font-size:14px;font-weight:500}.product-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:10px 18px 18px}.product-header{display:flex;flex-direction:column;gap:1px}.product-reference-row{align-items:center;color:var(--light-text);display:flex;font-size:13px;gap:6px}.reference-icon{font-size:14px;font-weight:700}.product-reference{font-weight:500}.product-type-label{background-color:#ffd81426;border-radius:4px;color:var(--color-primary);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.product-card .product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--dark-text);display:-webkit-box;font-size:16px;font-weight:700;line-height:1.4;margin:4px 0 0;overflow:hidden}.product-meta-row{align-items:center;color:var(--light-text);display:flex;font-size:13px;gap:8px;padding:4px 0}.product-meta-row--split{flex-wrap:wrap;justify-content:space-between}.product-meta-row__group{align-items:center;display:inline-flex;gap:8px}.meta-icon{color:var(--light-text);flex-shrink:0;height:18px;width:18px}.card-stock-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.4px;line-height:1}.card-stock-badge__dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.card-stock-badge--in{color:var(--color-status-success)}.card-stock-badge--in .card-stock-badge__dot{background-color:var(--color-status-success-dot)}.card-stock-badge--out{color:var(--color-status-danger)}.card-stock-badge--out .card-stock-badge__dot{background-color:var(--color-status-danger-dot)}.product-footer{align-items:center;border-top:2px solid var(--color-secondary);display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding-top:16px}.card-price-section{display:flex;flex-direction:column;gap:2px}.card-price-label{color:var(--light-text);font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.card-price{font-size:20px;line-height:1}.add-button,.card-price{color:var(--dark-text);font-weight:700}.add-button{align-items:center;background-color:var(--color-secondary);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-button:hover{background-color:var(--color-secondary-hover);box-shadow:0 4px 12px #ffd8144d;transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.button-icon{stroke-width:2.5;height:18px;width:18px}@media (max-width:768px){.product-card{border-radius:8px}.product-image{height:180px}.product-info{gap:10px;padding:14px}.product-card .product-name{font-size:15px;min-height:40px}.card-price{font-size:18px}.add-button{font-size:13px;padding:8px 16px}}.product-carousel-section{padding:35px 0}.product-carousel-section h2,.product-carousel-title{border-bottom:3px solid var(--color-secondary);color:var(--dark-text);font-size:28px;font-weight:700;letter-spacing:.5px;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1010px;padding-bottom:16px;text-align:center}.product-carousel-tabs{background:var(--bg-subtle);border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.product-carousel-tab-button{background:#0000;border:none;border-radius:8px;color:var(--light-text);cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;padding:12px 28px;position:relative;transition:all .3s ease}.product-carousel-tab-button:hover:not(.active){background:#ffd8141a;color:var(--dark-text)}.product-carousel-tab-button.active{background:var(--color-secondary);box-shadow:0 2px 8px #ffd8144d;color:var(--dark-text)}.product-carousel-view-all{align-items:center;background-color:var(--color-primary);border-radius:8px;color:var(--white);display:inline-flex;font-size:15px;font-weight:600;gap:12px;letter-spacing:.3px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.product-carousel-view-all:hover{background-color:#1a242f;box-shadow:0 4px 12px #232f3e4d;transform:translateY(-2px)}.product-carousel-view-all-icon{color:var(--color-secondary);font-size:14px;transition:transform .3s ease}.product-carousel-view-all:hover .product-carousel-view-all-icon{transform:translateX(4px)}.product-carousel-container{align-items:center;display:flex;gap:20px;margin-bottom:40px;position:relative}.product-carousel-wrapper{flex:1 1;margin:-8px 0;overflow:hidden;padding:8px 2px;position:relative}.product-carousel-track{display:flex;gap:20px;transition:transform .5s ease}.product-carousel-item{flex-basis:calc(33.33333% - 13.33333px);flex-grow:0;flex-shrink:0;min-width:0}.product-carousel-button{align-items:center;background-color:var(--color-secondary);border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:var(--dark-text);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.product-carousel-button:hover:not(:disabled){background-color:var(--color-secondary-hover);box-shadow:0 4px 12px #ffd8144d;transform:scale(1.1)}.product-carousel-button:disabled{background-color:var(--border-color);color:var(--light-text);cursor:not-allowed;opacity:.5}.product-carousel-button-left{order:-1}.product-carousel-button-right{order:1}.product-carousel-section .loading{color:var(--light-text);font-size:14px;padding:60px 20px;text-align:center}@media (max-width:1200px){.product-carousel-item{flex-basis:calc(33.33333% - 13.33333px);flex-grow:0;flex-shrink:0}}@media (max-width:968px){.product-carousel-section{padding:40px 0}.product-carousel-title{font-size:24px;margin-bottom:30px}.product-carousel-container,.product-carousel-track{gap:15px}.product-carousel-item{flex-basis:calc(50% - 7.5px);flex-grow:0;flex-shrink:0}.product-carousel-button{font-size:16px;height:40px;width:40px}.product-carousel-tabs{gap:4px;padding:5px}.product-carousel-tab-button{font-size:14px;padding:10px 20px}}@media (max-width:640px){.product-carousel-section{padding:30px 0}.product-carousel-title{font-size:20px;margin-bottom:24px}.product-carousel-item{flex:0 0 100%}.product-carousel-container,.product-carousel-track{gap:10px}.product-carousel-button{font-size:14px;height:35px;width:35px}.product-carousel-tabs{border-radius:10px;gap:4px;padding:4px}.product-carousel-tab-button{border-radius:6px;font-size:13px;padding:8px 16px}.product-carousel-view-all{font-size:14px;padding:12px 20px}}.hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;justify-content:center;min-height:480px;position:relative;text-align:center}.hero>.container{flex-direction:column}.hero-content,.hero>.container{align-items:center;display:flex;width:100%}.hero-content{justify-content:center;padding:90px 20px 30px}.hero-content h1{display:flex;flex-direction:column;font-size:64px;font-weight:700;gap:10px;line-height:1.2;margin:0;text-shadow:2px 2px 8px #000000b3}.hero-title-line1,.hero-title-line2{display:block;font-size:64px;font-weight:700}.hero-title-line2{color:var(--color-secondary)}.hero-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:1000px;padding:0 20px 40px;width:100%}.hero-feature-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:12px;cursor:default;display:flex;flex:1 1 auto;gap:12px;max-width:240px;min-width:200px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-feature-card:hover{background:#ffffff2e;border-color:var(--color-secondary);box-shadow:0 12px 32px #00000040;transform:translateY(-4px)}.hero-feature-icon{align-items:center;background:linear-gradient(135deg,var(--color-secondary),#f5c800);border-radius:10px;box-shadow:0 4px 12px #ffd8144d;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .3s ease;width:44px}.hero-feature-card:hover .hero-feature-icon{transform:scale(1.08)}.hero-feature-icon svg{color:var(--dark-text);font-size:1.2rem}.hero-feature-text{display:flex;flex-direction:column;gap:2px;text-align:left}.hero-feature-title{color:var(--color-secondary);font-size:.75rem;font-weight:700;letter-spacing:.08em}.hero-feature-desc{color:#ffffffd9;font-size:.8rem;font-weight:400;line-height:1.3}@media (max-width:968px){.hero{min-height:450px}.hero-content h1,.hero-title-line1,.hero-title-line2{font-size:48px}.hero-features{gap:12px}.hero-feature-card{min-width:180px;padding:12px 16px}.hero-feature-icon{height:38px;width:38px}.hero-feature-icon svg{font-size:1rem}}@media (max-width:640px){.hero{min-height:auto;padding:30px 0}.hero-content{padding:30px 15px 20px}.hero-content h1,.hero-title-line1,.hero-title-line2{font-size:32px}.hero-features{gap:10px;padding:0 15px 30px}.hero-feature-card{gap:10px;max-width:calc(50% - 5px);min-width:calc(50% - 5px);padding:10px 12px}.hero-feature-icon{border-radius:8px;height:34px;width:34px}.hero-feature-icon svg{font-size:.9rem}.hero-feature-title{font-size:.65rem}.hero-feature-desc{font-size:.7rem}}.category-section{background-color:var(--bg-subtle);padding:60px 0}.category-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.category-left{display:flex;flex-direction:column}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.category-header h2{color:var(--dark-text);font-size:24px;font-weight:700;letter-spacing:.5px;margin:0}.category-view-all{align-items:center;border:1px solid var(--dark-text);border-radius:4px;color:var(--dark-text);display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.category-view-all:hover{background-color:var(--dark-text);color:#fff}.category-view-all svg{font-size:14px}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.category-card{align-items:center;background:#fff;border:2px solid var(--color-secondary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:28px 10px;text-align:center;transition:all .3s ease}.category-card:hover{background-color:#ffd8140d;border-color:var(--color-secondary-hover);box-shadow:0 8px 20px #ffd81433;transform:translateY(-5px)}.category-icon{filter:brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(500%) hue-rotate(180deg);height:48px;opacity:.6;transition:all .3s ease;width:48px}.category-card:hover .category-icon{filter:brightness(0) saturate(100%) invert(75%) sepia(95%) saturate(500%) hue-rotate(5deg) brightness(105%);opacity:1}.categories-loading,.no-categories{color:var(--light-text);font-size:14px;grid-column:1/-1;padding:40px 20px;text-align:center}.category-name{color:var(--dark-text);font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1.3}.category-count{color:var(--light-text);font-size:11px;font-weight:500;letter-spacing:.5px}.category-right{display:flex;flex-direction:column;gap:16px}.vintage-search-card{background:var(--color-primary);border-radius:16px;color:var(--white);overflow:hidden;padding:28px 24px;position:relative}.vintage-bg-icon{bottom:-30px;color:#ffffff0f;height:200px;pointer-events:none;position:absolute;right:-30px;transition:transform .3s ease,color .3s ease;width:200px}.vintage-search-card:hover .vintage-bg-icon{color:#ffffff1f;transform:scale(1.15) rotate(15deg)}.vintage-card-label{align-items:center;background:#ffffff26;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:16px;padding:6px 14px}.vintage-card-label svg{font-size:12px}.vintage-search-card h3{font-size:22px;font-weight:700;line-height:1.2;margin:0}.vintage-highlight{color:var(--color-secondary)!important;margin-bottom:12px!important}.vintage-search-card p{color:#ffffffbf;font-size:13px;line-height:1.5;margin:0 0 20px}.vintage-cta-btn{align-items:center;background:var(--color-secondary);border:none;border-radius:8px;color:var(--dark-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;margin-bottom:16px;padding:14px 24px;transition:all .2s ease;width:100%}.vintage-cta-btn:hover{background:var(--color-secondary-hover);box-shadow:0 4px 12px #ffd81466;transform:translateY(-2px)}.vintage-cta-btn svg{font-size:16px}.vintage-note{color:#ffffff80;font-size:10px;font-style:italic;letter-spacing:.5px}.help-card-dark{background:var(--color-primary);border-radius:16px;color:var(--white);padding:24px}.help-card-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.help-card-text{flex:1 1}.help-card-text h3{font-size:18px;font-weight:700;margin:0 0 8px}.help-sparkle{font-size:16px}.help-card-text p{color:#ffffffbf;font-size:13px;line-height:1.4;margin:0 0 16px}.help-card-button-dark{background:#0000;border:2px solid var(--color-secondary);border-radius:4px;color:var(--color-secondary);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 20px;transition:all .2s ease}.help-card-button-dark:hover{background:var(--color-secondary);color:var(--dark-text)}.help-card-icon{color:var(--color-secondary);font-size:48px;opacity:.9}@media (max-width:1100px){.category-layout{gap:30px;grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.category-right{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.category-section{padding:40px 0}.category-header{align-items:flex-start;flex-direction:column;gap:16px}.category-header h2{font-size:20px}.category-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.category-card{padding:20px 12px}.category-icon{font-size:28px}.category-name{font-size:11px}.category-count{font-size:10px}.category-right{grid-template-columns:1fr}.help-card-dark,.vintage-search-card{padding:20px}.vintage-search-card h3{font-size:18px}}@media (max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr)}}.products-section{padding:60px 0}.products-section h2{font-size:36px;margin-bottom:40px;text-align:center}.products-grid{grid-gap:10px;gap:10px;margin-bottom:40px}.pagination-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:10px;padding:20px}.pagination-info{color:var(--dark-text);font-size:14px;font-weight:500}.btn-pagination{align-items:center;background:var(--bg-base);border:1px solid var(--border-color);border-radius:4px;color:var(--base-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;min-width:80px;padding:8px 16px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--light-text)}.btn-pagination:disabled{background:var(--bg-subtle);color:var(--light-text);cursor:not-allowed;opacity:.5}.pagination-icon{color:var(--color-secondary-dark);font-size:12px;transition:transform .2s ease}.btn-pagination:hover:not(:disabled) .pagination-icon-left{transform:translateX(-3px)}.btn-pagination:hover:not(:disabled) .pagination-icon-right{transform:translateX(3px)}.products-page{padding:40px 0}.products-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:300px 1fr}.products-filters-sidebar{background:#fff;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0000000f;height:-webkit-fit-content;height:fit-content;padding:28px;position:-webkit-sticky;position:sticky;top:100px}.products-filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.products-filters-title{align-items:center;display:flex;gap:15px}.products-filters-icon{color:var(--color-secondary-dark);font-size:18px}.products-filters-header h2{color:var(--color-primary);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0}.products-reset-btn{background:none;border:none;color:var(--light-text);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;transition:color .2s ease}.products-reset-btn:hover{color:var(--color-primary)}.products-filter-section{border-bottom:1px solid var(--border-color);margin-bottom:28px;padding-bottom:28px}.products-filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.products-sidebar-label{color:var(--light-text);display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.products-chips-container{display:flex;flex-wrap:wrap;gap:8px}.products-chip{background:var(--bg-base);border:1.5px solid var(--border-color);border-radius:10px;color:var(--base-text);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.products-chip:hover{background:var(--bg-subtle);border-color:var(--color-secondary)}.products-chip.active{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:var(--dark-text);font-weight:600}.products-search-input-wrapper{align-items:center;display:flex;position:relative}.products-search-icon{color:var(--light-text);font-size:14px;left:14px;pointer-events:none;position:absolute}.products-search-input{background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--dark-text);font-size:14px;padding:12px 14px 12px 40px;transition:all .2s ease;width:100%}.products-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffb8001a;outline:none}.products-search-input::placeholder{color:var(--light-text)}.products-chip-outline{background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--dark-text);cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;transition:all .2s ease}.products-chip-outline.active,.products-chip-outline:hover{border-color:var(--color-primary)}.products-chip-outline.active{background-color:var(--color-primary);border-width:2px;color:var(--text-on-dark);font-weight:600;padding:9px 17px}.products-filter-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' width='12' height='12'%3E%3Cpath fill='%23999' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:12px;color:var(--light-text);cursor:pointer;font-size:14px;padding:14px 40px 14px 16px;transition:border-color .2s ease;width:100%}.products-filter-select:focus,.products-filter-select:hover{border-color:var(--color-secondary);outline:none}.products-filter-select option{color:var(--dark-text)}.products-era-toggle{background:var(--bg-subtle);border-radius:20px;display:flex;gap:2px;padding:3px}.products-era-btn{background:#0000;border:none;border-radius:18px;color:var(--light-text);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.products-era-btn:hover:not(.active){color:var(--dark-text)}.products-era-btn.active{background:var(--color-primary);box-shadow:0 2px 8px #232f3e33;color:#fff}.products-content{min-height:400px}.products-header{align-items:center;color:var(--light-text);display:flex;justify-content:space-between;margin-bottom:24px}.products-header p{font-size:14px;margin:0}.products-header-controls{align-items:center;display:flex;gap:16px}.products-sort-controls{display:flex;gap:8px}.products-sort-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' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:8px;color:var(--dark-text);cursor:pointer;font-size:13px;padding:8px 28px 8px 12px}.products-sort-select:focus{border-color:var(--color-secondary);outline:none}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.no-products{background:var(--bg-subtle);border-radius:12px;color:var(--light-text);padding:60px 20px;text-align:center}@media (max-width:1100px){.products-layout{gap:24px;grid-template-columns:260px 1fr}}@media (max-width:968px){.products-layout{grid-template-columns:1fr}.products-filters-sidebar{margin-bottom:20px;position:static}.products-chips-container{gap:6px}.products-chip,.products-chip-outline{font-size:12px;padding:6px 12px}.products-chip-outline.active{padding:7px 13px}}@media (max-width:640px){.products-page{padding:20px 0}.products-filters-sidebar{padding:20px}.products-filters-header{margin-bottom:24px}.products-filter-section{margin-bottom:20px;padding-bottom:20px}.products-header,.products-header-controls{align-items:flex-start;flex-direction:column;gap:12px}.products-header-controls{width:100%}.products-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.products-era-toggle{flex-wrap:nowrap}.products-era-btn{font-size:10px;padding:8px 12px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.product-detail{background-color:var(--bg-base);padding:30px 0 60px}.back-link{margin-bottom:24px}.product-layout{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:1fr 1fr}.product-image-section{position:relative}.product-detail-image-badges{display:flex;flex-direction:column;gap:8px;left:16px;position:absolute;top:16px;z-index:5}.image-gallery{display:flex;flex-direction:column;gap:16px}.product-image-section .image-gallery+.image-gallery{margin-top:28px}.product-gallery__heading{border-bottom:1px solid var(--border-color);color:var(--table-text-muted);font-size:14px;font-weight:700;letter-spacing:.04em;margin:0;padding-bottom:4px;text-transform:uppercase}.product-gallery__source-badge{border-radius:6px;box-shadow:0 2px 6px #0000002e;font-size:11px;font-weight:700;left:10px;letter-spacing:.03em;max-width:calc(100% - 20px);overflow:hidden;padding:4px 10px;position:absolute;text-overflow:ellipsis;text-transform:uppercase;top:10px;white-space:nowrap;z-index:5}.product-gallery__source-badge--variant{background:var(--color-dark);color:var(--white)}.product-gallery__source-badge--base{background:var(--color-status-neutral);color:var(--white)}.image-thumbnails .thumbnail{position:relative}.product-gallery__thumb-badge{border:1px solid var(--white);border-radius:50%;height:10px;position:absolute;right:4px;top:4px;width:10px}.product-gallery__thumb-badge--variant{background:var(--color-dark)}.product-gallery__thumb-badge--base{background:var(--color-status-neutral)}.main-image-container{position:relative}.main-image-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;cursor:crosshair;overflow:hidden;position:relative}.main-image{display:block;height:auto;max-height:500px;min-height:400px;object-fit:contain;width:100%}.zoom-window{background-color:var(--white);background-repeat:no-repeat;background-size:250%;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #00000026;height:350px;left:calc(100% + 20px);pointer-events:none;position:absolute;top:0;width:350px;z-index:1000}.product-image-section{z-index:10}.image-thumbnails{display:flex;flex-wrap:wrap;gap:12px}.thumbnail{background:var(--white);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;height:70px;overflow:hidden;transition:all .2s ease;width:70px}.thumbnail:hover{border-color:var(--light-text);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.thumbnail.active{border-color:var(--color-secondary)}.thumbnail img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background:var(--bg-subtle);border-radius:16px;color:var(--light-text);display:flex;font-size:16px;justify-content:center;min-height:400px}.product-info-section{display:flex;flex-direction:column}.product-breadcrumb{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:12px}.product-breadcrumb a{color:var(--color-secondary);font-weight:600;letter-spacing:.3px;text-decoration:none;transition:color .2s ease}.product-breadcrumb a:hover{color:var(--color-secondary-hover);text-decoration:underline}.breadcrumb-current,.breadcrumb-separator{color:var(--light-text)}.breadcrumb-current{font-weight:500}.product-title{color:var(--color-primary);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.product-ref{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--light-text);display:inline-flex;font-size:13px;margin-bottom:16px;overflow:hidden;width:-webkit-fit-content;width:fit-content}.ref-hash{align-items:center;background:var(--border-color);display:flex;font-size:14px;font-weight:700;justify-content:center;padding:3px 10px}.ref-hash,.ref-text{color:var(--muted-text)}.ref-text{font-weight:500;padding:3px 12px}.product-description{color:var(--base-text);font-size:14px;line-height:1.7;margin:0 0 20px}.product-info-grid{grid-gap:16px;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:20px 0}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--light-text);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--dark-text);font-size:14px;font-weight:600}.product-detail-variant-section{margin-bottom:20px}.product-detail-variant-label{color:var(--dark-text);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.product-detail-variant-required{color:#dc3545}.product-detail-variant-chips{display:flex;flex-wrap:wrap;gap:10px}.product-detail-variant-chip{background:var(--white);border:1.5px solid var(--border-color);border-radius:10px;color:var(--base-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.product-detail-variant-chip:hover{background:var(--bg-subtle);border-color:var(--color-secondary)}.product-detail-variant-chip.active{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 4px 6px -1px #0000001a;color:var(--dark-text);font-weight:600}.price-box{background:linear-gradient(135deg,var(--color-primary) 0,#2d3a54 100%);border-radius:16px;box-shadow:0 8px 24px #232f3e33;margin-bottom:20px;padding:24px}.price-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.price-section{display:flex;flex-direction:column;gap:4px}.price-label{color:var(--light-text);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-value{color:var(--color-secondary);font-size:36px;font-weight:700;line-height:1}.stock-section{align-items:flex-start;display:flex}.stock-info{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.stock-status{align-items:center;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.3px}.stock-status.in-stock{color:#4ade80}.stock-status.out-of-stock{color:#f87171}.stock-dot{border-radius:50%;height:8px;width:8px}.stock-status.in-stock .stock-dot{background-color:#4ade80}.stock-status.out-of-stock .stock-dot{background-color:#f87171}.stock-delivery{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:4px}.stock-delivery-icon{color:var(--color-secondary);font-size:16px}.price-actions{align-items:center;display:flex;gap:16px}.quantity-control{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;overflow:hidden}.qty-btn,.quantity-control{align-items:center;display:flex}.qty-btn{background:#ffffff1a;border:none;color:var(--color-secondary);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.qty-btn:hover:not(:disabled){background:#fff3}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.qty-btn svg{font-size:12px}.qty-input{-moz-appearance:textfield;background:#0000;border:none;color:var(--white);font-size:16px;font-weight:600;height:44px;text-align:center;width:50px}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none}.btn-add-cart{align-items:center;background:var(--color-secondary);border:none;border-radius:8px;box-shadow:0 4px 20px #ffd81466;color:var(--color-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;padding:14px 24px;transition:all .2s ease}.btn-add-cart:hover{background:var(--color-secondary-hover);box-shadow:0 6px 28px #ffd81480;transform:translateY(-2px)}.btn-add-cart:active{transform:translateY(0)}.btn-add-cart svg{font-size:16px}.product-documents-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.product-detail-document-link{align-items:center;background:var(--white);border:2px solid var(--color-secondary);border-radius:10px;display:inline-flex;gap:12px;min-width:180px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.product-detail-document-link:hover{background-color:#ffd8140d;border-color:var(--color-secondary-hover);box-shadow:0 6px 16px #ffd81433;transform:translateY(-2px)}.product-detail-document-icon{align-items:center;background:var(--color-primary);border-radius:8px;color:var(--color-secondary);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.product-detail-document-link:hover .product-detail-document-icon{color:var(--color-secondary-hover)}.product-detail-document-content{display:flex;flex-direction:column;gap:2px}.product-detail-document-title{color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.product-detail-document-subtitle{color:var(--light-text);font-size:11px;font-weight:500}.product-detail-technical-sheet{align-items:center;background:var(--white);border:2px solid var(--color-secondary);border-radius:12px;display:inline-flex;gap:16px;margin-bottom:20px;padding:10px 24px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.product-detail-technical-sheet:hover{background-color:#ffd8140d;border-color:var(--color-secondary-hover);box-shadow:0 8px 20px #ffd81433;transform:translateY(-3px)}.product-detail-technical-sheet-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:var(--color-secondary);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.product-detail-technical-sheet:hover .product-detail-technical-sheet-icon{background:var(--color-primary);color:var(--color-secondary-hover)}.product-detail-technical-sheet-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.product-detail-technical-sheet-title{color:var(--color-primary);font-size:14px;font-weight:700;letter-spacing:.3px}.product-detail-technical-sheet-subtitle{color:var(--light-text);font-size:12px;font-weight:500}@media (max-width:1200px){.zoom-window{display:none}.main-image-wrapper{cursor:default}}@media (max-width:992px){.product-layout{gap:30px;grid-template-columns:1fr}.product-title{font-size:24px}.price-value{font-size:32px}}@media (max-width:768px){.product-detail{padding:20px 0 40px}.product-layout{gap:24px}.product-title{font-size:22px}.product-info-grid{gap:12px;grid-template-columns:1fr}.product-detail-variant-chip{font-size:13px;padding:8px 16px}.price-header{flex-direction:column;gap:12px}.stock-info{align-items:flex-start}.price-actions{flex-direction:column}.quantity-control{justify-content:center;width:100%}.btn-add-cart{width:100%}.product-detail-technical-sheet{gap:12px;padding:14px 16px}.product-detail-technical-sheet-icon{font-size:18px;height:40px;width:40px}.product-detail-technical-sheet-title{font-size:13px}.product-detail-technical-sheet-subtitle{font-size:11px}.image-thumbnails{justify-content:center}.product-documents-section{flex-direction:column}.product-detail-document-link{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.product-title{font-size:20px}.price-value{font-size:28px}.price-box{padding:16px}.thumbnail{height:60px;width:60px}}.backorder-disclaimer{align-items:flex-start;background:#0000;border:1px solid var(--color-secondary);border-radius:8px;display:flex;gap:10px;margin-top:14px;padding:14px 16px}.backorder-disclaimer-icon{color:var(--color-secondary);flex-shrink:0;font-size:16px;margin-top:1px}.backorder-disclaimer-content p{color:var(--color-secondary);font-size:13px;line-height:1.5;margin:0}.product-detail .product-carousel-section{background-color:var(--bg-subtle);margin-top:60px}@media (max-width:768px){.product-detail .product-carousel-section{margin-top:40px}}.config-options-section{margin-bottom:28px;margin-top:16px}.config-options-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.config-options-counter{background:var(--color-secondary-bg-soft);border-radius:12px;color:var(--color-secondary-dark);font-size:.8rem;font-weight:600;padding:2px 10px}.config-options-grid{grid-gap:14px 10px;display:grid;gap:14px 10px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.config-option-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:6px 4px;text-align:center}.config-option-card:focus{outline:none}.config-option-card:focus-visible .config-option-thumb{box-shadow:0 0 0 3px var(--color-secondary-bg-translucent),0 2px 6px #00000014}.config-options-selected{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:-2px 0 16px;padding:0}.config-options-selected__badge{background:var(--secondary-color);border-radius:999px;box-shadow:0 1px 2px #00000014;color:var(--color-gray-700);display:inline-block;font-size:.8rem;font-weight:600;line-height:1.3;padding:4px 12px;white-space:nowrap}.config-option-thumb{align-items:center;background:var(--bg-muted);border:2px solid var(--border-color);border-radius:50%;box-shadow:0 3px 6px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #fff9;display:flex;height:72px;justify-content:center;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;width:72px}.config-option-thumb .config-option-image{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.config-option-thumb .config-option-icon{display:block;height:70%;object-fit:contain;width:70%}.config-option-thumb-fallback{color:var(--muted-text);font-weight:700;line-height:1;text-align:center}.config-option-thumb-fallback--len-1{font-size:1.75rem}.config-option-thumb-fallback--len-2{font-size:1.4rem}.config-option-thumb-fallback--len-3{font-size:1.05rem;letter-spacing:-.02em}.config-option-card:hover .config-option-thumb{border-color:var(--color-secondary-dark);box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014,inset 0 1px 0 #fff9;transform:translateY(-2px)}.config-option-card:active .config-option-thumb{box-shadow:inset 0 3px 6px #00000038;transform:translateY(2px) scale(.98)}.config-option-card.selected .config-option-thumb{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary-dark);box-shadow:inset 0 3px 7px #0000002e,0 0 0 3px var(--color-secondary-bg-translucent);transform:translateY(1px)}.config-option-card.selected:hover .config-option-thumb{box-shadow:inset 0 3px 7px #0003,0 0 0 4px var(--color-secondary-bg-translucent);transform:translateY(1px)}.btn-add-cart:disabled{cursor:not-allowed;opacity:.5}.cart-item-card{grid-gap:24px;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:grid;gap:24px;grid-template-columns:120px 1fr auto auto auto;padding:20px}.cart-item-card:hover{border-color:var(--secondary-color)}.cart-item-card:hover .cart-item-image img{transform:scale(1.05)}.cart-item-image{background:#f1f5f9;border-radius:8px;height:100px;overflow:hidden;width:120px}.cart-item-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.cart-item-no-image{align-items:center;color:#94a3b8;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.cart-item-info{min-width:0}.cart-item-sku{color:#94a3b8;font-family:monospace;font-size:12px;margin:0 0 4px}.cart-item-name{color:#1a2744;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.cart-item-info a{text-decoration:none}.cart-item-info a:hover .cart-item-name{color:var(--secondary-color)}.cart-item-meta{color:var(--muted-text);font-size:11px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.cart-item-variant{color:var(--secondary-color);text-transform:none}.cart-item-delivery{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px}.cart-item-delivery.in-stock{color:#16a34a}.cart-item-delivery.backorder{color:#f59e0b}.cart-item-delivery .delivery-icon{font-size:12px}.cart-item-delivery .delivery-detail{color:#64748b;font-size:11px;margin-left:4px}.cart-item-stock-info{color:#64748b;display:block;font-size:11px;margin-top:4px}.cart-item-quantity{text-align:center}.cart-item-quantity-label{color:var(--light-text);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cart-item-quantity-controls{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:0;overflow:hidden}.cart-item-qty-btn{align-items:center;background:#0000;border:none;color:var(--color-secondary-dark);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.cart-item-qty-btn:hover:not(:disabled){background:#e2e8f0;color:#1a2744}.cart-item-qty-btn:disabled{cursor:not-allowed;opacity:.3}.cart-item-qty-btn svg{font-size:10px}.cart-item-qty-value{color:#1a2744;font-size:14px;font-weight:600;min-width:40px;text-align:center}.cart-item-subtotal{min-width:100px;text-align:center}.cart-item-subtotal-label{color:var(--light-text);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cart-item-subtotal-value{color:#1a2744;font-size:18px;font-weight:700}.cart-item-remove-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.cart-item-remove-btn:hover{background:#fef2f2;color:#ef4444}@media (max-width:768px){.cart-item-card{gap:16px;grid-template-columns:80px 1fr;padding-right:50px;position:relative}.cart-item-image{grid-row:span 2;height:80px;width:80px}.cart-item-quantity,.cart-item-subtotal{text-align:left}.cart-item-quantity-label,.cart-item-subtotal-label{display:inline;margin-bottom:0;margin-right:8px}.cart-item-remove-btn{position:absolute;right:12px;top:12px}}.cart-item__config{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:6px}.cart-item__config-label{color:var(--table-text-muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.cart-item__config-pills{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.cart-item__config-pill{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:999px;color:var(--color-dark);display:inline-block;font-size:12px;line-height:1.4;padding:3px 10px;white-space:nowrap}.cart-page{padding:40px 0}.cart-empty,.cart-page{min-height:calc(100vh - 200px)}.cart-empty{align-items:center;display:flex;justify-content:center;padding:40px 20px}.cart-empty-content{max-width:420px;text-align:center}.cart-empty-icon{align-items:center;background:var(--bg-muted);border-radius:50%;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.cart-empty-icon svg{color:var(--color-secondary);font-size:36px}.cart-empty-content h2{color:var(--color-primary);font-size:24px;font-weight:700;margin:0 0 12px}.cart-empty-content p{color:var(--muted-text);font-size:15px;line-height:1.6;margin:0 0 28px}.cart-empty-btn{align-items:center;background-color:var(--color-primary);border-radius:8px;color:var(--white);display:inline-flex;font-size:15px;font-weight:600;gap:12px;letter-spacing:.3px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.cart-empty-btn:hover{background-color:#1a242f;box-shadow:0 4px 12px #232f3e4d;color:var(--white);transform:translateY(-2px)}.cart-empty-btn svg{color:var(--color-secondary);font-size:14px;transition:transform .3s ease}.cart-empty-btn:hover svg{transform:translateX(4px)}.cart-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.cart-header h1{color:#1a2744;font-size:28px;font-weight:700;margin:0}.cart-count{color:#6b7280;font-size:18px;font-weight:400}.continue-shopping-link{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;text-decoration:none;transition:color .2s}.continue-shopping-link:hover{color:#1a2744}.cart-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 380px}.cart-items-list,.cart-main{display:flex;flex-direction:column}.cart-items-list{gap:16px}.cart-summary{background:linear-gradient(135deg,#1a2744,#2d3a54);border-radius:16px;box-shadow:0 8px 24px #1a274433;overflow:hidden;position:-webkit-sticky;position:sticky;top:100px}.cart-summary-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.cart-summary-icon{color:var(--secondary-color);font-size:20px}.cart-summary-header h2{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0}.cart-summary-content{padding:24px}.cart-summary-row{align-items:center;color:#94a3b8;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.cart-summary-row+.cart-summary-row{border-top:1px solid #ffffff0d}.cart-summary-row-name{color:var(--light-text);font-weight:700}.cart-summary-row-value{color:var(--white);font-weight:700}.cart-free-shipping{color:#22c55e;font-weight:600}.cart-summary-total{align-items:center;border-top:1px solid var(--color-secondary);display:flex;justify-content:space-between;margin-top:12px;padding:20px 0}.cart-summary-total span:first-child{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cart-total-value{color:var(--color-secondary);font-size:32px;font-weight:700}.cart-checkout-btn{align-items:center;background:var(--secondary-color);border:none;border-radius:8px;box-shadow:0 4px 20px #ffd81466;color:var(--primary-color);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:15px 24px;transition:all .2s ease;width:100%}.cart-checkout-btn:hover:not(:disabled){box-shadow:0 6px 28px #ffd81480;filter:brightness(1.08)}.cart-checkout-btn:hover:not(:disabled) .cart-checkout-arrow{transform:translateX(7px)}.cart-checkout-btn:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5}.cart-checkout-disabled-note{color:var(--color-text-secondary);font-size:.85rem;font-style:italic;margin-top:12px;text-align:center}.cart-checkout-arrow{align-items:center;display:inline-flex;font-size:32px;transition:transform .2s ease}@media (max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-main{order:1}.cart-summary{order:2}}@media (max-width:768px){.cart-header{align-items:flex-start;flex-direction:column;gap:16px}}.cart-backorder-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px 20px}.cart-backorder-banner svg{color:#f59e0b;flex-shrink:0;font-size:18px}.checkout-page{min-height:calc(100vh - 200px);padding:40px 0}.checkout-soft-launch-banner{align-items:flex-start;background:var(--color-secondary-bg-soft);border:1px solid var(--color-secondary-dark);border-radius:10px;display:flex;gap:14px;margin-bottom:24px;padding:16px 18px}.checkout-soft-launch-banner__icon{color:var(--color-secondary-dark);flex-shrink:0;font-size:22px;margin-top:2px}.checkout-soft-launch-banner__content strong{color:var(--color-dark);display:block;font-size:15px;margin-bottom:4px}.checkout-soft-launch-banner__content p{color:var(--color-gray-700);font-size:14px;line-height:1.5;margin:0}.checkout-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 380px}.checkout-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.checkout-header h1{color:#1a2744;font-size:28px;font-weight:700;margin:0}.checkout-count{color:#6b7280;font-size:18px;font-weight:400}.back-to-cart-link{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;text-decoration:none;transition:color .2s}.back-to-cart-link:hover{color:#1a2744}.checkout-main{display:flex;flex-direction:column}.checkout-section-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.checkout-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;margin-bottom:20px;padding-bottom:16px}.checkout-section-icon{align-items:center;background:var(--color-primary);border-radius:10px;color:var(--color-secondary);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.checkout-section-header h2{color:var(--dark-text);font-size:16px;font-weight:600;letter-spacing:.3px;margin:0}.checkout-optional-tag{color:var(--light-text);font-size:14px;font-weight:400}.checkout-alert{align-items:flex-start;border-radius:12px;display:flex;gap:16px;padding:18px}.checkout-alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.checkout-alert-icon{color:#d97706;flex-shrink:0;font-size:20px;margin-top:2px}.checkout-alert-content strong{color:#92400e;display:block;font-size:15px;margin-bottom:6px}.checkout-alert-content p{color:#78350f;font-size:14px;line-height:1.5;margin:0 0 14px}.checkout-alert-btn{align-items:center;background:var(--color-secondary);border-radius:8px;color:var(--dark-text);display:inline-flex;font-size:13px;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .2s ease}.checkout-alert-btn:hover{background:var(--color-secondary-hover);transform:translateY(-1px)}.checkout-options-list{display:flex;flex-direction:column;gap:12px}.checkout-option-card{align-items:flex-start;background:var(--bg-subtle);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:18px;position:relative;transition:all .2s ease}.checkout-option-card:hover{background:var(--white);border-color:var(--color-secondary-hover)}.checkout-option-selected{background:#ffd81414!important;border-color:var(--color-secondary)!important}.checkout-option-radio{accent-color:var(--color-secondary);flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkout-option-content{flex:1 1;min-width:0}.checkout-option-title{color:var(--dark-text);font-size:15px;font-weight:600;margin:0 0 6px!important}.checkout-option-text{color:var(--base-text);font-size:14px;line-height:1.5;margin:3px 0!important}.checkout-option-phone{color:var(--muted-text)!important;font-size:13px!important;margin-top:8px!important}.checkout-option-check{align-items:center;background:var(--success-color);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;width:24px}.checkout-option-selected .checkout-option-check{opacity:1;transform:scale(1)}.checkout-notes-textarea{background:var(--color-secondary-bg-soft);border:2px solid var(--border-color);border-radius:10px;color:var(--dark-text);font-size:14px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.checkout-notes-textarea:focus{background:var(--white);border-color:var(--color-secondary);box-shadow:0 0 0 4px var(--color-secondary-bg-translucent);outline:none}.checkout-notes-textarea::placeholder{color:var(--light-text)}.checkout-terms-label{align-items:flex-start;color:var(--base-text);cursor:pointer;display:flex;font-size:15px;gap:12px;line-height:1.5;padding:4px 0}.checkout-terms-label input[type=checkbox]{accent-color:var(--color-secondary-dark);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkout-terms-label a{color:var(--color-secondary-dark);text-decoration:underline}.checkout-terms-label a:hover{color:var(--color-secondary)}.checkout-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px}.checkout-summary{background:linear-gradient(135deg,#1a2744,#2d3a54);border-radius:16px;box-shadow:0 8px 24px #1a274433;overflow:hidden}.checkout-summary-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.checkout-summary-icon{color:var(--color-secondary);font-size:20px}.checkout-summary-header h2{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0}.checkout-summary-content{padding:24px}.checkout-items-preview{border-bottom:1px solid #ffffff1a;margin-bottom:16px;max-height:180px;overflow-y:auto;padding-bottom:16px}.checkout-item-preview{display:flex;font-size:13px;gap:8px;padding:8px 0}.checkout-item-qty{color:#94a3b8;flex-shrink:0;width:35px}.checkout-item-name{color:#e2e8f0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-item-price{color:#fff;font-weight:600}.checkout-summary-row{align-items:center;border-top:1px solid #ffffff0d;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.checkout-summary-row:first-of-type{border-top:none}.checkout-summary-row-name{color:#94a3b8;font-weight:500}.checkout-summary-row-value{color:#fff;font-weight:600}.checkout-free-shipping{color:#22c55e;font-weight:600}.checkout-summary-total{align-items:center;border-top:1px solid var(--color-secondary);display:flex;justify-content:space-between;margin-top:12px;padding:20px 0}.checkout-summary-total span:first-child{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.checkout-total-value{color:var(--color-secondary);font-size:32px;font-weight:700}.checkout-shipping-info{margin-bottom:16px}.checkout-shipping-notice{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;font-size:14px;gap:10px;line-height:1.5;margin:0;padding:12px 16px}.checkout-shipping-notice-icon{color:#d97706;flex-shrink:0;font-size:16px}.checkout-shipment-option{align-items:flex-start;flex-direction:column}.checkout-shipment-option .checkout-option-radio{left:18px;position:absolute;top:18px}.checkout-shipment-option .checkout-option-content{padding-left:30px;width:100%}.checkout-shipment-option .checkout-option-check{position:absolute;right:18px;top:18px}.checkout-shipment-details{align-items:center;border-top:1px dashed var(--border-color);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.checkout-shipment-delivery{align-items:center;color:var(--muted-text);display:flex;font-size:13px;gap:6px}.checkout-shipment-delivery svg{color:var(--color-primary)}.checkout-shipment-cost{color:var(--dark-text);font-size:16px;font-weight:700}.checkout-shipment-split-details{border-top:1px dashed var(--border-color);margin-top:12px;padding-top:12px}.checkout-shipment-split-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.checkout-shipment-label{color:var(--muted-text);font-size:12px;font-weight:500}.checkout-shipment-split-details .checkout-shipment-cost{border-top:1px solid var(--border-color);display:block;margin-top:8px;padding-top:8px;text-align:right}.checkout-delivery-box{align-items:center;background:#0000;border:1px solid var(--color-secondary);border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:14px 16px}.checkout-delivery-box.backorder{border-color:var(--color-secondary)}.checkout-delivery-icon{flex-shrink:0;font-size:20px}.checkout-delivery-box.backorder .checkout-delivery-icon,.checkout-delivery-icon{color:var(--color-secondary)}.checkout-delivery-info{display:flex;flex-direction:column}.checkout-delivery-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.checkout-delivery-date{color:#fff;font-size:14px;font-weight:600}.checkout-backorder-notice{align-items:center;background:#f59e0b1a;border-radius:8px;color:#fcd34d;display:flex;font-size:12px;gap:10px;margin-bottom:12px;padding:12px 14px}.checkout-backorder-notice svg{color:#f59e0b;flex-shrink:0}.checkout-confirm-btn{align-items:center;background:var(--color-secondary);border:none;border-radius:8px;box-shadow:0 4px 20px #ffd81466;color:var(--color-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:15px 24px;transition:all .2s ease;width:100%}.checkout-confirm-btn:hover:not(:disabled){box-shadow:0 6px 28px #ffd81480;filter:brightness(1.08)}.checkout-confirm-btn:hover:not(:disabled) .checkout-confirm-arrow{transform:translateX(7px)}.checkout-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.checkout-confirm-arrow{align-items:center;display:inline-flex;font-size:24px;transition:transform .2s ease}.checkout-warning{color:#fca5a5;font-size:12px;margin-top:12px;text-align:center}.checkout-warning--terms{align-items:center;background:var(--color-secondary-bg-translucent);border:1px solid var(--color-secondary);border-radius:8px;color:var(--color-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;line-height:1.4;padding:10px 12px}.checkout-warning--terms svg{flex-shrink:0;font-size:15px}.btn-sm{font-size:.85rem;padding:.5rem 1rem}.card-element-wrapper{background:#fff;border:1px solid var(--border-color);border-radius:5px;padding:15px}.checkbox-label{display:flex;gap:10px}.checkbox-label input[type=checkbox]{width:auto}@media (max-width:1024px){.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{position:static}.checkout-main{order:1}.checkout-sidebar{order:2}}@media (max-width:768px){.checkout-header{align-items:flex-start;flex-direction:column;gap:16px}}.account-layout{grid-gap:40px;background:var(--bg-subtle);display:grid;gap:40px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:40px}.account-content{min-width:0}.account-page-title{color:var(--dark-text);display:inline-block;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 30px;padding:0;position:relative}.account-page-title:after{background:var(--color-secondary);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;width:50%}.account-card{background:var(--white);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:1.5rem;padding:1.5rem}.account-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.account-card-title{color:var(--dark-text);font-size:1.1rem;font-weight:600;margin:0}@media (max-width:1200px){.account-layout{gap:30px;padding:30px}}@media (max-width:992px){.account-layout{gap:24px;grid-template-columns:280px 1fr;padding:24px}}@media (max-width:768px){.account-layout{gap:0;grid-template-columns:1fr;padding:0}.account-content{padding:24px}.account-page-title{font-size:1.5rem;margin-bottom:20px}}.account-form{max-width:600px}.form-row{grid-gap:1rem;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--base-text);display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--white);border:1.5px solid var(--border-color);border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81426}.form-actions{gap:.75rem;margin-top:1.5rem}.btn{border-radius:8px;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.btn-primary{background:var(--color-primary)}.btn-primary:hover:not(:disabled){background:#1a2332}.btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-outline{background:#0000;border:1.5px solid var(--border-color);color:var(--base-text)}.btn-outline:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--dark-text)}.account-section-body{padding:24px}.account-form-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.account-form-grid .full-width{grid-column:1/-1}.account-form-field{display:flex;flex-direction:column;gap:6px}.account-form-field input,.account-form-field select,.account-form-field textarea{background:var(--white);border:1.5px solid var(--border-color);border-radius:8px;color:var(--color-dark);font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.account-form-field input:focus,.account-form-field select:focus,.account-form-field textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent);outline:none}.account-form-subheader{color:var(--color-gray-700);font-size:13px;font-weight:600;letter-spacing:.5px;margin:24px 0 12px;text-transform:uppercase}.account-info-text p{color:var(--base-text);font-size:14px;line-height:1.6;margin:0 0 .75rem}.account-info-text p:last-child{margin-bottom:0}.account-form-actions{background:#0000;border:none;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:0}@media (max-width:768px){.account-form-grid{grid-template-columns:1fr}.account-form-actions{flex-direction:column-reverse}}.loading,.text-muted{color:var(--light-text)}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.error{background:#fef2f2;border-radius:8px;color:var(--error-color);padding:1rem}@media (max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.addresses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.address-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:18px 20px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.address-card:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.address-card--default{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary)}.address-card--default:hover{border-color:var(--color-secondary-dark)}.address-card--selectable{cursor:pointer}.address-card__radio{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.address-card--selected{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary)}.address-card--selectable:focus-within{outline:2px solid var(--color-secondary);outline-offset:2px}.address-card__selected-check{align-items:center;animation:address-card-check-pop .18s ease-out;background:var(--color-dark);border-radius:50%;box-shadow:0 2px 8px #0000002e;color:var(--color-secondary);display:inline-flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}@keyframes address-card-check-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.address-card__badge{align-items:center;background:var(--color-secondary);border-radius:999px;color:var(--color-dark);display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.4px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.address-card__badge svg{font-size:10px}.address-card__body{display:flex;flex:1 1;flex-direction:column;gap:14px}.address-card__field{display:flex;flex-direction:column}.address-card__actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:14px}.info-card h3{margin:0 0 .5rem}.info-card p{margin:0}.modal-content{max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem}.modal-header h3{font-size:1.25rem;margin:0}.modal-close{color:#6b7280;font-size:1.5rem}.modal-content .account-form{padding:1.5rem}textarea{min-height:80px;resize:vertical}.address-modal{background:var(--white);border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.address-modal__header{background:var(--white);border-top-left-radius:16px;border-top-right-radius:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.address-modal__close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:background .15s ease,color .15s ease;width:36px}.address-modal__close:hover{background:var(--bg-muted);color:var(--color-dark)}.address-modal__body{display:flex;flex-direction:column;gap:20px;padding:24px}.address-modal__body input,.address-modal__body select,.address-modal__body textarea{background:var(--white);border:1.5px solid var(--border-color);border-radius:8px;color:var(--color-dark);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.address-modal__body input:focus,.address-modal__body select:focus,.address-modal__body textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent);outline:none}.address-modal__body textarea{min-height:80px;resize:vertical}.address-modal__toggle-row{align-items:center;display:flex;padding:0}@media (max-width:640px){.address-modal{border-radius:12px;max-width:calc(100% - 24px)}}.payment-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.payment-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:18px 20px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.payment-card:hover{border-color:var(--color-gray-300);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.payment-card--default{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary)}.payment-card--default:hover{border-color:var(--color-secondary-dark)}.payment-card--selectable{cursor:pointer}.payment-card__radio{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.payment-card--selected{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary)}.payment-card--selectable:focus-within{outline:2px solid var(--color-secondary);outline-offset:2px}.payment-card__selected-check{align-items:center;animation:payment-card-check-pop .18s ease-out;background:var(--color-dark);border-radius:50%;box-shadow:0 2px 8px #0000002e;color:var(--color-secondary);display:inline-flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}@keyframes payment-card-check-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.payment-card__badge{align-items:center;background:var(--color-secondary);border-radius:999px;color:var(--color-dark);display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.4px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.payment-card__badge svg{font-size:10px}.payment-card__body{display:flex;flex:1 1;flex-direction:column;gap:14px}.payment-card__brand-row{align-items:center;display:flex}.payment-card__brand{color:var(--card-brand-default);font-size:2.25rem}.payment-card__brand--visa{color:var(--card-brand-visa)}.payment-card__brand--mastercard{color:var(--card-brand-mastercard)}.payment-card__brand--amex{color:var(--card-brand-amex)}.payment-card__field{display:flex;flex-direction:column}.payment-card__number{font-family:Courier New,Courier,monospace;letter-spacing:1px}.payment-card__actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:14px}.payment-modal{background:var(--white);border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}.payment-modal__header{background:var(--white);border-top-left-radius:16px;border-top-right-radius:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.payment-modal__close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:background .15s ease,color .15s ease;width:36px}.payment-modal__close:hover{background:var(--bg-muted);color:var(--color-dark)}.payment-modal__body{display:flex;flex-direction:column;gap:20px;padding:24px}.payment-modal__error{background:var(--color-status-danger-bg);border-radius:8px;color:var(--color-status-danger);font-size:13px;font-weight:500;margin:0;padding:10px 14px}.payment-card-element{background:var(--white);border:1.5px solid var(--border-color);border-radius:8px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.payment-card-element:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent)}.empty-state{padding:2rem}.empty-state p{margin:.5rem 0}@media (max-width:640px){.payment-modal{border-radius:12px;max-width:calc(100% - 24px)}.payment-card__actions{justify-content:stretch}}.order-conf-page{background:var(--bg-subtle);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:60px 20px}.order-conf-container{align-items:center;display:flex;flex-direction:column;max-width:900px;width:100%}.order-conf-error,.order-conf-loading{color:var(--base-text);padding:60px 20px;text-align:center}.order-conf-error h2{color:var(--dark-text);margin-bottom:20px}.order-conf-link{color:var(--color-primary);text-decoration:underline}.order-conf-icon-wrapper{margin-bottom:32px;position:relative}.order-conf-icon-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd81466 0,#ffd81400 70%);border-radius:50%;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px}.order-conf-icon{align-items:center;animation:checkPop .6s ease-out forwards;background:var(--color-secondary);border-radius:50%;box-shadow:0 8px 32px #ffd81466;display:flex;height:100px;justify-content:center;position:relative;width:100px}.order-conf-icon svg{color:var(--color-primary);font-size:48px}@keyframes checkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.order-conf-title{color:var(--color-primary);font-size:42px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-align:center}.order-conf-subtitle{color:var(--base-text);font-size:16px;line-height:1.6;margin:0 0 40px;max-width:600px;text-align:center}.order-conf-subtitle strong{color:var(--color-primary);font-weight:600}.order-conf-card{background:var(--white);border-radius:16px;box-shadow:0 4px 24px #00000014;display:grid;grid-template-columns:1fr 280px;margin-bottom:40px;overflow:hidden;width:100%}.order-conf-card-left{padding:32px}.order-conf-reference{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:28px;padding-bottom:20px}.order-conf-reference-label{color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:.5px}.order-conf-reference-value{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:14px;font-weight:600;padding:6px 14px}.order-conf-details-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:28px}.order-conf-detail{align-items:flex-start;display:flex;gap:12px}.order-conf-detail-icon{color:var(--color-secondary);font-size:16px;margin-top:2px}.order-conf-detail-content{display:flex;flex-direction:column;gap:4px}.order-conf-detail-label{color:var(--light-text);font-size:11px;font-weight:600;letter-spacing:.5px}.order-conf-detail-value{color:var(--dark-text);font-size:14px;font-weight:500}.order-conf-info-rows{display:flex;flex-direction:column;gap:16px;padding-top:8px}.order-conf-info-row{display:flex;flex-direction:column;gap:4px}.order-conf-info-label{color:var(--light-text);font-size:11px;font-weight:600;letter-spacing:.5px}.order-conf-info-value{color:var(--dark-text);font-size:14px;font-weight:500}.order-conf-card-right{background:linear-gradient(135deg,#1a2744,#2d3a54);display:flex;flex-direction:column;padding:32px 24px}.order-conf-total-section{margin-bottom:24px;text-align:center}.order-conf-total-label{color:#fff9;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.order-conf-total-items-count{font-weight:400;letter-spacing:.5px}.order-conf-total-value{color:var(--color-secondary);display:block;font-size:36px;font-weight:700}.order-conf-action-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.order-conf-action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 18px;transition:all .2s ease}.order-conf-action-btn:hover{background:#ffffff26;transform:translateY(-1px)}.order-conf-action-btn svg{color:var(--color-secondary);font-size:18px}.order-conf-action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.order-conf-email-note{font-style:italic;margin:4px 0 0}.order-conf-email-note,.order-conf-notify-text{color:#ffffff80;font-size:11px;text-align:center}.order-conf-notify-text{font-weight:600;letter-spacing:.5px;line-height:1.6;margin-top:auto}.order-conf-bottom-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.order-conf-btn-primary{align-items:center;background:var(--color-primary);border-radius:50px;box-shadow:0 4px 16px #1a27444d;color:var(--white);display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:.5px;padding:16px 32px;text-decoration:none;transition:all .2s ease}.order-conf-btn-primary:hover{box-shadow:0 6px 24px #1a274466;transform:translateY(-2px)}.order-conf-btn-primary .order-conf-btn-icon{color:var(--color-secondary);font-size:18px}.order-conf-btn-secondary{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:50px;color:var(--dark-text);display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:.5px;padding:16px 32px;text-decoration:none;transition:all .2s ease}.order-conf-btn-secondary:hover{border-color:var(--color-primary);transform:translateY(-2px)}.order-conf-btn-secondary .order-conf-btn-icon{font-size:14px;transition:transform .2s ease}.order-conf-btn-secondary:hover .order-conf-btn-icon{transform:translateX(4px)}@media (max-width:768px){.order-conf-page{padding:40px 16px}.order-conf-title{font-size:32px}.order-conf-subtitle{font-size:14px}.order-conf-card{grid-template-columns:1fr}.order-conf-card-left,.order-conf-card-right{padding:24px}.order-conf-details-row{gap:16px;grid-template-columns:1fr}.order-conf-bottom-actions{flex-direction:column;width:100%}.order-conf-btn-primary,.order-conf-btn-secondary{justify-content:center;width:100%}}.auth-page{align-items:center;background:var(--bg-subtle);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{max-width:460px;width:100%}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo img{height:40px;object-fit:contain;width:auto}.auth-logo-text{color:var(--color-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.auth-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000014;padding:48px 40px}.auth-card h1{color:var(--color-primary);font-size:26px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.auth-title-highlight{color:var(--color-secondary)}.auth-subtitle{color:var(--light-text);font-size:14px;font-weight:500;margin-bottom:32px;text-align:center}.auth-error-banner{align-items:flex-start;background:var(--color-status-danger-bg);border:1px solid var(--color-status-danger-bg-strong);border-radius:8px;color:var(--color-status-danger);display:flex;font-size:14px;gap:10px;line-height:1.4;margin-bottom:20px;padding:12px 14px}.auth-error-banner-icon{flex-shrink:0;font-size:18px;margin-top:1px}.auth-error-banner-message{flex:1 1;font-weight:500}.auth-error-banner--inline{font-size:13px;margin-bottom:0;margin-top:8px;padding:10px 12px}.auth-form{margin-bottom:0}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{color:var(--base-text);display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.auth-label-row{align-items:center;display:flex;justify-content:space-between}.auth-forgot-link{color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .2s}.auth-forgot-link:hover{color:var(--color-secondary-dark)}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--light-text);font-size:17px;left:14px;pointer-events:none;position:absolute}.auth-input-wrapper input{padding-left:42px!important}.auth-toggle-password{align-items:center;background:none;border:none;color:var(--light-text);cursor:pointer;display:flex;font-size:18px;padding:0;position:absolute;right:12px;transition:color .2s}.auth-toggle-password:hover{color:var(--muted-text)}.auth-form .form-group input{background:var(--bg-base);border:1.5px solid var(--border-color);border-radius:8px;color:var(--dark-text);font-size:14px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-form .form-group input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81426;outline:none}.auth-form .form-group input::placeholder{color:var(--light-text)}.auth-remember{align-items:center;cursor:pointer;display:flex;gap:8px;margin-top:4px}.auth-remember input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;padding:0;width:16px}.auth-remember span{color:var(--base-text);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.auth-form .btn-block{background:var(--color-primary);border:none;border-radius:12px;color:var(--text-on-dark);cursor:pointer;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;margin-top:16px;padding:16px;text-transform:uppercase;transition:all .2s;width:100%}.auth-btn-arrow,.auth-form .btn-block{align-items:center;display:inline-flex}.auth-btn-arrow{color:var(--color-secondary);font-size:26px;transition:transform .25s ease}.auth-form .btn-block:hover:not(:disabled) .auth-btn-arrow{transform:translateX(5px)}.auth-form .btn-block:hover:not(:disabled){box-shadow:0 4px 16px #232f3e4d;opacity:.9;transform:translateY(-1px)}.auth-form .btn-block:active:not(:disabled){transform:translateY(0)}.auth-form .btn-block:disabled{cursor:not-allowed;opacity:.5}.auth-divider{border:none;border-top:1px solid var(--border-color);margin:28px 0 0}.auth-footer{padding-top:24px;text-align:center}.auth-footer p{color:var(--light-text);font-size:14px;font-weight:500;margin-bottom:4px}.auth-footer a{border-bottom:2px solid var(--color-secondary);color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.5px;padding-bottom:2px;text-decoration:none;text-transform:uppercase;transition:color .2s}.auth-footer a:hover{color:var(--color-secondary-dark)}.auth-link{color:var(--bg-muted);font-size:14px;margin-top:24px;text-align:center}.auth-link a{color:var(--color-secondary);font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:var(--color-secondary-hover-light)}.demo-credentials{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;color:var(--muted-text);font-size:13px;margin-top:24px;padding:14px;text-align:center}.demo-credentials p{margin:3px 0}.auth-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:480px){.auth-page{align-items:flex-start;padding:48px 16px 16px}.auth-card{border-radius:12px;padding:32px 24px}.auth-logo{margin-bottom:24px}.auth-form .form-row{gap:0;grid-template-columns:1fr}}.terms-checkbox{margin:16px 0 8px}.terms-label{align-items:flex-start;color:var(--base-text);cursor:pointer;display:flex;font-size:13px;gap:10px;line-height:1.5}.terms-label input[type=checkbox]{accent-color:var(--color-secondary-dark);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;padding:0;width:18px}.terms-label a{color:var(--color-secondary-dark);text-decoration:underline}.terms-label a:hover{color:var(--color-secondary)}.profile-page{padding:40px 0}.profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:0 auto;max-width:600px;padding:30px}.profile-info p{font-size:16px;margin:15px 0}.form-actions{gap:10px;margin-top:20px}.legal-page{margin:0 auto;max-width:800px;padding:40px 20px 60px}.legal-page-title{border-bottom:2px solid var(--color-secondary);color:var(--dark-text);font-size:28px;font-weight:700;margin-bottom:32px;padding-bottom:16px}.legal-page-content{word-wrap:break-word;color:var(--base-text);font-size:15px;line-height:1.8;white-space:pre-wrap}.legal-page-empty,.legal-page-loading{color:var(--muted-text);font-size:15px;padding:80px 20px;text-align:center}.contact-intro{color:var(--base-text);font-size:15px;line-height:1.7;margin:0 0 32px}.contact-info-list{display:flex;flex-direction:column;gap:14px}.contact-info-item{align-items:flex-start;background:var(--white);border:1px solid var(--border-color);border-radius:12px;color:inherit;display:flex;gap:16px;padding:18px 20px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.contact-info-item:hover{border-color:var(--color-secondary);box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.contact-info-icon{align-items:center;background:var(--color-dark);border-radius:10px;color:var(--color-secondary);display:inline-flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.contact-info-text{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-info-label{color:var(--light-text);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contact-info-value{color:var(--dark-text);font-size:15px;font-weight:500;word-break:break-word}.account-sidebar{background:linear-gradient(135deg,var(--color-primary) 0,#2d3a54 100%);border-radius:16px;box-shadow:0 4px 24px #1a274440;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:-webkit-sticky;position:sticky;top:100px;width:280px}.account-sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.account-sidebar-user{align-items:center;display:flex;gap:14px}.account-sidebar-avatar{align-items:center;background:var(--color-secondary);border-radius:50%;box-shadow:0 4px 12px #0003;color:var(--color-primary);display:flex;flex-shrink:0;font-size:1.25rem;height:52px;justify-content:center;width:52px}.account-sidebar-user-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.account-sidebar-user-name{color:var(--white);font-size:1rem;font-weight:600}.account-sidebar-user-email,.account-sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar-user-email{color:#fff9;font-size:.8rem}.account-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:16px}.account-sidebar-link{align-items:center;border-radius:10px;color:#ffffffbf;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.account-sidebar-link:hover{background:#ffffff1a;color:var(--white)}.account-sidebar-link.active{background:var(--color-secondary);box-shadow:0 4px 12px #ffd8144d;color:var(--color-primary);font-weight:600}.account-sidebar-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;min-width:22px;opacity:.8;transition:opacity .2s ease}.account-sidebar-link:hover .account-sidebar-icon{opacity:1}.account-sidebar-link.active .account-sidebar-icon{color:var(--color-primary);opacity:1}.account-sidebar-label{font-size:.95rem}.account-sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px}.account-sidebar-logout{align-items:center;background:#0000;border:1px solid var(--color-secondary);border-radius:10px;color:var(--color-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.account-sidebar-logout:hover{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 4px 12px var(--color-secondary-bg-translucent);color:var(--color-primary);transform:translateY(-1px)}.account-sidebar-logout svg{color:var(--color-secondary);font-size:1rem;transition:color .2s ease}.account-sidebar-logout:hover svg{color:var(--color-primary)}@media (max-width:992px){.account-sidebar{width:260px}}@media (max-width:768px){.account-sidebar{border-radius:0;position:relative;top:0;width:100%}.account-sidebar-header{padding:20px}.account-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px}.account-sidebar-link{flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-width:calc(33.33% - 8px);padding:12px}.account-sidebar-label{font-size:.75rem;text-align:center}.account-sidebar-icon{font-size:1.25rem}.account-sidebar-footer{display:none}}@media (max-width:480px){.account-sidebar-link{min-width:calc(50% - 8px)}.account-sidebar-label{display:none}}.alert{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert svg{flex-shrink:0;font-size:1.25rem;margin-top:.25rem}.alert-warning{background:#fef3c7;border:1px solid #f59e0b}.alert-warning svg{color:#d97706}.alert-warning strong{color:#92400e}.alert-warning p{color:#78350f;font-size:.9rem;margin:.25rem 0 0}.account-card-title svg{margin-right:.5rem}.company-status-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;letter-spacing:.4px;padding:6px 12px;text-transform:uppercase}.company-status-badge svg{font-size:12px}.company-status-badge--success{background:var(--color-status-success-bg);color:var(--color-status-success)}.company-status-badge--success svg{color:var(--color-status-success-dot)}.info-card{background:#f0f9ff;border:1px solid #bae6fd}.info-card h3{color:#0369a1;font-size:1rem;margin:0 0 .75rem}.info-card p{color:#0c4a6e;font-size:.9rem;margin:0 0 .5rem}.info-card p:last-child{margin-bottom:0}.btn-view{align-items:center;background:var(--bg-muted);border-radius:6px;color:var(--color-gray-700);display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-view:hover{background:var(--color-gray-200)}.empty-state{padding:3rem 1rem}.empty-state p{color:var(--color-gray-500);margin-bottom:1rem}.customer-order-detail{padding:10px 0}.customer-order-detail .back-link{margin-bottom:1.5rem}@media (max-width:1100px){.customer-order-detail .info-grid{grid-template-columns:1fr}.customer-order-detail .shipment-card-layout{gap:1rem;grid-template-columns:1fr}}.admin-dashboard{padding:10px 0}.dash-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.dash-stat-card{align-items:center;background:var(--white);border:1px solid var(--color-secondary);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.dash-stat-icon{align-items:center;border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.dash-stat-icon--revenue{background-color:var(--success-color)}.dash-stat-icon--orders{background-color:#3b82f6}.dash-stat-icon--customers{background-color:var(--warning-color)}.dash-stat-icon--products{background-color:#9b59b6}.dash-stat-icon--processing{background-color:#232f3e}.dash-stat-icon--out-of-stock{background-color:#e74c3c}.dash-stat-info{display:flex;flex-direction:column;gap:2px}.dash-stat-label{color:var(--table-text-muted);font-size:13px;font-weight:500}.dash-stat-value{color:var(--table-text-strong);font-size:24px;font-weight:700;line-height:1.2}.dash-stat-sub{color:var(--warning-color);font-size:12px;font-weight:500}.dash-stat-sub--neutral{color:var(--table-text-muted)}.dash-alerts{border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 18px}.dash-alerts--warning{background:#fffbeb;border:1px solid #fde68a}.dash-alerts--warning .dash-alert-item{color:#92400e}.dash-alerts--warning .dash-alert-icon{color:#f59e0b}.dash-alerts--warning .dash-alert-link{color:#92400e}.dash-alerts--warning .dash-alert-link:hover{color:#78350f}.dash-alerts--ready{background:#ecfdf5;border:1px solid #a7f3d0}.dash-alerts--ready .dash-alert-item{color:#065f46}.dash-alerts--ready .dash-alert-icon{color:#10b981}.dash-alerts--ready .dash-alert-link{color:#065f46}.dash-alerts--ready .dash-alert-link:hover{color:#064e3b}.dash-alert-item{align-items:center;display:flex;font-size:14px;gap:10px}.dash-alert-icon{flex-shrink:0;font-size:16px}.dash-alert-link{font-weight:600;margin-left:auto;text-decoration:underline;white-space:nowrap}.dash-chart-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px}.dash-chart-card,.dash-status-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.dash-chart-card h2,.dash-status-card h2{color:var(--table-text-strong);font-size:16px;font-weight:600;margin-bottom:16px}.dash-status-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.dash-status-item{align-items:center;display:flex;font-size:14px;gap:10px}.dash-status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dash-status-label{color:var(--table-text);flex:1 1;text-transform:capitalize}.dash-status-count{color:var(--table-text-strong);font-weight:700}.dash-recent-section{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.dash-recent-section .table-container{border-radius:0;box-shadow:none;margin-top:20px}.dash-section-header{align-items:center;display:flex;justify-content:space-between;padding:20px 20px 0}.dash-section-header h2{color:var(--table-text-strong);font-size:16px;font-weight:600;margin-bottom:0}.dash-clickable-row{cursor:pointer}@media (max-width:768px){.dash-chart-section,.dash-stats-grid{grid-template-columns:1fr}}.skeleton-table{pointer-events:none}.skeleton-cell{background:#e5e7eb;border-radius:4px;height:14px;overflow:hidden;position:relative}.skeleton-cell.skeleton-header{background:#d1d5db;height:12px;width:60%}.skeleton-cell:after{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-table tbody tr{border-bottom:1px solid #f3f4f6}.skeleton-table tbody td{padding:14px 12px}.skeleton-table thead th{padding:12px}.admin-products{background:#fff;min-height:100vh;padding:10px 0}.page-header{align-items:center;display:flex;justify-content:space-between}.thumbnail-cell{padding:6px!important;width:50px}.product-thumbnail{border:1px solid #e0e0e0;border-radius:4px;height:45px;object-fit:cover;width:45px}.product-thumbnail-placeholder{align-items:center;background:#f5f5f5;border:1px dashed #ccc;border-radius:4px;color:#999;display:flex;font-size:8px;height:45px;justify-content:center;text-align:center;width:45px}.status-select{-webkit-appearance:none;appearance:none;background-position:8px;background-repeat:no-repeat;background-size:7px 7px;border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;min-width:110px;outline:none;padding:9px 28px 9px 24px;position:relative;text-transform:capitalize;transition:all .2s;width:auto}.status-select:hover{opacity:.85;transform:translateY(-1px)}.status-select:focus{box-shadow:none;outline:none}.status-select.status-active{background-color:#4caf5026;background-image:radial-gradient(circle at 12px center,#4caf50 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232e7d32' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#2e7d32}.status-select.status-active,.status-select.status-inactive{background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px}.status-select.status-inactive{background-color:#9e9e9e26;background-image:radial-gradient(circle at 12px center,#9e9e9e 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23616161' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#616161}.status-select.status-discontinued{background-color:#f4433626;background-image:radial-gradient(circle at 12px center,#f44336 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23c62828' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px;color:#c62828}.status-select option{background:#fff;color:#333;font-weight:400;padding:10px}.badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;margin-left:6px;padding:3px 8px;text-transform:uppercase}.badge-active{background:#4caf50;color:#fff}.badge-inactive{background:#9e9e9e;color:#fff}.badge-discontinued{background:#f44336;color:#fff}.badge-legacy-image{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.btn-add-product{align-items:center;background:var(--color-primary)!important;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--text-on-dark)!important;display:inline-flex;font-weight:500;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease}.btn-add-product:hover:not(:disabled){background:var(--color-primary)!important;box-shadow:0 4px 12px #0003;filter:brightness(1.2);transform:translateY(-1px)}.btn-add-product svg{color:var(--color-secondary);font-size:14px}@media (max-width:768px){.admin-products{padding:20px 0}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-header .btn{width:100%}.table-container{overflow-x:auto}.admin-table{min-width:700px}}.variant-row{background-color:#f8f9fa}.variant-row:hover{background-color:#e9ecef!important}.variant-row td{border-bottom:1px solid #dee2e6}.variant-name{color:#495057;font-size:14px}.variant-icon{color:#adb5bd;font-size:16px;margin-right:4px}.products-filters-container{margin-bottom:20px}.products-filters-row{align-items:center;display:flex;gap:12px;width:100%}.products-filter-label{color:#333;flex-shrink:0;font-size:13px;font-weight:600;white-space:nowrap}.products-filter-search{flex:1 1;min-width:200px;position:relative}.products-filter-search input{padding-right:45px}.products-filter-input,.products-filter-select{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--table-text);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.products-filter-select{flex-shrink:0;width:180px}.products-filter-input:focus,.products-filter-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent);outline:none}.products-legacy-toggle{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;color:var(--table-text);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:10px 14px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.products-legacy-toggle.active,.products-legacy-toggle:hover{border-color:var(--color-status-warning)}.products-legacy-toggle.active{background:var(--color-status-warning);color:var(--white)}.products-clear-filter-btn{align-items:center;background:#ffd81426;border:none;border-radius:50%;color:#856404;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.products-clear-filter-btn:hover{background:#ffd8144d;color:#664d03;transform:translateY(-50%) scale(1.1)}@media (max-width:768px){.products-filters-row{align-items:stretch;flex-direction:column}.products-filter-label{align-self:flex-start}.products-filter-search{min-width:0;min-width:auto;width:100%}.products-filter-select,button.btn-filter-reset{width:100%}}.products-filter-loading{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:13px;font-weight:500;margin-bottom:15px;padding:10px 20px;text-align:center}.status-filter-dropdown{flex-shrink:0;position:relative}.status-filter-trigger{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;gap:8px;height:40px;justify-content:space-between;min-width:140px;padding:0 12px;transition:all .2s ease}.status-filter-trigger:hover{border-color:#adb5bd}.status-filter-trigger:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81433;outline:none}.status-filter-arrow{color:#6c757d;font-size:10px;transition:transform .2s ease}.status-filter-arrow.open{transform:rotate(180deg)}.status-filter-label{color:#333;font-size:14px}.status-filter-menu{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.status-filter-option{cursor:pointer;padding:10px 12px;transition:background .15s ease}.status-filter-option:hover{background:#f8f9fa}.status-filter-option.selected{background:#fff8e1}.status-badge-filter{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge-filter.status-active{background-color:#4caf5026;color:#2e7d32}.status-badge-filter.status-inactive{background-color:#9e9e9e26;color:#616161}.status-badge-filter.status-discontinued{background-color:#f4433626;color:#c62828}@media (max-width:768px){.status-filter-dropdown,.status-filter-trigger{width:100%}}button.btn-filter-reset{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:8px;color:var(--color-secondary-dark);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:15px;height:40px;justify-content:center;padding:0;transition:border-color .2s ease,background .2s ease,transform .15s ease;width:40px}button.btn-filter-reset svg{color:inherit;transition:transform .4s ease,color .2s ease}button.btn-filter-reset:hover{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary);transform:translateY(-1px)}button.btn-filter-reset:hover svg{color:var(--color-dark);transform:rotate(-180deg)}button.btn-filter-reset:active{transform:translateY(0) scale(.97)}button.btn-filter-reset:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}button.btn-filter-reset:disabled{cursor:not-allowed;opacity:.5}.image-upload-container{margin:20px 0}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.image-upload-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:10px}.image-upload-item{aspect-ratio:1;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative}.image-upload-item img{height:100%;object-fit:cover;width:100%}.main-badge{background:#4caf50;color:#fff;left:8px}.legacy-badge,.main-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;text-transform:uppercase;top:8px}.legacy-badge{background:var(--color-status-warning);color:var(--white);letter-spacing:.02em;right:8px}.image-upload-actions{background:#000000b3;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;padding:8px;position:absolute;right:0;transition:opacity .2s}.image-upload-item:hover .image-upload-actions{opacity:1}.btn-move,.btn-remove{align-items:center;background:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-move:hover{background:#2196f3;color:#fff}.btn-remove{color:#f44336;font-size:24px;font-weight:700}.btn-remove:hover{background:#f44336;color:#fff}.btn-technical{align-items:center;background:var(--white);border:none;border-radius:4px;color:var(--color-dark);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-technical.active,.btn-technical:hover,.technical-badge{background:var(--color-status-warning);color:var(--white)}.technical-badge{border-radius:4px;font-size:11px;font-weight:600;left:8px;letter-spacing:.02em;padding:4px 8px;position:absolute;text-transform:uppercase;top:8px}.upload-warning{color:var(--color-status-warning);font-size:13px;font-weight:600;margin-top:6px}.image-upload-placeholder{align-items:center;aspect-ratio:1;background:#f8f9fa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s}.image-upload-placeholder:hover{background:#e9ecef;border-color:#999}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.upload-icon{color:#999;display:block;font-size:48px;margin-bottom:8px}.upload-text{color:#666;font-size:12px;line-height:1.4}.upload-loading{animation:pulse 1.5s ease-in-out infinite;color:#666;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-hint{color:#666;font-size:12px;line-height:1.5;margin-top:10px}.translatable-input{margin-bottom:1rem}.translatable-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.translatable-input-label{color:#374151;font-size:.875rem;font-weight:500}.required-indicator{color:#dc2626;margin-left:.25rem}.translatable-input-tabs,.translatable-tab{display:flex;gap:.25rem}.translatable-tab{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .15s ease}.translatable-tab:hover{background:#f3f4f6;border-color:#9ca3af}.translatable-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.translatable-tab.has-content:not(.active){border-color:#10b981}.translatable-tab .tab-flag{font-size:.875rem}.translatable-tab .tab-code{font-weight:500}.translatable-tab .tab-check{color:#10b981;font-size:.625rem}.translatable-tab.active .tab-check{color:#fff}.translatable-input-body{position:relative}.translatable-input-pane{display:none}.translatable-input-pane.active{display:block}.translatable-field{background-color:var(--white);border:1px solid var(--border-color);border-radius:5px;color:var(--dark-text);font-family:inherit;font-size:14px;padding:10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.translatable-field:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.translatable-field::placeholder{color:#9ca3af}textarea.translatable-field{min-height:80px;resize:vertical}.translatable-hint{color:#6b7280;font-size:.75rem;font-style:italic;margin-top:.25rem}.translatable-input.compact .translatable-input-header{align-items:flex-start;flex-direction:column;gap:.25rem}.translatable-input.compact .translatable-input-tabs{justify-content:flex-start;width:100%}.st-selector{display:flex;flex-wrap:wrap;gap:10px}button.st-selector__option{align-items:center;-webkit-appearance:none;appearance:none;background:var(--bg-base);border:1.5px solid var(--color-gray-300);border-radius:20px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:10px;letter-spacing:normal;line-height:1;margin:0;min-width:130px;outline:none;padding:9px 16px 9px 14px;text-transform:capitalize;transition:all .15s ease}button.st-selector__option:hover:not(:disabled):not(.is-selected){border-color:var(--color-gray-400);box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}button.st-selector__option:disabled{cursor:not-allowed;opacity:.5}button.st-selector__option:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}button.st-selector__option.is-selected{border-color:#0000}.st-selector__dot{background:var(--color-gray-400);border-radius:50%;flex-shrink:0;height:8px;width:8px}button.st-selector__option.is-selected .st-selector__dot{background:currentColor}.st-selector__label{flex:1 1;text-align:left}.st-selector__check{align-items:center;background:var(--bg-base);border-radius:50%;box-shadow:0 1px 3px #0000001a;display:inline-flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;width:20px}button.st-selector__option--success.is-selected{background-color:var(--color-status-success-bg);box-shadow:0 2px 8px var(--color-status-success-shadow);color:var(--color-status-success)}button.st-selector__option--success.is-selected .st-selector__check{color:var(--color-status-success)}button.st-selector__option--neutral.is-selected{background-color:var(--color-status-neutral-bg);box-shadow:0 2px 8px var(--color-status-neutral-shadow);color:var(--color-status-neutral)}button.st-selector__option--neutral.is-selected .st-selector__check{color:var(--color-status-neutral)}button.st-selector__option--danger.is-selected{background-color:var(--color-status-danger-bg);box-shadow:0 2px 8px var(--color-status-danger-shadow);color:var(--color-status-danger)}button.st-selector__option--danger.is-selected .st-selector__check{color:var(--color-status-danger)}@media (max-width:576px){.st-selector{flex-direction:column}button.st-selector__option{width:100%}}.counter{align-items:stretch;display:inline-flex;line-height:1}.counter button.counter__btn{align-items:center;background:var(--table-head-bg);border:1px solid var(--border-color);color:var(--color-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;justify-content:center;line-height:1;margin:0;padding:0;transition:background .15s ease,transform .1s ease}.counter button.counter__btn svg{color:var(--color-secondary);display:block}.counter button.counter__btn:hover:not(:disabled){background:var(--bg-muted)}.counter button.counter__btn:hover:not(:disabled) svg{color:var(--color-secondary-hover)}.counter button.counter__btn:active:not(:disabled){transform:scale(.96)}.counter button.counter__btn:disabled{cursor:not-allowed;opacity:.5}.counter button.counter__btn:disabled svg{color:var(--color-gray-300)}.counter button.counter__btn:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;z-index:1}.counter button.counter__btn--minus{border-radius:6px 0 0 6px;border-right:none}.counter button.counter__btn--plus{border-left:none;border-radius:0 6px 6px 0}.counter input.counter__input{-moz-appearance:textfield;background:var(--bg-base);border:1px solid var(--border-color);border-radius:0;box-shadow:none;color:var(--table-text);font-family:inherit;font-size:16px;font-weight:600;margin:0;padding:0;text-align:center}.counter input.counter__input::-webkit-inner-spin-button,.counter input.counter__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter input.counter__input:focus{border-color:var(--color-dark);box-shadow:none;outline:none;position:relative;z-index:1}.counter input.counter__input:disabled{background:var(--table-head-bg);color:var(--color-gray-400);cursor:not-allowed}.counter--md button.counter__btn{height:40px;width:40px}.counter--md input.counter__input{font-size:16px;height:40px;width:72px}.counter--lg button.counter__btn{font-size:16px;height:44px;width:44px}.counter--lg input.counter__input{font-size:18px;height:44px;width:80px}.counter--sm button.counter__btn{font-size:12px;height:32px;width:32px}.counter--sm input.counter__input{font-size:14px;height:32px;width:56px}.icon-picker{display:inline-block;position:relative}.icon-picker__trigger{align-items:center;background:var(--table-head-bg);border:2px dashed var(--color-gray-300);border-radius:8px;color:var(--color-gray-500);cursor:pointer;display:flex;height:56px;justify-content:center;padding:4px;transition:border-color .15s ease,background .15s ease;width:56px}.icon-picker__trigger:hover:not(:disabled){background:var(--bg-muted);border-color:var(--color-gray-400)}.icon-picker__trigger:disabled{cursor:not-allowed;opacity:.6}.icon-picker__trigger--filled{background:var(--bg-base);border-color:var(--border-color);border-style:solid}.icon-picker__placeholder{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;gap:3px;justify-content:center;line-height:1}.icon-picker__placeholder-icon{color:var(--color-gray-400);font-size:1.1rem}.icon-picker__placeholder-label{font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.icon-picker__preview{display:block;max-height:100%;max-width:100%;object-fit:contain}.icon-picker__popover{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 6px 20px #0000001f;left:0;padding:10px 12px;position:absolute;top:calc(100% + 6px);width:280px;z-index:50}.icon-picker__popover-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.icon-picker__popover-title{color:var(--color-gray-700);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.icon-picker__close{align-items:center;background:none;border:none;color:var(--color-gray-500);cursor:pointer;display:flex;font-size:.85rem;padding:2px 4px}.icon-picker__close:hover{color:var(--color-dark)}.icon-picker__grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.icon-picker__option{align-items:center;aspect-ratio:1/1;background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:border-color .15s ease,background .15s ease}.icon-picker__option:hover{background:var(--bg-muted);border-color:var(--color-gray-400)}.icon-picker__option--selected{background:var(--color-secondary-bg-soft);border-color:var(--color-secondary)}.icon-picker__option-img{display:block;max-height:100%;max-width:100%;object-fit:contain}.icon-picker__option--none{border-style:dashed;color:var(--color-gray-500);font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.icon-picker__option-none-label{line-height:1}.icon-picker__empty{color:var(--color-gray-500);font-size:.8rem;padding:12px 4px;text-align:center}.product-form-card{background:var(--bg-base);border:1px solid var(--table-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:30px;padding:30px}@media (max-width:768px){.product-form-card{padding:20px}}.product-form-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:20px 0;padding:24px 32px}.product-form-warning h3{color:#856404;font-size:20px;margin:0 0 12px}.product-form-warning p{color:#856404;font-size:15px;margin:0 0 16px}.product-form-warning ul{color:#856404;margin:0;padding-left:20px}.product-form-warning li{font-size:14px;margin-bottom:8px}.product-form-warning li strong{color:#664d03}.form-section-title{border-bottom:2px solid #ffd814;color:#333;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.product-form-card h4{color:#555;margin-bottom:10px;margin-top:20px}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none}.section-description{color:#666;font-size:14px;font-style:italic;margin-bottom:15px}.form-grid{grid-gap:8px 20px;display:grid;gap:8px 20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.full-width{grid-column:1/-1}.form-group label{color:#333;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.form-group textarea{min-height:80px;resize:vertical}.required{color:#e74c3c;font-weight:700}.supplier-field-row{align-items:stretch;display:flex;gap:8px}.supplier-field-row select{flex:1 1;min-width:0}.btn-new-supplier-inline{align-items:center;background:var(--color-dark-primary);border:none;border-radius:6px;color:#fff;color:var(--color-text-on-dark,#fff);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;justify-content:center;padding:0 12px}.btn-new-supplier-inline:hover{opacity:.9}.checkbox-group{align-items:center;display:flex;justify-content:flex-start}.checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;gap:12px;padding:8px 12px;transition:background-color .2s}.checkbox-label:hover{background-color:#ffd8141a}.checkbox-label input[type=checkbox]{accent-color:#ffd814;cursor:pointer;flex-shrink:0;height:20px;width:20px}.checkbox-label span{color:#333;font-weight:500;line-height:1}.badge-radio-group{display:flex;gap:10px}.form-group label.badge-radio-btn{align-items:center;background:#0000;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 18px;transition:all .2s ease}.form-group label.badge-radio-btn:hover{border-color:#1e2536;color:#333}.form-group label.badge-radio-btn.selected{background:#1e2536;border-color:#1e2536;box-shadow:0 2px 8px #00000026;color:#fff}.badge-radio-btn input[type=radio]{display:none}.badge-radio-btn span{line-height:1}.file-upload-wrapper{align-items:start;display:flex;gap:15px}.file-input{display:none}.file-name{color:#666;font-size:14px}.file-name a{color:#3498db;text-decoration:none}.file-name a:hover{text-decoration:underline}.field-hint{color:#999;font-size:12px;margin-top:5px}.product-form-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.product-form-header .admin-page-title{margin-bottom:0}.variants-toggle-row{margin:0;padding:0}.variants-section-wrapper{margin-top:4px}.variants-section-inner .section-description{margin-bottom:12px}.variants-section-inner .variant-buttons-list{margin-top:0}.variant-toggle-buttons{display:flex;flex-shrink:0;gap:10px}.variant-toggle-btn{align-items:center;background:#0000;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 18px;transition:all .2s ease}.variant-toggle-btn:hover{border-color:#1e2536;color:#333}.variant-toggle-btn.active{background:#1e2536;border-color:#1e2536;box-shadow:0 2px 8px #00000026;color:#fff}.variant-toggle-btn.active svg{color:#ffd814}.variant-toggle-btn svg{font-size:14px}a.variant-toggle-btn,a.variant-toggle-btn:hover{text-decoration:none}.pdf-upload-btn.pdf-upload-btn{align-items:center;background:var(--bg-base);border:2px dashed var(--color-gray-300);border-radius:8px;color:var(--color-gray-600);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:10px;height:44px;justify-content:center;letter-spacing:normal;line-height:1;margin:0;padding:10px 18px;text-transform:none;transition:all .15s ease;white-space:nowrap}.pdf-upload-btn.pdf-upload-btn:hover{background:var(--table-head-bg);border-color:var(--color-gray-500)}.pdf-upload-btn svg{color:var(--color-secondary-dark);font-size:18px}.pdf-upload-btn.pdf-upload-btn--active{border-color:var(--color-secondary-dark);border-style:solid}.btn-remove-pdf,.btn-view-pdf{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;height:44px;justify-content:center;padding:0;text-decoration:none;transition:all .15s ease;width:44px}.btn-view-pdf{border:1px solid var(--border-color);color:var(--color-dark)}.btn-view-pdf:hover{background:var(--table-head-bg)}.btn-remove-pdf{border:1px solid var(--danger-color);color:var(--danger-color)}.btn-remove-pdf:hover{background:var(--danger-color);color:var(--text-on-dark)}.variants-section{border-radius:8px;margin-top:15px;padding:20px}.variant-buttons-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.variant-button{align-items:center;background:var(--bg-base);border:2px solid var(--color-secondary);border-radius:8px;color:var(--color-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;min-width:140px;padding:10px 16px;transition:all .15s ease}.variant-button:hover{background:var(--color-secondary-bg-soft);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.variant-button--inactive{border-color:var(--table-border);opacity:.55}.variant-button--inactive:hover{opacity:.8}.variant-button-label{flex:1 1;text-align:left}.default-badge,.variant-button--default-badge{background:var(--color-secondary);border-radius:4px;color:var(--color-dark);font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.btn-add-variant-modal{align-items:center;background:#0000;border:2px dashed var(--color-secondary);border-radius:8px;color:var(--color-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:10px 16px;transition:all .15s ease}.btn-add-variant-modal:hover{background:var(--color-secondary-bg-soft);transform:translateY(-1px)}.variant-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.variant-modal{background:var(--bg-base);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:960px;width:100%}.variant-modal-header{align-items:center;border-bottom:1px solid var(--table-border);display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.variant-modal-header h3{color:var(--color-dark);flex:1 1;font-size:18px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:16px}button.pill-toggle{align-items:center;align-self:flex-start;background:var(--bg-base);border:1.5px solid var(--color-gray-300);border-radius:999px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:500;gap:12px;letter-spacing:normal;line-height:1;margin:0;padding:10px 20px 10px 14px;text-transform:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:auto}button.pill-toggle:hover:not(:disabled):not(.is-checked){background:var(--table-head-bg);border-color:var(--color-gray-400)}button.pill-toggle:disabled{cursor:not-allowed;opacity:.5}button.pill-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}button.pill-toggle.is-checked{background:var(--color-dark);border-color:var(--color-dark);box-shadow:0 2px 10px #1e25364d;color:var(--text-on-dark)}button.pill-toggle.is-checked:hover:not(:disabled){background:var(--color-dark-hover)}.pill-toggle__switch{background:var(--color-gray-300);border-radius:999px;display:inline-block;flex-shrink:0;height:26px;position:relative;transition:background .2s ease;width:46px}.pill-toggle__switch:after{background:var(--bg-base);border-radius:50%;box-shadow:0 2px 4px #00000040;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease,background .2s ease;width:20px}button.pill-toggle.is-checked .pill-toggle__switch{background:var(--color-secondary-bg-translucent)}button.pill-toggle.is-checked .pill-toggle__switch:after{background:var(--color-secondary);transform:translateX(20px)}.pill-toggle__label{color:inherit;font-size:15px;font-weight:600;white-space:nowrap}.variant-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-gray-500);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px 8px}.variant-modal-close:hover{background:var(--bg-muted);color:var(--color-dark)}button.pill-toggle.pill-toggle--sm{gap:10px;padding:6px 14px 6px 10px}.pill-toggle--sm .pill-toggle__switch{height:20px;width:36px}.pill-toggle--sm .pill-toggle__switch:after{height:16px;left:2px;top:2px;width:16px}button.pill-toggle--sm.is-checked .pill-toggle__switch:after{transform:translateX(16px)}.pill-toggle--sm .pill-toggle__label{font-size:13px}@media (max-width:640px){.variant-modal-header{flex-wrap:wrap}.variant-modal-header .pill-toggle__label{display:none}}.variant-modal-body{flex:1 1;overflow-y:auto;padding:24px}.variant-modal-footer{border-top:1px solid var(--table-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.variant-modal-footer .btn-cancel{background:var(--bg-base);border:1px solid var(--table-border);border-radius:6px;color:var(--color-dark);cursor:pointer;font-weight:600;padding:10px 20px}.variant-modal-footer .btn-cancel:hover{background:var(--table-head-bg)}.variant-modal-footer .btn-save{background:var(--color-dark);border:none;border-radius:6px;color:var(--color-secondary);cursor:pointer;font-weight:600;padding:10px 20px}.variant-modal-footer .btn-save:hover{background:var(--color-dark-hover)}@media (max-width:768px){.variant-modal{max-height:95vh}.variant-modal-body{padding:16px}}.form-actions{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:20px}.btn-save-product{align-items:center;background:#1e2536;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;height:44px;padding:12px 24px;transition:all .2s ease}.btn-save-product svg{color:#ffd814;font-size:16px}.btn-save-product:hover:not(:disabled){background:#2a3347;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.btn-save-product:disabled{cursor:not-allowed;opacity:.6}.btn-lg{font-size:16px;font-weight:600;padding:12px 30px}.product-form-actions{display:flex;justify-content:end}@media (max-width:768px){.product-form-header{align-items:stretch;flex-direction:column}.variant-toggle-buttons{justify-content:stretch}.variant-toggle-btn{flex:1 1;justify-content:center}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.info-box{background-color:#ffd8141f;border-left:4px solid #ffd814;border-radius:4px;font-size:.9rem;line-height:1.5;margin-top:8px;padding:12px 16px}.info-box strong{color:#b8860b;font-weight:600}.field-hint{color:#6c757d;font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:0;margin-top:4px}.pdf-uploads-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.pdf-upload-item{display:flex;flex-direction:column;gap:10px}.pdf-upload-item>label{color:#333;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.pdf-upload-item .file-upload-wrapper{display:flex;flex-wrap:wrap;gap:10px}.pdf-upload-item .custom-pdf-label-input input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.pdf-upload-item .custom-pdf-label-input input:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.custom-pdfs-section{margin-top:8px}.custom-pdfs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.custom-pdfs-header label{color:#333;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.btn-add-custom-pdf{align-items:center;background:#0000;border:2px dashed var(--color-secondary);border-radius:8px;color:var(--color-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:10px 16px;transition:all .15s ease}.btn-add-custom-pdf:hover{background:var(--color-secondary-bg-soft);transform:translateY(-1px)}.btn-add-custom-pdf svg{font-size:12px}.custom-pdf-row{align-items:center;background:var(--bg-base);border:1px solid var(--table-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:10px;padding:20px}.custom-pdf-row .custom-pdf-upload{align-items:center;display:flex;flex-shrink:0;gap:8px}.custom-pdf-row .custom-pdf-label-input{flex:1 1}.custom-pdf-row .custom-pdf-label-input input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.custom-pdf-row .custom-pdf-label-input input:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}@media (max-width:992px){.pdf-uploads-grid{grid-template-columns:1fr}}@media (max-width:768px){.custom-pdf-row{align-items:stretch;flex-direction:column}}@media (max-width:576px){.pdf-uploads-grid{grid-template-columns:1fr}}.config-section{background:var(--bg-base);border:1px solid var(--table-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.config-count-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.config-count-row label{font-weight:500;white-space:nowrap}.config-count-input{width:80px!important}.config-label-row{margin-bottom:4px;margin-top:12px}.config-options-list{margin-top:12px}.config-options-title{display:block;font-weight:600;margin-bottom:8px}.config-option-row{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid var(--color-border);border-radius:6px;margin-bottom:8px;padding:10px 12px}.config-option-fields{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.config-option-icon-col,.config-option-image-col{flex-shrink:0}.config-option-image-preview{background:var(--table-head-bg);border:2px solid var(--border-color);border-radius:8px;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.config-option-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.btn-remove-config-option-image{align-items:center;background:var(--bg-base);border:none;border-radius:50%;box-shadow:0 1px 3px #0003;color:var(--danger-color);cursor:pointer;display:flex;font-size:.75rem;height:22px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease,background .2s ease,color .2s ease;width:22px}.config-option-image-preview:hover .btn-remove-config-option-image{opacity:1}.btn-remove-config-option-image:hover{background:var(--danger-color);color:var(--text-on-dark)}.config-option-image-input{display:none}.config-option-image-upload{align-items:center;background:var(--table-head-bg);border:2px dashed var(--color-gray-300);border-radius:8px;color:var(--color-gray-500);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:.7rem;gap:4px;height:72px;justify-content:center;line-height:1.15;padding:6px;text-align:center;transition:all .15s ease;width:72px}.config-option-image-upload svg{color:var(--color-gray-400);font-size:1.2rem}.config-option-image-upload:hover{background:var(--bg-muted);border-color:var(--color-gray-400)}.config-option-image-upload:hover svg{color:var(--color-dark)}.config-option-main{display:flex;flex:1 1;gap:8px;min-width:200px}.config-option-desc,.config-option-name{flex:1 1;min-width:120px}.config-option-meta{align-items:center;display:flex;gap:12px}.btn-remove-config-option{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;font-size:1rem;padding:4px}.btn-remove-config-option:hover{color:#c0392b;color:var(--color-danger-dark,#c0392b)}.btn-add-config-option{align-items:center;background:#0000;border:2px dashed var(--color-secondary);border-radius:8px;color:var(--color-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;min-width:140px;padding:10px 16px;transition:all .15s ease}.btn-add-config-option:hover{background:var(--color-secondary-bg-soft);transform:translateY(-1px)}@media (max-width:576px){.config-option-fields{align-items:stretch;flex-direction:column}.config-count-row,.config-option-main{flex-direction:column}.config-count-row{align-items:flex-start}}.product-references{min-height:calc(100vh - 80px);padding:10px 0}.references-tab-content{padding-top:20px}.references-tabs-nav{border-bottom:2px solid var(--border-color);display:flex}.references-tab-btn{align-items:center;background:#0000;border:none;color:var(--muted-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;position:relative;transition:all .2s}.references-tab-btn:hover{color:var(--dark-text)}.references-tab-btn.active{background:var(--bg-base);color:var(--dark-text);font-weight:600}.references-tab-btn.active:after{background:var(--color-secondary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.references-tab-icon{align-items:center;display:flex;font-size:16px}.references-tab-label{font-weight:inherit}.reference-table-container{width:100%}.reference-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.reference-search-wrapper{flex:1 1;max-width:400px;position:relative}.reference-search-icon{color:#999;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.reference-search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px 10px 40px;transition:all .2s;width:100%}.reference-search-input:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.reference-search-input::placeholder{color:#999}.btn-add-reference{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--text-on-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-add-reference svg{color:var(--color-secondary);font-size:12px}.btn-add-reference:hover{box-shadow:0 4px 12px #0003;filter:brightness(1.2);transform:translateY(-1px)}.description-cell{color:var(--table-text-muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--table-text-muted);font-style:italic}.action-icon.view:hover{background-color:#232f3e26;transform:translateY(-1px)}.action-icon.delete:hover{background-color:#f4433633;transform:translateY(-1px)}.empty-state{color:#999;font-size:16px;padding:60px 20px!important;text-align:center}.btn{border-radius:4px;font-weight:500;justify-content:center;padding:8px 16px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-danger{background:#e74c3c}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{font-size:12px;margin-right:5px;padding:6px 12px}.modal-overlay{animation:fadeIn .2s;bottom:0;left:0;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:slideUp .3s;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;font-size:24px;margin:0}.modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.modal-close:hover{color:#333}.modal-form{padding:24px}.product-references .form-group{margin-bottom:20px}.product-references .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.product-references .required{color:#e74c3c}.product-references .form-group input,.product-references .form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.product-references .form-group input:focus,.product-references .form-group textarea:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.product-references .form-group input.error,.product-references .form-group textarea.error{border-color:#e74c3c}.product-references .form-group input:disabled,.product-references .form-group textarea:disabled{background:#f8f9fa;cursor:not-allowed}.error-message{color:#e74c3c}.error-message,.help-text{display:block;font-size:13px;margin-top:5px}.help-text{color:#999}.modal-actions{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.product-references{padding:20px 0}.references-tabs-nav{flex-direction:column;gap:4px}.references-tab-btn{justify-content:flex-start;padding:12px 16px}.reference-table-header{align-items:stretch;flex-direction:column;gap:12px}.reference-search-wrapper{max-width:none}.btn-add-reference{justify-content:center;width:100%}.table-container{overflow-x:auto}.admin-table{min-width:600px}.modal-container{max-height:95vh;width:95%}.modal-header{padding:15px 20px}.modal-form{padding:20px}}.icon-selector{grid-gap:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:12px}.icon-option{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-width:56px;padding:10px;transition:all .2s ease;width:100%}.icon-option:hover:not(:disabled){background:#ffd8141a;border-color:#ffd814}.icon-option.selected{background:#ffd81433;border-color:#ffd814;box-shadow:0 0 0 3px #ffd8144d}.icon-option:disabled{cursor:not-allowed;opacity:.5}.icon-preview{color:#455a64;height:28px;width:28px}.icon-option.selected .icon-preview{color:#1e2536}@media (max-width:480px){.icon-selector{gap:8px;grid-template-columns:repeat(3,1fr)}.icon-option{max-width:48px;padding:8px}.icon-preview{height:24px;width:24px}}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:3px 10px;text-transform:uppercase}.status-badge--active{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge--inactive{background-color:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.admin-table tr.row-inactive{opacity:.55}.admin-table tr.row-inactive:hover{opacity:.8}.action-icon.status-on{color:var(--color-status-success);font-size:1.3rem}.action-icon.status-on:hover{color:var(--color-status-success-dot)}.action-icon.status-off{color:var(--color-gray-400);font-size:1.3rem}.action-icon.status-off:hover{color:var(--color-gray-600)}.admin-orders{padding:10px 0}.order-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab.active.tab-pending{background:#ff980026;color:#e65100}.filter-tab.active.tab-processing{background:#2196f326;color:#1565c0}.filter-tab.active.tab-shipped_to_hub{background:#ffc10726;color:#f57f17}.filter-tab.active.tab-at_hub{background:#00bcd426;color:#00838f}.filter-tab.active.tab-shipped{background:#673ab726;color:#4527a0}.filter-tab.active.tab-delivered,.filter-tab.active.tab-received_by_hub{background:#4caf5026;color:#2e7d32}.status-legend-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.status-legend-btn:hover{background:#e0e0e0;color:#555}.admin-orders .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.legend-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:420px;overflow:auto;width:90%}.legend-modal .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.legend-modal .modal-header h2{color:#333;font-size:16px;font-weight:600;margin:0}.legend-modal .modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:color .2s}.legend-modal .modal-close:hover{color:#333}.legend-modal .modal-body{padding:16px 20px}.legend-list{display:flex;flex-direction:column;gap:12px}.legend-item{align-items:flex-start;display:flex;gap:12px}.legend-item .order-status-badge{flex-shrink:0;min-width:100px;text-align:center}.legend-description{color:#555;font-size:13px;line-height:1.5;margin:0;padding-top:2px}.orders-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.orders-date-filters{align-items:center;display:flex;gap:16px}.orders-date-filters .date-filter-group{align-items:center;display:flex;gap:8px}.orders-date-filters .date-filter-group label{color:#666;font-size:13px;font-weight:500}.orders-date-filters .date-input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.orders-date-filters .date-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.btn-reset-filters{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.btn-reset-filters:hover{background:#5a6268;transform:translateY(-1px)}.orders-search-container{flex:1 1;max-width:700px;min-width:200px;position:relative}.orders-search-container .search-icon{color:#999;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.orders-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 36px;transition:border-color .2s,box-shadow .2s;width:100%}.orders-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.orders-search-input::placeholder{color:#aaa}.clear-search{padding:4px}.clear-search:hover{color:#666}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{background:#0000000a}th.sortable svg{font-size:12px;margin-left:6px;vertical-align:middle}.no-results{color:#999;font-style:italic;padding:40px!important;text-align:center}.filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:20px}.order-status-select{-webkit-appearance:none;appearance:none;background-position:8px;background-repeat:no-repeat;background-size:7px 7px;border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;min-width:110px;outline:none;padding:9px 28px 9px 24px;position:relative;text-transform:capitalize;transition:all .2s;width:auto}.order-status-select:hover{opacity:.85;transform:translateY(-1px)}.order-status-select:focus{box-shadow:none;outline:none}.order-status-select.status-pending{background-color:#ff980026;background-image:radial-gradient(circle at 12px center,#ff9800 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23e65100' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#e65100}.order-status-select.status-pending,.order-status-select.status-processing{background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px}.order-status-select.status-processing{background-color:#2196f326;background-image:radial-gradient(circle at 12px center,#2196f3 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%231565c0' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#1565c0}.order-status-select.status-shipped_to_hub{background-color:#ffc10726;background-image:radial-gradient(circle at 12px center,#ffc107 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23f57f17' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#f57f17}.order-status-select.status-at_hub,.order-status-select.status-shipped_to_hub{background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px}.order-status-select.status-at_hub{background-color:#00bcd426;background-image:radial-gradient(circle at 12px center,#00bcd4 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2300838f' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#00838f}.order-status-select.status-shipped{background-color:#673ab726;background-image:radial-gradient(circle at 12px center,#673ab7 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%234527a0' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#4527a0}.order-status-select.status-delivered,.order-status-select.status-shipped{background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px}.order-status-select.status-delivered{background-color:#4caf5026;background-image:radial-gradient(circle at 12px center,#4caf50 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%232e7d32' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");color:#2e7d32}.order-status-select.status-cancelled{background-color:#f4433626;background-image:radial-gradient(circle at 12px center,#f44336 3.5px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23c62828' d='m0 2 4 4 4-4z'/%3E%3C/svg%3E");background-position:0,calc(100% - 8px);background-repeat:no-repeat,no-repeat;background-size:100% 100%,8px 8px;color:#c62828}.order-status-select option{background:#fff;color:#333;font-weight:400;padding:10px}.badge-pending{background:#ff980026;color:#f57c00}.badge-paid{background:#4caf5026;color:#2e7d32}.badge-failed{background:#f4433626;color:#c62828}.badge-refunded{background:#9c27b026;color:#7b1fa2}.action-icon{text-decoration:none}.status-cell{display:flex;flex-direction:column;gap:6px}.shipment-row{background-color:#f8f9fa}.shipment-row:hover{background-color:#e9ecef!important}.shipment-row td{border-bottom:1px solid #dee2e6}.multi-shipment-status{align-items:center;display:flex;gap:8px}.order-status-select-mini{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:11px;padding:4px 8px}.order-status-select-mini:hover{border-color:#999}.admin-inventory{padding:10px 0}.inventory-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.inventory-filter-search{flex:1 1;min-width:180px;position:relative}.inventory-filter-search input{padding-right:45px}.inventory-filter-input,.inventory-filter-select{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--table-text);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.inventory-filter-select{flex-shrink:0;width:180px}.inventory-filter-input:focus,.inventory-filter-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent);outline:none}.inventory-clear-filter-btn{align-items:center;background:#ffd81426;border:none;border-radius:50%;color:#856404;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.inventory-clear-filter-btn:hover{background:#ffd8144d;color:#664d03;transform:translateY(-50%) scale(1.1)}.inventory-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.inventory-filter-tabs .filter-tab{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.inventory-filter-tabs .filter-tab:hover{background:#e0e0e0}.inventory-filter-tabs .filter-tab.active{background:#1a1a1a;color:#fff}.inventory-filter-tabs .filter-tab.active.tab-out_of_stock{background:#f4433626;color:#c62828}.inventory-filter-tabs .filter-tab.active.tab-low_stock{background:#ff980026;color:#f57c00}.inventory-filter-tabs .filter-tab.active.tab-in_stock{background:#4caf5026;color:#2e7d32}@media (max-width:768px){.inventory-filters{align-items:stretch;flex-direction:column}.inventory-filter-search{max-width:100%;min-width:0;min-width:auto}.inventory-filter-select{width:100%}}.inventory-summary{display:flex;gap:12px;margin-bottom:20px}.summary-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-left:4px solid #0000;border-radius:8px;box-shadow:0 1px 3px #0000000f;display:flex;flex:1 1;gap:12px;padding:12px 16px}.summary-card.in-stock{border-left-color:#27ae60}.summary-card.low-stock{border-left-color:#f39c12}.summary-card.out-of-stock{border-left-color:#e74c3c}.summary-card.purchase-list{border-left-color:#9c27b0}.summary-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.summary-card.in-stock .summary-icon{background:#27ae601a;color:var(--success-color)}.summary-card.low-stock .summary-icon{background:#f39c121a;color:var(--warning-color)}.summary-card.out-of-stock .summary-icon{background:#e74c3c1a;color:var(--danger-color)}.summary-card.purchase-list .summary-icon{background:#9c27b01a;color:#9c27b0}.summary-info{display:flex;flex-direction:column;min-width:0}.summary-label{color:var(--muted-text);font-size:11px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.summary-value-row{align-items:baseline;display:flex;gap:6px}.summary-value{color:var(--dark-text);font-size:20px;line-height:1}.summary-sub{color:var(--light-text);font-size:12px}.admin-inventory .admin-table th{white-space:nowrap}.stock-quantity{font-weight:700}.stock-out_of_stock .stock-quantity{color:#c62828}.stock-low_stock .stock-quantity{color:#f57c00}.stock-in_stock .stock-quantity{color:#2e7d32}.badge-out-of-stock{background:#f4433626;color:#c62828;min-width:90px;white-space:nowrap}.badge-low-stock{background:#ff980026;color:#f57c00}.badge-active,.badge-in-stock{background:#4caf5026;color:#2e7d32}.badge-inactive{background:#9e9e9e26;color:#616161}.admin-inventory .thumbnail-cell{padding:6px!important;width:50px}.admin-inventory .product-thumbnail{border:1px solid #e0e0e0;border-radius:4px;height:45px;object-fit:cover;width:45px}.admin-inventory .product-thumbnail-placeholder{align-items:center;background:#f5f5f5;border:1px dashed #ccc;border-radius:4px;color:#999;display:flex;font-size:8px;height:45px;justify-content:center;text-align:center;width:45px}.admin-inventory .action-icons{align-items:center;display:flex;gap:8px}.admin-inventory .action-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-inventory .action-icon:disabled{cursor:not-allowed;opacity:.3}.admin-inventory .action-icon.adjust{background-color:#232f3e14;color:var(--color-primary)}.admin-inventory .action-icon.adjust:hover:not(:disabled){background-color:#232f3e26;transform:translateY(-1px)}.admin-inventory .action-icon.add-list{background-color:#2196f31a;color:#1976d2}.admin-inventory .action-icon.add-list:hover:not(:disabled){background-color:#2196f333;transform:translateY(-1px)}.admin-inventory .action-icon.in-list{background-color:#4caf501a;color:#2e7d32;cursor:default}.admin-inventory .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-inventory .modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow:auto;width:90%}.admin-inventory .modal-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.modal-title-section{flex:1 1;min-width:0}.modal-title-section h2{color:#333;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-sku{color:#888;font-size:12px}.admin-inventory .modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:12px;padding:4px;transition:color .2s}.admin-inventory .modal-close:hover{color:#333}.admin-inventory .modal-body{padding:20px}.adjustment-modal{max-width:320px}.stock-counter{gap:0;margin-bottom:20px}.counter-btn,.stock-counter{align-items:center;display:flex;justify-content:center}.counter-btn{background:#f8f9fa;border:1px solid #ddd;color:#333;cursor:pointer;font-size:14px;height:44px;transition:all .2s;width:44px}.counter-btn.minus{border-radius:6px 0 0 6px;border-right:none}.counter-btn.plus{border-left:none;border-radius:0 6px 6px 0}.counter-btn:hover:not(:disabled){background:#e9ecef}.counter-btn:disabled{cursor:not-allowed;opacity:.4}.counter-input{-moz-appearance:textfield;border:1px solid #ddd;border-radius:0;color:#333;font-size:18px;font-weight:600;height:44px;text-align:center;width:80px}.counter-input::-webkit-inner-spin-button,.counter-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.counter-input:focus{border-color:#1a1a1a;outline:none}.adjustment-modal .form-group{margin-bottom:16px}.adjustment-modal .form-group label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.adjustment-modal .form-group select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;padding:10px;width:100%}.adjustment-modal .form-group select:focus{border-color:#1a1a1a;outline:none}.adjustment-modal .modal-footer{background:#fafafa;border-radius:0 0 8px 8px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.adjustment-modal .btn-secondary{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.adjustment-modal .btn-secondary:hover{background:#f0f0f0;border-color:#ccc}.adjustment-modal .btn-primary{background:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s}.adjustment-modal .btn-primary:hover:not(:disabled){background:#333}.adjustment-modal .btn-primary:disabled{cursor:not-allowed;opacity:.4}.modal-variant-name{color:#666;display:block;font-size:13px;font-weight:500}.admin-inventory .variant-row{background-color:#f8f9fa}.admin-inventory .variant-row:hover{background-color:#e9ecef!important}.admin-inventory .variant-row td{border-bottom:1px solid #dee2e6}.admin-inventory .variant-name{color:#495057;font-size:14px}.admin-inventory .variant-icon{color:#adb5bd;font-size:16px;margin-right:4px}.receive-stock{padding:10px 0}.receive-stock .container{margin:0 auto;max-width:1200px;padding:0 20px}.receive-stock h1{color:#333;margin-bottom:30px}.stock-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.receive-stock .form-section{border-bottom:1px solid #e9ecef;padding:30px}.receive-stock .form-section:last-child{border-bottom:none}.receive-stock .form-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-size:14px;font-weight:600}.form-input,.form-textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.form-textarea{font-family:inherit;resize:vertical}.product-search-container,.search-input-wrapper{position:relative}.search-input{padding-right:40px;width:100%}.clear-search{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search:hover{color:#333}.product-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:-1px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.product-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.product-dropdown-item:last-child{border-bottom:none}.product-dropdown-item:hover{background-color:#f8f9fa}.product-dropdown-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.product-dropdown-sku{color:#666;font-size:12px;font-weight:600}.product-dropdown-name{color:#333;font-size:14px}.add-product-btn{align-items:center;background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:background-color .2s}.add-product-btn:hover{background:#2980b9}.table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:#f8f9fa}.items-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.items-table td{border-bottom:1px solid #e9ecef;font-size:14px;padding:12px}.items-table tbody tr:hover{background:#f8f9fa}.items-table tbody tr:last-child td{border-bottom:none}.product-name-cell{display:flex;flex-direction:column;gap:4px}.product-main-name{color:#333;font-weight:600}.product-variant-name{color:#666;font-size:12px;font-style:italic}.quantity-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px;text-align:center;width:100px}.quantity-input:focus{border-color:#ffd814;box-shadow:0 0 0 3px #ffd81440;outline:none}.stock-summary{background:#f8f9fa;border-radius:8px;display:flex;gap:30px;justify-content:flex-end;margin-top:20px;padding:20px}.summary-item{align-items:center;display:flex;gap:12px}.summary-label{color:#555;font-size:14px;font-weight:600}.summary-value{background:#fff;border-radius:6px;color:#333;font-size:16px;font-weight:700;min-width:50px;padding:6px 12px;text-align:center}.summary-value.total{background:#3498db;color:#fff}.form-actions{background:#f8f9fa;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-confirm{background:#28a745;color:#fff}.btn-confirm:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a7454d}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{background:none;border-radius:4px;display:inline-flex;font-size:16px;padding:8px}.btn-icon:hover{transform:translateY(-2px)}.btn-delete{color:#e74c3c}.btn-delete:hover{background:#e74c3c14;color:#c0392b}@media (max-width:768px){.receive-stock{padding:20px 0}.receive-stock .form-section{padding:20px}.form-row{grid-template-columns:1fr}.stock-summary{flex-direction:column;gap:15px}.summary-item{justify-content:space-between}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}.table-container{overflow-x:auto}.items-table{min-width:600px}}.po-toolbar{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.po-date-filters,.po-toolbar{align-items:center;display:flex}.po-date-filters{gap:16px}.date-filter-group{align-items:center;display:flex;gap:8px}.date-filter-group label{color:#666;font-size:13px;font-weight:500}.date-input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.date-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.po-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px;transition:all .2s}.filter-tab:hover{background:#e0e0e0}.filter-tab.active{background:#1a1a1a;color:#fff}.filter-tab.active.tab-draft{background:#9e9e9e33;color:#424242}.filter-tab.active.tab-sent{background:#2196f326;color:#1565c0}.filter-tab.active.tab-partially-received{background:#ff980026;color:#e65100}.filter-tab.active.tab-received{background:#4caf5026;color:#2e7d32}.filter-tab.active.tab-cancelled{background:#f4433626;color:#c62828}.badge-draft{background:#9e9e9e26;color:#616161}.badge-sent{background:#2196f326;color:#1976d2}.badge-partially-received{background:#ff980026;color:#f57c00}.badge-received{background:#4caf5026;color:#2e7d32}.badge-cancelled{background:#f4433626;color:#c62828}.admin-table td:last-child,.admin-table th:last-child{white-space:nowrap;width:1%}.action-icons{gap:8px}.action-icon,.action-icons{align-items:center;display:flex}.action-icon{border:none;border-radius:6px;cursor:pointer;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.action-icon:disabled{cursor:not-allowed;opacity:.3}.action-icon.view{background-color:#232f3e14;color:var(--color-primary)}.action-icon.view:hover:not(:disabled){background-color:#232f3e26;transform:translateY(-1px)}.action-icon.pdf{background-color:#e6b8001a;color:var(--color-secondary-dark)}.action-icon.pdf:hover:not(:disabled){background-color:#e6b80033;transform:translateY(-1px)}.action-icon.delete{background-color:#f443361a;color:#e74c3c}.action-icon.delete:hover:not(:disabled){background-color:#f4433633;transform:translateY(-1px)}.po-header-right{align-items:center;display:flex;gap:10px}.warning-text{align-items:center;background:#ff98001a;border:1px solid #ff98004d;border-radius:6px;box-sizing:border-box;color:#5d4037;display:inline-flex;font-size:13px;gap:6px;height:40px;line-height:1;padding:8px 14px}.warning-icon{color:#f57c00;flex-shrink:0;font-size:13px}.warning-text strong{color:#e65100}.smart-po-builder{padding:20px 0}.smart-po-builder .back-link{margin-bottom:24px}.smart-po-builder .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.po-builder-title-row{align-items:center;display:flex;gap:12px}.smart-po-builder .page-header .admin-page-title{font-size:24px;margin:0}.po-builder-id{color:var(--light-text);font-family:monospace;font-size:14px}.po-header-fields{align-items:flex-end;display:flex;gap:20px;margin-bottom:20px}.po-header-fields .supplier-select-container{flex:1 1;min-width:0}.po-header-fields .draft-notes-container{flex:1 1;margin-top:0;min-width:0}.split-view{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;min-height:calc(100vh - 280px)}.consultation-panel{background:var(--bg-base);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.consultation-tabs{border-bottom:2px solid var(--border-color);display:flex}.tab-button{align-items:center;background:#0000;border:none;color:var(--muted-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;position:relative;transition:all .2s}.tab-button:hover{background:#00000005;color:var(--dark-text)}.tab-button.active{background:var(--bg-base);color:var(--dark-text)}.tab-button.active:after{background:var(--color-secondary);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-badge{background:var(--border-color);border-radius:10px;color:var(--muted-text);font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.tab-button.active .tab-badge{background:var(--color-secondary);color:var(--dark-text)}.tab-content{flex:1 1;overflow-y:auto;padding:14px}.product-list{display:flex;flex-direction:column;gap:6px}.product-list-empty{color:var(--light-text);padding:40px 20px;text-align:center}.product-list-empty svg{font-size:40px;margin-bottom:12px;opacity:.5}.product-select-row{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:10px;padding:8px 16px;transition:all .2s}.product-select-row:hover{background:var(--bg-muted);border-color:var(--border-color)}.product-select-row.in-draft{background:#27ae600d;border-color:#27ae6040}.product-select-row.in-draft:hover{background:#27ae6014}.product-checkbox{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:16px;margin-right:7px;width:16px}.product-checkbox:disabled{cursor:not-allowed;opacity:.5}.po-select-thumbnail{border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.po-select-thumbnail-placeholder{background:var(--bg-muted);border:1px dashed var(--border-color);border-radius:4px;flex-shrink:0;height:36px;width:36px}.po-select-info{flex:1 1;min-width:0}.product-sku{color:var(--light-text);font-size:10px;font-weight:600;text-transform:uppercase}.product-name{color:var(--dark-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-variant{color:var(--muted-text);font-size:11px;font-style:italic}.product-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.product-ordered{color:var(--muted-text);font-size:11px}.product-ordered strong{color:var(--dark-text)}.product-stock{border-radius:4px;font-size:11px;font-weight:500;padding:1px 6px}.product-stock.out_of_stock{background:#e74c3c1a;color:var(--danger-color)}.product-stock.low_stock{background:#f39c121a;color:var(--warning-color)}.product-stock.in_stock{background:#27ae601a;color:var(--success-color)}.in-draft-badge{align-items:center;color:var(--success-color);display:flex;font-size:10px;font-weight:600;gap:3px}.selection-actions{align-items:center;background:var(--bg-subtle);border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;justify-content:space-between;min-height:56px;padding:0 16px}.selection-count{color:var(--muted-text);font-size:13px}.selection-count strong{color:var(--dark-text)}.btn-add-selected{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--text-on-dark);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-selected svg{color:var(--color-secondary)}.btn-add-selected:hover:not(:disabled){box-shadow:0 4px 12px #0003;opacity:.9;transform:translateY(-1px)}.btn-add-selected:disabled{cursor:not-allowed;opacity:.5}.draft-panel{background:var(--bg-base);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:2000px;position:-webkit-sticky;position:sticky;top:20px}.draft-header{border-bottom:2px solid var(--border-color);padding:8px 20px}.draft-header h2{align-items:center;color:var(--dark-text);display:flex;font-size:18px;gap:10px;margin:0}.supplier-select-container{display:flex;flex-direction:column;gap:6px}.supplier-select-container label{color:var(--muted-text);font-size:12px;font-weight:600;text-transform:uppercase}.supplier-select-row{display:flex;gap:8px}.supplier-select{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px}.supplier-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.btn-new-supplier{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--muted-text);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.btn-new-supplier:hover{background:var(--bg-muted);border-color:var(--border-color);color:var(--dark-text)}.draft-notes-container{display:flex;flex-direction:column;gap:6px}.draft-notes-container label{color:var(--muted-text);font-size:12px;font-weight:600;text-transform:uppercase}.draft-notes-textarea{border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;resize:vertical;width:100%}.draft-notes-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.draft-content{flex:1 1;overflow-y:auto;padding:14px 16px}.draft-empty{color:var(--light-text);padding:40px 20px;text-align:center}.draft-empty svg{font-size:40px;margin-bottom:12px;opacity:.5}.draft-items{display:flex;flex-direction:column;gap:6px}.draft-item-row{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:10px;padding:8px 16px}.draft-item-quantity{align-items:center;display:flex;flex-shrink:0}.draft-qty-controls{align-items:center;background:var(--bg-muted);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:0;overflow:hidden}.draft-qty-btn{align-items:center;background:#0000;border:none;color:var(--color-secondary-dark);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.draft-qty-btn:hover:not(:disabled){background:var(--border-color);color:var(--color-primary)}.draft-qty-btn:disabled{cursor:not-allowed;opacity:.3}.draft-qty-btn svg{font-size:10px}.draft-qty-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#0000;border:none;color:var(--color-primary);font-size:14px;font-weight:600;padding:4px 0;text-align:center;width:44px}.draft-qty-input::-webkit-inner-spin-button,.draft-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.draft-qty-input:focus{outline:none}.btn-remove-item{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--light-text);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s}.btn-remove-item:hover{background:#e74c3c1a;color:var(--danger-color)}.draft-footer{align-items:center;background:var(--bg-subtle);border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);box-sizing:border-box;display:flex;gap:16px;min-height:56px;padding:0 16px}.draft-summary{display:flex;flex-direction:column;gap:0;white-space:nowrap}.draft-items-count,.draft-total{color:var(--muted-text);font-size:13px}.draft-items-count strong,.draft-total strong{color:var(--dark-text)}.draft-actions{display:flex;flex:1 1;gap:10px;justify-content:flex-end}.btn-save-draft{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-save-draft:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border-color)}.btn-save-draft:disabled{cursor:not-allowed;opacity:.5}.btn-confirm{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:var(--text-on-dark);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-confirm svg{color:var(--color-secondary)}.btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #0003;opacity:.9;transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.5}.supplier-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.supplier-modal{background:var(--bg-base);border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:450px;overflow:auto;width:90%}.supplier-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.supplier-modal-header h3{color:var(--dark-text);font-size:18px;margin:0}.supplier-modal-close{align-items:center;background:none;border:none;color:var(--light-text);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:color .2s}.supplier-modal-close:hover{color:var(--dark-text)}.supplier-modal-body{padding:20px}.supplier-modal .form-group{margin-bottom:16px}.supplier-modal .form-group label{color:var(--dark-text);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.supplier-modal .form-group label .required{color:var(--danger-color)}.supplier-modal .form-group input,.supplier-modal .form-group textarea{border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.supplier-modal .form-group input:focus,.supplier-modal .form-group textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.supplier-modal .form-group textarea{min-height:80px;resize:vertical}.supplier-modal-footer{background:var(--bg-subtle);border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.supplier-modal .btn-cancel{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;color:var(--muted-text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.supplier-modal .btn-cancel:hover{background:var(--bg-muted);border-color:var(--border-color)}.supplier-modal .btn-save{align-items:center;background:#1e2536;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.supplier-modal .btn-save:hover:not(:disabled){background:#2a3347;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.supplier-modal .btn-save:disabled{cursor:not-allowed;opacity:.5}.catalog-search-tab{display:flex;flex-direction:column;gap:12px}.catalog-search-bar{align-items:center;display:flex;position:relative}.catalog-search-icon{color:var(--light-text);font-size:14px;left:12px;pointer-events:none;position:absolute}.catalog-search-input{background:var(--bg-base);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 36px;width:100%}.catalog-search-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.catalog-search-clear,.catalog-search-input::placeholder{color:var(--light-text)}.catalog-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px}.catalog-search-clear:hover{color:var(--dark-text)}.catalog-search-hint{color:var(--light-text);font-size:13px;padding:20px;text-align:center}.loading-spinner{align-items:center;color:var(--light-text);display:flex;justify-content:center;padding:40px}.loading-spinner svg{animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.po-detail-field{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.po-detail-field label{color:var(--muted-text);font-size:12px;font-weight:600;text-transform:uppercase}.po-detail-field span{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--dark-text);font-size:14px;min-height:18px;padding:8px 12px}.po-header-actions,.po-ordered-row{align-items:center;display:flex;gap:10px}.po-ordered-row{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;transition:all .2s}.po-ordered-row:hover{background:var(--bg-muted)}.po-ordered-row.fully-received{background:#4caf500d;border-color:#4caf5033;opacity:.7}.po-ordered-row.selected{background:#2196f30f;border-color:#2196f34d}.po-row-check-icon{color:var(--success-color);flex-shrink:0;font-size:14px;margin-right:7px;width:16px}.po-ordered-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.po-ordered-qty{color:var(--muted-text);font-size:11px}.po-ordered-qty strong{color:var(--dark-text)}.po-ordered-remaining{color:var(--warning-color);font-size:11px;font-weight:500}.po-ordered-remaining.done{color:var(--success-color)}.po-ordered-remaining strong{font-weight:700}.po-receive-inline{flex-shrink:0}.po-receive-qty-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:var(--bg-base);border:1px solid #2196f366;border-radius:6px;color:var(--color-primary);font-size:14px;font-weight:600;padding:6px 8px;text-align:center;width:60px}.po-receive-qty-input::-webkit-inner-spin-button,.po-receive-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.po-receive-qty-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.po-ordered-footer-actions,.po-received-row{align-items:center;display:flex;gap:10px}.po-received-row{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px}.po-received-row.fully-received{background:#4caf500f;border-color:#4caf5033}.po-received-qty{align-items:center;color:var(--dark-text);display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px}.po-received-check{color:var(--success-color);font-size:14px}.btn-unreceive{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--light-text);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;justify-content:center;padding:6px;transition:all .2s}.btn-unreceive:hover:not(:disabled){background:#e74c3c1a;color:var(--danger-color)}.btn-unreceive:disabled{cursor:not-allowed;opacity:.3}.po-all-received-msg{align-items:center;color:var(--success-color);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-left:auto;white-space:nowrap}@media (max-width:1024px){.split-view{gap:20px;grid-template-columns:1fr}.draft-panel{max-height:none;position:static}.smart-po-builder .page-header{align-items:flex-start;flex-direction:column;gap:12px}.po-header-actions{flex-wrap:wrap}}@media (max-width:768px){.smart-po-builder{padding:15px 0}.po-header-fields{flex-direction:column;gap:12px}.consultation-tabs{flex-wrap:wrap}.tab-button{flex:1 1 auto;font-size:13px;min-width:100px;padding:12px 10px}.product-select-row{flex-wrap:wrap}.product-meta{border-top:1px dashed var(--border-color);flex-direction:row;justify-content:space-between;margin-top:8px;padding-top:8px;width:100%}.draft-footer,.supplier-select-row{flex-direction:column}.draft-footer{gap:12px}.draft-actions{justify-content:stretch;width:100%}.btn-confirm,.btn-save-draft{flex:1 1}.po-ordered-row{flex-wrap:wrap}.po-ordered-meta{border-top:1px dashed var(--border-color);flex-direction:row;justify-content:space-between;margin-top:6px;padding-top:6px;width:100%}}.subpage-header{margin-bottom:20px}.subpage-header .back-link{display:inline-flex;margin-bottom:12px}.admin-subpage-title{align-items:center;color:var(--color-dark);display:flex;font-size:24px;font-weight:600;gap:12px;line-height:1.3;margin:0}.admin-subpage-title svg{color:var(--color-secondary-dark);flex-shrink:0;font-size:22px}.admin-subpage-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.po-loading{align-items:center;color:#888;display:flex;font-size:16px;justify-content:center;padding:60px 20px}.po-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 14px;white-space:nowrap}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}.po-status-badge.badge-draft{background:#9e9e9e26;color:#616161}.po-status-badge.badge-sent{background:#2196f326;color:#1976d2}.po-status-badge.badge-partially-received{background:#ff980026;color:#f57c00}.po-status-badge.badge-received{background:#4caf5026;color:#2e7d32}.po-status-badge.badge-cancelled{background:#f4433626;color:#c62828}.po-cancelled-banner{background:#f4433614;border:1px solid #f4433633;border-radius:8px;color:#c62828;margin-bottom:20px;padding:12px 20px;text-align:center}.po-btn,.po-cancelled-banner{font-size:14px;font-weight:600}.po-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.po-btn:disabled{cursor:not-allowed;opacity:.5}.po-btn-primary{background:#232f3e;background:var(--color-primary,#232f3e);color:#fff}.po-btn-primary:hover:not(:disabled){background:#2a3347}.po-btn-success{background:#27ae60;background:var(--success-color,#27ae60);color:#fff}.po-btn-success:hover:not(:disabled){background:#219a52}.po-btn-outline{background:#fff;border:1px solid #ddd;color:#333}.po-btn-outline:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.po-btn-revert svg{color:#ffd814;color:var(--color-secondary,#ffd814)}.po-btn-danger-outline{background:#fff;border:1px solid #e74c3c4d;color:#c62828}.po-btn-danger-outline:hover:not(:disabled){background:#e74c3c0f;border-color:#e74c3c80}@media (max-width:768px){.po-header-actions{flex-wrap:wrap;gap:8px}.po-header-actions .btn-add-product,.po-header-actions .po-btn{font-size:13px;padding:8px 14px}}.admin-analytics{padding:10px 0}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.analytics-header .admin-page-title{margin-bottom:0}.period-selector{background:var(--white);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:0;overflow:hidden}.period-btn{background:#0000;border:none;border-right:1px solid var(--border-color);color:var(--table-text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.period-btn:last-child{border-right:none}.period-btn:hover{background:var(--bg-muted);color:var(--table-text-strong)}.period-btn--active,.period-btn--active:hover{background:var(--color-primary);color:var(--color-secondary)}.analytics-tabs{border-bottom:2px solid var(--border-color);display:flex;margin-bottom:24px}.analytics-tab{align-items:center;background:#0000;border:none;color:var(--muted-text);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;position:relative;transition:all .2s}.analytics-tab.active,.analytics-tab:hover{color:var(--dark-text)}.analytics-tab.active{font-weight:600}.analytics-tab.active:after{background:var(--color-secondary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.analytics-tab-icon{align-items:center;display:flex;font-size:18px}.analytics-tab-label{font-weight:inherit}.analytics-loading{color:var(--table-text-muted);font-size:14px;padding:60px 20px;text-align:center}.analytics-content{display:flex;flex-direction:column;gap:24px}.analytics-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.analytics-kpi-card{align-items:center;background:var(--white);border:1px solid var(--color-secondary);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.analytics-kpi-icon{align-items:center;border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.analytics-kpi-icon--revenue{background-color:var(--success-color)}.analytics-kpi-icon--orders{background-color:#3b82f6}.analytics-kpi-icon--avg{background-color:#9b59b6}.analytics-kpi-info{display:flex;flex-direction:column;gap:2px}.analytics-kpi-label{color:var(--table-text-muted);font-size:13px;font-weight:500}.analytics-kpi-value{color:var(--table-text-strong);font-size:24px;font-weight:700;line-height:1.2}.analytics-chart-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px}.analytics-chart-card h2{color:var(--table-text-strong);font-size:16px;font-weight:600;margin-bottom:20px}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-tabs{flex-direction:column;gap:4px}.analytics-tab{justify-content:flex-start;padding:12px 16px}.period-btn{font-size:12px;padding:6px 12px}}.inv-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.inv-search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.inv-search-box input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px 10px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.inv-search-box input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.inv-search-box .search-icon{color:#999;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.inv-date-filters{align-items:center;display:flex;gap:16px}.inv-date-group{align-items:center;display:flex;gap:8px}.inv-date-group label{color:#666;font-size:13px;font-weight:500}.inv-date-input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.inv-date-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.inv-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.inv-table{border-collapse:collapse;width:100%}.inv-table thead{background:#f9fafb}.inv-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.inv-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px}.inv-table tbody tr:hover{background:#f9fafb}.inv-table tbody tr:last-child td{border-bottom:none}.inv-regime-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.inv-regime-badge.normal{background:#d1fae5;color:#065f46}.inv-regime-badge.reverse_charge{background:#dbeafe;color:#1e40af}.inv-actions{display:flex;gap:8px}.inv-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.inv-action-btn:hover{background:#f9fafb;border-color:#d1d5db}.inv-action-btn:disabled{cursor:not-allowed;opacity:.5}.inv-action-btn svg{font-size:13px}.inv-empty{color:#6b7280;padding:60px 20px;text-align:center}.inv-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.inv-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.inv-empty p{font-size:14px;margin:0}.cust-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.cust-search-box{flex:1 1;max-width:400px;min-width:250px;position:relative}.cust-search-box input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 36px 10px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.cust-search-box input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.cust-search-box .search-icon{font-size:14px;left:12px}.cust-clear-search,.cust-search-box .search-icon{color:#999;position:absolute;top:50%;transform:translateY(-50%)}.cust-clear-search{background:none;border:none;cursor:pointer;font-size:13px;padding:2px;right:10px}.cust-clear-search:hover{color:#333}.cust-filters{align-items:center;display:flex;gap:12px}.cust-filter-label{color:#666;font-size:13px;font-weight:500}.cust-filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.cust-filter-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.cust-filter-loading{color:#6b7280;font-size:13px;margin-bottom:12px;padding:8px;text-align:center}.cust-row-clickable{cursor:pointer;transition:background .15s}.cust-row-clickable:hover{background:#f9fafb}.cust-empty{color:#6b7280;padding:60px 20px;text-align:center}.cust-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.cust-empty h3{color:#374151;font-size:18px;margin:0 0 8px}.cust-empty p{font-size:14px;margin:0}@media (max-width:768px){.cust-toolbar{align-items:stretch;flex-direction:column}.cust-search-box{max-width:none}.cust-filters{flex-wrap:wrap}.table-container{overflow-x:auto}.admin-table{min-width:700px}}.approval-count{align-items:center;background:#ef4444;background:var(--danger-color,#ef4444);border-radius:12px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:10px;min-width:24px;padding:0 8px}.approval-actions{display:flex;gap:8px}.btn-approve{align-items:center;background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px}.btn-approve:hover{background:#16a34a}.btn-reject{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px}.btn-reject:hover{background:#dc2626}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--bg-base,#fff);border-radius:12px;max-width:450px;padding:24px;width:90%}.modal-content h3{margin-bottom:8px}.modal-content p{color:var(--light-text);margin-bottom:12px}.reject-textarea{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-secondary{background:#f3f4f6;background:var(--bg-subtle,#f3f4f6);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#333;color:var(--text-color,#333);cursor:pointer;padding:8px 16px}.btn-secondary:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb)}.cust-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.03em;line-height:1;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.cust-status-badge:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.cust-status-badge--active{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.cust-status-badge--pending{background-color:var(--badge-secondary-bg);color:var(--badge-secondary-color)}.cust-status-badge--rejected{background-color:var(--color-status-danger-bg);color:var(--color-status-danger)}.admin-customer-detail{padding:10px 0}.admin-customer-detail .back-link{margin-bottom:1.5rem}.custd-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.custd-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;padding:20px}.custd-stat-icon{align-items:center;background:#232f3e;border-radius:10px;color:#ffd814;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.custd-stat-content{display:flex;flex-direction:column}.custd-stat-value{color:#111827;font-size:18px;font-weight:700;line-height:1.2}.custd-stat-label{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.custd-addresses-container{padding:24px}.custd-addresses-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.custd-address-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;position:relative}.custd-badge-default{align-items:center;background:#d1fae5;border-radius:12px;color:#065f46;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-bottom:10px;padding:3px 10px;text-transform:uppercase}.custd-addr-recipient{color:#111827;font-weight:600;margin-bottom:6px}.custd-addr-line{color:#374151;font-size:14px;line-height:1.5}.custd-addr-phone{color:#6b7280;font-size:13px;margin-top:8px}.custd-addr-notes{border-top:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-style:italic;margin-top:6px;padding-top:8px}.custd-no-data{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.custd-orders-table-wrap{overflow-x:auto}.custd-orders-table{border-collapse:collapse;width:100%}.custd-orders-table thead{background:#f9fafb}.custd-orders-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.custd-orders-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.custd-orders-table tbody tr:last-child td{border-bottom:none}.custd-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.custd-status-badge.status-pending{background:#fef3c7;color:#92400e}.custd-status-badge.status-processing{background:#dbeafe;color:#1e40af}.custd-status-badge.status-shipped{background:#e0e7ff;color:#3730a3}.custd-status-badge.status-delivered{background:#d1fae5;color:#065f46}.custd-status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.custd-payment-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.custd-payment-badge.paid{background:#d1fae5;color:#065f46}.custd-payment-badge.pending{background:#fef3c7;color:#92400e}.custd-payment-badge.failed{background:#fee2e2;color:#991b1b}.custd-payment-badge.refunded{background:#e5e7eb;color:#374151}@media (max-width:1024px){.custd-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.custd-addresses-grid,.custd-stats-grid{grid-template-columns:1fr}.custd-orders-table-wrap{overflow-x:auto}.custd-orders-table{min-width:500px}}.custd-pending-banner,.custd-rejected-banner{align-items:center;border:1px solid;border-radius:8px;display:flex;gap:16px;margin:16px 0 24px;padding:16px 20px}.custd-pending-banner{background:var(--badge-secondary-bg);border-color:var(--color-secondary);color:var(--color-dark)}.custd-rejected-banner{background:var(--color-status-danger-bg);border-color:var(--color-status-danger);color:var(--color-status-danger)}.custd-pending-banner__icon{color:var(--color-secondary-dark);flex-shrink:0;font-size:24px}.custd-rejected-banner .custd-pending-banner__icon{color:var(--color-status-danger)}.custd-pending-banner__content{flex:1 1;min-width:0}.custd-pending-banner__content strong{color:var(--color-dark);display:block;font-size:15px;margin-bottom:2px}.custd-rejected-banner .custd-pending-banner__content strong{color:var(--color-status-danger)}.custd-pending-banner__content p{color:var(--color-gray-600);font-size:13px;margin:0}.custd-rejected-banner .custd-pending-banner__content p{color:var(--color-status-danger);opacity:.85}.custd-pending-banner__actions{display:flex;flex-shrink:0;gap:10px}.custd-btn-approve,.custd-btn-cancel,.custd-btn-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:8px;line-height:1;padding:9px 16px;transition:background .15s ease,transform .1s ease}.custd-btn-approve{background:var(--color-status-success);color:var(--text-on-dark)}.custd-btn-approve:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.custd-btn-reject{background:var(--color-status-danger);color:var(--text-on-dark)}.custd-btn-reject:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.custd-btn-cancel{background:var(--bg-base);border:1px solid var(--table-border);color:var(--color-dark)}.custd-btn-cancel:hover:not(:disabled){background:var(--table-head-bg)}.custd-btn-approve:disabled,.custd-btn-cancel:disabled,.custd-btn-reject:disabled{cursor:not-allowed;opacity:.5}.custd-reject-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.custd-reject-modal{background:var(--bg-base);border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-width:520px;width:100%}.custd-reject-modal__header{align-items:center;border-bottom:1px solid var(--table-border);display:flex;justify-content:space-between;padding:18px 22px}.custd-reject-modal__header h3{color:var(--color-dark);font-size:17px;font-weight:600;margin:0}.custd-reject-modal__close{background:none;border:none;border-radius:4px;color:var(--color-gray-500);cursor:pointer;font-size:18px;padding:4px 8px}.custd-reject-modal__close:hover{background:var(--bg-muted);color:var(--color-dark)}.custd-reject-modal__body{padding:20px 22px}.custd-reject-modal__body p{color:var(--color-gray-600);font-size:14px;margin:0 0 14px}.custd-reject-modal__body label{color:var(--color-dark);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.custd-reject-modal__body textarea{border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical;width:100%}.custd-reject-modal__body textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-bg-translucent);outline:none}.custd-reject-modal__footer{border-top:1px solid var(--table-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.customer-detail-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.customer-detail-title-toggle{align-items:center;display:inline-flex}.admin-settings{padding:10px 0}.settings-form{padding:24px}.settings-form .form-row{grid-gap:8px 20px;display:grid;gap:8px 20px;grid-template-columns:1fr 1fr}.delivery-row input[type=number]{max-width:120px}.form-hint{color:#999;display:block;font-size:12px;font-style:italic;margin-top:5px}.settings-form .btn{align-items:center;background:#1e2536;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease}.settings-form .btn:hover:not(:disabled){background:#2a3347;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.settings-form .btn:disabled{cursor:not-allowed;opacity:.6}.settings-form .btn svg{color:#ffd814;font-size:22px}.logo-dual-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.logo-upload-block{display:flex;flex-direction:column}.logo-upload-title{color:#333;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.logo-upload-hint{color:#999;font-size:12px;font-style:italic;line-height:1.4;margin:0 0 12px}.logo-upload-area{position:relative}.logo-dropzone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2rem;transition:all .2s}.logo-dropzone:hover{background:#ffd8140d;border-color:#ffd814}.logo-dropzone-dark-bg{background:#1e2536;border-color:#4b5563}.logo-dropzone-dark-bg:hover{background:#2d3a54;border-color:#ffd814}.logo-dropzone-dark-bg .dropzone-icon{color:#6b7280}.logo-dropzone-dark-bg p{color:#d1d5db}.logo-dropzone-dark-bg .dropzone-hint{color:#6b7280}.logo-dropzone .dropzone-icon{color:#9ca3af;font-size:2rem;margin-bottom:.75rem}.logo-dropzone p{color:#374151;font-weight:600;margin:0 0 .5rem}.logo-dropzone .dropzone-hint{color:#9ca3af;font-size:.85rem}.logo-preview{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem}.logo-preview-light-bg{background:#f9fafb}.logo-preview-dark-bg{background:#1e2536;border-color:#4b5563}.logo-preview img{border-radius:8px;max-height:80px;max-width:150px;object-fit:contain;padding:.5rem}.logo-preview-light-bg img{background:#fff;border:1px solid #e5e7eb}.logo-preview-dark-bg img{background:#0000;border:none}.logo-actions{display:flex;gap:.75rem}.logo-actions .btn{box-shadow:none;font-size:.875rem;height:auto;padding:.5rem 1rem}.btn-danger{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.upload-overlay{background:#ffffffe6;border-radius:12px;bottom:0;color:#232f3e;font-weight:600;left:0;position:absolute;right:0;top:0}.company-modal-overlay,.upload-overlay{align-items:center;display:flex;justify-content:center}.company-modal-overlay{background:#00000080;inset:0;position:fixed;z-index:1000}.company-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow:auto;width:90%}.company-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.company-modal-header h3{font-size:18px;font-weight:600;margin:0}.company-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0 4px}.company-modal-close:hover{color:#1a2744}.company-modal-body{padding:24px}.company-modal-body .form-row{grid-gap:8px 20px;display:grid;gap:8px 20px;grid-template-columns:1fr 1fr}.company-modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.company-modal-footer .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.company-modal-footer .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.company-modal-footer .btn-primary{align-items:center;background:#1e2536;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:10px 20px;transition:all .2s ease}.company-modal-footer .btn-primary:hover:not(:disabled){background:#2a3347;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.company-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.6}.company-modal-footer .btn-primary svg{color:#ffd814;font-size:18px}@media (max-width:768px){.logo-dual-grid,.settings-form .form-row{grid-template-columns:1fr}.logo-preview{flex-direction:column;text-align:center}.logo-actions{justify-content:center}.company-modal{max-width:95%}.company-modal-body .form-row{grid-template-columns:1fr}}.legal-docs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));min-width:0;padding:24px}.legal-doc-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:8px;min-width:0;overflow:hidden;padding:16px}.legal-doc-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.legal-doc-header h3{color:var(--dark-text);font-size:14px;font-weight:600;margin:0}.legal-doc-preview{color:var(--muted-text);font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-modal{max-width:900px}.legal-doc-actions{display:flex;gap:8px}.legal-history-table{border-collapse:collapse;font-size:13px;width:100%}.legal-history-table td,.legal-history-table th{border-bottom:1px solid var(--table-border-light);padding:10px 12px;text-align:left;vertical-align:middle}.legal-history-table th{background:var(--table-head-bg);border-bottom:1px solid var(--table-border);color:var(--table-text-strong);font-weight:600}.legal-history-table td{color:var(--table-text)}.legal-history-note{color:var(--muted-text);max-width:240px}.legal-history-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.legal-history-current-badge{background:var(--badge-new-bg);border:1px solid var(--badge-new-border);border-radius:10px;color:var(--badge-new-color);display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.legal-preview-content h4{color:var(--dark-text);font-size:13px;font-weight:600;letter-spacing:.5px;margin:16px 0 8px;text-transform:uppercase}.legal-preview-content h4:first-child{margin-top:0}.legal-preview-content pre{word-wrap:break-word;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--base-text);font-family:inherit;font-size:13px;margin:0;max-height:320px;overflow-y:auto;padding:12px;white-space:pre-wrap}@media (max-width:768px){.legal-docs-grid{grid-template-columns:1fr}.legal-modal{max-width:95%}.legal-doc-actions{flex-wrap:wrap}.legal-history-table{font-size:12px}.legal-history-table td,.legal-history-table th{padding:8px 6px}.legal-history-actions{flex-direction:column}}.admin-order-detail{padding:10px 0}.admin-container{margin:0 auto;max-width:1400px;padding:0 20px}.back-link{margin-bottom:1.5rem}.order-detail-status{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:all .2s;width:auto}.order-detail-status:disabled{cursor:not-allowed;opacity:.6}.order-detail-status.status-pending{background:#fef3c7;border-color:#fcd34d;color:#92400e}.order-detail-status.status-processing{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.order-detail-status.status-shipped-to-hub{background:#fef9c3;border-color:#fde047;color:#a16207}.order-detail-status.status-at-hub{background:#cffafe;border-color:#67e8f9;color:#0e7490}.order-detail-status.status-shipped{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.order-detail-status.status-delivered{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.order-detail-status.status-cancelled{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.order-detail-status.status-refunded{background:#f3e8ff;border-color:#c4b5fd;color:#6b21a8}.order-detail-status.status-received-by-hub{background:#cffafe;border-color:#67e8f9;color:#0e7490}.shipment-status-select{border:2px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;margin-left:auto;padding:.3rem .7rem;transition:all .2s;width:auto}.shipment-status-select:hover{border-color:var(--muted-text)}.shipment-status-select:disabled{cursor:not-allowed;opacity:.5}.shipment-status-select.status-pending{background:#fef3c7;border-color:#fcd34d;color:#92400e}.shipment-status-select.status-processing{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.shipment-status-select.status-shipped-to-hub{background:#fef9c3;border-color:#fde047;color:#a16207}.shipment-status-select.status-at-hub{background:#cffafe;border-color:#67e8f9;color:#0e7490}.shipment-status-select.status-shipped{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.shipment-status-select.status-delivered{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.payment-pending{background:#fef3c7;color:#92400e}.payment-paid{background:#d1fae5;color:#065f46}.payment-failed{background:#fee2e2;color:#991b1b}.payment-refunded{background:#f3e8ff;color:#6b21a8}.admin-order-detail .order-id-small{color:var(--light-text)!important;font-size:.65rem!important}.order-backorder-warning{align-items:center;background:#ff980014;border:1px solid #ff98004d;border-radius:8px;color:#5d4037;display:flex;font-size:.85rem;gap:14px;line-height:1.5;margin-bottom:1.25rem;max-width:560px;padding:8px 18px}.order-backorder-warning-icon{color:#f57c00;flex-shrink:0;font-size:26px}.order-backorder-warning-text{display:flex;flex-direction:column;gap:2px}.order-backorder-warning-title{color:#e65100;font-size:.95rem;font-weight:700}.order-backorder-warning strong{color:#e65100}.backorder-badge{align-items:center;background:#fef3c7;border-radius:4px;color:#92400e;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.backorder-badge small{font-size:.7rem;font-weight:400}.backorder-none{color:var(--light-text)}.tracking-edit{align-items:center;display:flex;gap:.4rem}.tracking-input{border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;padding:.3rem .6rem;width:160px}.tracking-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #ffd81440;outline:none}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-edit{background:var(--bg-muted);color:var(--muted-text)}.btn-edit:hover{background:var(--border-color);color:var(--base-text)}.btn-save{background:var(--success-color);color:var(--text-on-dark)}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#fee2e2;color:var(--danger-color)}.btn-cancel:hover{background:#fecaca}.admin-error,.admin-loading{align-items:center;color:var(--muted-text);display:flex;font-size:1rem;justify-content:center;min-height:300px}.admin-error{color:var(--danger-color)}@media (max-width:768px){.tracking-input{width:140px}}
/*# sourceMappingURL=main.f840a96e.css.map*/