: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:hsla(0,0%,100%,.7);--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{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.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{right:env(safe-area-inset-right);left:auto}}.Toastify__toast{--y:0;position:relative;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{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:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start;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{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right;border-bottom-left-radius:0;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--text:#121212;--success-800:#057a55;--danger-bg:#fee2e2;--sidebar-w:290px;--sidebar-w-collapsed:100px}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}input::placeholder,textarea::placeholder{font-size:14px;font-style:italic;opacity:.65}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--text)}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{width:100%;height:auto;object-fit:contain}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:content-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only{display:none!important}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:grid!important}}.full-center{min-height:100vh;display:grid;place-items:center}.app-shell{min-height:100vh;background:var(--bg)}.app-main{min-height:100vh;margin-left:var(--sidebar-w);display:flex;flex-direction:column;transition:margin-left .22s ease}.app-main[data-collapsed=true]{margin-left:var(--sidebar-w-collapsed)}@media(max-width:1024px){.app-main,.app-main[data-collapsed=true]{margin-left:0}}@media screen and (max-width:1500px){.app-main{margin-left:220px}}.app-content{flex:1 1;padding:24px 40px;width:100%;background-color:#fff}@media(max-width:1024px){.app-content{padding:16px}}@media screen and (max-width:1500px){.app-content{padding:20px 30px}}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:50;transition:width .22s ease,transform .22s ease}.sidebar[data-collapsed=true]{width:var(--sidebar-w-collapsed)}@media screen and (max-width:1500px){.sidebar{width:220px}}@media(max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar[data-mobile-open=true]{transform:translateX(0)}}.sidebar-brand{width:100%;height:100px;padding:16px 20px}.sidebar-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:16px 20px}.sidebar-section-label{padding:16px 0 6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text);white-space:nowrap}.sidebar-section-label:first-child{padding-top:0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 13px;margin-bottom:2px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-link[data-active=true]{color:var(--sidebar-text-active);background:#f8f8f8;border:1px solid #cdcdcd;border-radius:5px}.sidebar-link svg{flex-shrink:0}@media screen and (max-width:1500px){.sidebar-link{font-size:14px}}.sidebar-link-badge{margin-left:auto;background:var(--brand-600);color:#fff;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px 12px;white-space:nowrap;overflow:hidden}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600;line-height:1.3}.sidebar-user-role{color:#6b7280;font-size:12px;line-height:1.3}.sidebar-logout{width:100%;border:0;background:transparent;color:#fa3838}.sidebar-logout:hover{background:hsla(0,91%,71%,.2);color:var(--danger)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:45}.topbar{height:var(--topbar-h);position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 24px}@media(max-width:1024px){.topbar{padding:0 16px}}.topbar-search{position:relative;flex:1 1;max-width:420px}.topbar-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.topbar-search input{width:100%;height:38px;padding:0 12px 0 38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text)}.topbar-search input::placeholder{color:var(--text-muted);font-size:14px}.topbar-search input:focus{outline:none;border-color:var(--brand-500);background:var(--surface)}@media(max-width:640px){.topbar-search{display:none}}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.topbar-store{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:280px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:13px}.topbar-store strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-weight:600}@media(max-width:640px){.topbar-store{max-width:160px}.topbar-store span{display:none}}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header-container .back{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:600;margin-bottom:30px;cursor:pointer}@media screen and (max-width:700px){.page-header-container .back{font-size:16px}}.page-header-container .back span{padding:4px 8px;background:linear-gradient(180deg,#fff,#ddd),#fff;border:1px solid #e6e6e6;border-radius:5px;color:var(--text);font-size:12px;font-weight:500;margin-left:5px}.page-header-container .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-header-container .page-title{font-size:26px;font-weight:600}.page-header-container .page-subtitle{color:var(--text-secondary);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.card-title{font-size:16px;font-weight:600}.card-hint{font-size:12px;color:var(--text-muted)}.card-body{padding:10px 20px 20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.stat-card-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.stat-card-icon{flex-shrink:0;color:var(--text-muted)}.stat-card-value{font-size:40px;font-weight:500;line-height:1.2;margin:15px 0 0}@media screen and (max-width:1500px){.stat-card-value{font-size:32px}}@media(max-width:768px){.stat-card-value{font-size:26px;margin:10px 0 0}}.stat-card-caption{margin-top:6px;font-size:14px;color:var(--text-muted)}.section-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.metric-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.metric-tile-value{font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1.2}@media(max-width:768px){.metric-tile-value{font-size:26px}}.metric-tile-label{margin-top:6px;font-size:14px;color:var(--text-secondary)}@media(max-width:768px){.metric-tile-label{font-size:12px}}.grid{display:grid;grid-gap:16px;gap:16px;margin-bottom:20px}.grid-2-1{grid-template-columns:2fr 1fr}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.grid-2,.grid-2-1{grid-template-columns:1fr}}.chart-box{height:280px;position:relative}.table-toolbar{align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border)}.table-filters,.table-toolbar{display:flex;gap:10px}.table-search{position:relative;flex:1 1;min-width:200px;max-width:320px}.table-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.table-search input{width:100%;height:36px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text)}.table-search input:focus{outline:none;border-color:var(--brand-500);background:var(--surface)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;font-size:16px;font-weight:500;text-transform:capitalize;color:var(--sidebar-text-active);background:var(--surface-2);padding:11px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th .th-inner{display:flex;align-items:center;gap:5px}.data-table th .th-sort{width:100%;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th .th-sort:hover{color:var(--text-secondary)}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--sidebar-text-active);vertical-align:middle;font-size:16px}@media(max-width:768px){.data-table td{font-size:14px}}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tbody tr .icon{border:1px solid var(--border);max-width:-moz-fit-content;max-width:fit-content;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.data-table tbody tr .icon.delete{background:var(--danger-bg);color:var(--danger)}.data-table tbody tr .table-input{width:100px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;outline:none;font-size:14px}.data-table tbody tr .table-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.cell-primary{color:var(--text)!important;font-weight:400}.cell-stack{display:flex;align-items:center;gap:10px}.cell-sub{font-size:13px;color:var(--text-muted)}.cell-actions{display:flex;gap:2px;justify-content:flex-end}.text-danger{color:var(--danger)!important;font-weight:500}.count-chip{display:inline-flex;justify-content:center;min-width:30px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600}.count-chip,.table-footer{align-items:center;color:var(--text-secondary)}.table-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border);font-size:13px}.pagination{display:flex;align-items:center;gap:4px}.page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:background .15s ease}.page-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn[data-active=true]{background:var(--brand-600);border-color:var(--brand-600);color:#fff;font-weight:600}.skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--border) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{padding:56px 24px;text-align:center}.empty-state h4{font-size:15px;margin-bottom:4px}.empty-state p{color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge[data-tone=success]{color:var(--success);background:var(--success-bg)}.badge[data-tone=warning]{color:var(--warning);background:var(--warning-bg)}.badge[data-tone=danger]{color:var(--danger);background:var(--danger-bg)}.badge[data-tone=info]{color:var(--info);background:var(--info-bg)}.badge[data-tone=neutral]{color:var(--neutral);background:var(--neutral-bg)}.segmented{display:inline-flex;align-items:center;gap:2px;background:var(--surface-3);border-radius:var(--radius-sm)}@media(max-width:640px){.segmented{flex-wrap:wrap}}.segmented-option{padding:10px 14px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.segmented-option:hover:not([data-active]){color:var(--text)}.segmented-option[data-active]{background:var(--sidebar-text-active);color:var(--text-inverse)}.segmented-option:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.segmented-option{font-size:11px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn span,.short-cut-btn{padding:4px 8px;background:linear-gradient(180deg,#fff,#ddd),#fff;border:1px solid #e6e6e6;border-radius:5px;color:var(--text);font-size:12px;font-weight:500}.short-cut-btn{display:flex;align-items:center}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.btn-excel{background:var(--success-800);color:#fff}.btn-excel:hover:not(:disabled){background:#046244}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-block{width:100%}.btn-sm{height:unset;padding:6px 12px;font-size:14px}.compatibility-upload{width:100%;min-height:136px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:#f8f8f8;border:1px solid #e9e9e9;border-radius:11px;text-align:center}.compatibility-upload__text{max-width:100%;margin:0;overflow-wrap:anywhere;color:#929292;font-size:14px;font-style:italic}.compatibility-upload__input{display:none}.compatibility-upload__browse{display:inline-flex;align-items:center;justify-content:center;min-width:130px;min-height:33px;box-sizing:border-box;padding:7px 18px;background:#1c1c1c;border-radius:5px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.compatibility-upload__browse:hover{background:#333}.compatibility-upload__download{padding:0;border:none;background:transparent;color:#3985ff;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}.compatibility-upload__download:disabled{opacity:.6;cursor:not-allowed}.compatibility-upload:focus-within{outline:2px solid #3985ff;outline-offset:2px}@media(max-width:480px){.compatibility-upload{min-height:125px;padding:16px 12px}}.field{margin-bottom:16px}.field-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.field-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field-input::placeholder{color:var(--text-muted);font-size:14px}.field-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.field-input[aria-invalid=true]{border-color:var(--danger)}.field-error{display:block;margin-top:5px;font-size:12.5px;color:var(--danger)}.field-password{position:relative}.field-password .field-input{padding-right:42px}.field-password button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.field-password button:hover{color:var(--text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 16px;gap:0 16px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.field-full{grid-column:1/-1}.field-optional{font-weight:400;color:var(--text-muted)}.store-context{display:inline-flex;align-items:center;gap:4px;margin-bottom:14px;padding:6px 10px;border:1px solid var(--brand-300);border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-700);font-size:13px}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}@media(max-width:1100px){.store-grid{grid-template-columns:1fr}}.store-card-body{padding:28px}.store-card-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.store-card-heading h2{font-size:20px}.store-card-heading p{color:var(--text-muted);font-size:14px}.store-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary)}.store-metrics{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.store-metric{min-height:98px;padding:16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.store-metric:nth-child(2n){border-right:0}.store-metric:nth-last-child(-n+2){border-bottom:0}.store-metric span{display:block;color:var(--text-muted);font-size:13px}.store-metric strong{display:block;margin-top:9px;font-size:25px;font-weight:500}.store-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;color:var(--text-muted);font-size:13px}.store-card-footer .btn{min-width:170px}@media(max-width:640px){.store-card-footer{align-items:flex-start;flex-direction:column}.store-card-footer .btn{width:100%}}.user-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-summary{padding:15px}.user-summary span{display:block;font-size:13px;font-weight:500}.user-summary strong{display:block;margin-top:10px;font-size:36px;font-weight:500}.role-chip{display:inline-flex;padding:3px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13px}.status-control{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:500}.status-control input{width:16px;height:16px;accent-color:var(--success)}.password-card{max-width:760px}.password-form{max-width:620px}@media(max-width:768px){.user-summary-grid{grid-template-columns:1fr}}.combobox{position:relative;flex:1 1;min-width:0}.combobox-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.combobox-input::placeholder{color:var(--text-muted);font-size:14px}.combobox-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.combobox-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.combobox-hint{padding:10px 12px;color:var(--text-muted);font-size:13px}.combobox-option{padding:9px 12px;border-bottom:1px solid var(--border);cursor:pointer}.combobox-option:last-child{border-bottom:none}.combobox-option:hover,.combobox-option[data-active]{background:var(--surface-3)}.combobox-option-title{font-size:13.5px;font-weight:500}.combobox-option-meta{margin-top:2px;font-size:12px;color:var(--text-muted)}.combobox-option-add{color:var(--brand-600);font-weight:500;background:var(--surface-2)}.public-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.public-nav{height:68px;border-bottom:1px solid var(--border);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:30}.public-footer-inner,.public-nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));display:grid;place-items:center;color:#fff;flex-shrink:0}.public-nav-links{display:flex;align-items:center;gap:28px;margin-left:auto;color:var(--text-secondary);font-weight:500}.public-nav-links a:hover{color:var(--text)}@media(max-width:768px){.public-nav-links a{display:none}}.public-body{flex:1 1;display:flex;align-items:center;justify-content:center}.public-footer{border-top:1px solid var(--border);background:var(--surface)}.public-footer-inner{height:auto;width:100%;padding:20px 24px;flex-wrap:wrap;color:var(--text-muted);font-size:14px;position:absolute;left:0;bottom:0;display:flex;align-items:center;justify-content:space-between}@media(max-width:640px){.public-footer-inner{flex-direction:column;align-items:center;gap:0;justify-content:center}}.public-footer-links{display:flex;gap:15px}@media(max-width:640px){.public-footer-links{gap:10px}}.public-footer-links a:hover{color:var(--text)}.login-container{display:flex;width:100vw;height:100vh}.logo-container{flex:1 1;height:100%;background:linear-gradient(180deg,#00616b,#972f50),linear-gradient(180deg,#1e68f6,#123a86 50%,#1b69ff);display:flex;align-items:center;justify-content:center}.logo-container .img-container{max-width:500px}@media(max-width:768px){.logo-container{display:none}}.form-container{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative}.login-card{width:100%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;margin:0 20px}@media(max-width:640px){.login-card{padding:20px}}.login-head{text-align:center;margin-bottom:26px}.login-head h1{font-size:22px;margin-bottom:6px}.login-head p,.login-hint{color:var(--text-secondary)}.login-hint{display:flex;gap:10px;padding:11px 13px;margin-bottom:20px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-size:12.5px}.login-hint code{font-family:Poppins,sans-serif;color:var(--text);font-size:12px}.login-row{justify-content:space-between;gap:12px;margin-bottom:20px;font-size:13px}.login-check,.login-row{display:flex;align-items:center}.login-check{gap:7px;color:var(--text-secondary);cursor:pointer}.login-check input{width:15px;height:15px;accent-color:var(--brand-600);cursor:pointer}.login-link{color:var(--brand-600);font-weight:500}.login-link:hover{text-decoration:underline}.login-alert{display:flex;align-items:center;gap:8px;padding:10px 13px;margin-bottom:18px;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:13px;font-weight:500}.login-foot{margin-top:20px;text-align:center;color:var(--text-secondary);font-size:13px}.import-dropzone{width:100%;min-height:185px;border:1px solid #e5e5e5;border-radius:10px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}.import-dropzone .import-dropzone-active{border-color:#2563eb;background:#f5f9ff}.import-dropzone .import-dropzone-has-file{border-style:solid}.import-dropzone .dropzone-text{margin:0 0 12px;color:#999;font-size:15px;font-style:italic}.import-dropzone .browse-file-btn{border:0;border-radius:5px;background:#171717;color:#fff;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer}.import-dropzone .browse-file-btn:hover{background:#2b2b2b}.import-dropzone .template-link{margin-top:12px;padding:0;border:0;background:transparent;color:var(--info);text-decoration:underline;font-size:16px;cursor:pointer}.import-dropzone .template-link:disabled{opacity:.6;cursor:not-allowed}.import-dropzone .selected-file{width:100%;max-width:550px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;box-sizing:border-box}.import-dropzone .file-info{min-width:0;display:flex;align-items:center;gap:12px}.import-dropzone .file-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f1f1f1;font-size:18px}.import-dropzone .file-details{min-width:0;display:flex;flex-direction:column;gap:3px}.import-dropzone .file-name{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:14px;font-weight:500}.import-dropzone .file-size{color:#999;font-size:12px}.import-dropzone .remove-file-btn{width:30px;height:30px;border:0;background:transparent;color:#777;font-size:22px;line-height:1;cursor:pointer}.import-dropzone .remove-file-btn:hover{color:#e11d48}.import-dropzone .btn-icon{font-size:22px;line-height:0;margin-right:7px}.import-file-hint{margin:8px 0 0;color:#999;font-size:13px;text-align:center}.import-preview-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.28);display:flex;justify-content:flex-end}.import-preview-overlay .import-preview-slider{width:min(760px,100%);height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(0,0,0,.12);animation:importPreviewSlideIn .25s ease-out}@keyframes importPreviewSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.import-preview-overlay .import-preview-header{min-height:78px;padding:16px 24px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.import-preview-overlay .import-preview-title-wrapper{display:flex;align-items:center;gap:14px}.import-preview-overlay .import-preview-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#111}.import-preview-overlay .import-preview-title-wrapper h2{margin:0;color:#161616;font-size:19px;font-weight:600}.import-preview-overlay .import-preview-title-wrapper p{margin:3px 0 0;color:#8a8a8a;font-size:14px}.import-preview-overlay .import-preview-back-btn{height:42px;padding:0 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#222;display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.import-preview-overlay .import-preview-back-btn:hover{background:#f8f8f8}.import-preview-overlay .import-preview-back-btn span{font-size:21px}.import-preview-content{flex:1 1;padding:24px;overflow-y:auto;box-sizing:border-box}.import-file-summary{min-height:54px;padding:8px 14px;border:1px solid #32d34b;border-radius:5px;background:#f1fff2;display:flex;align-items:center;box-sizing:border-box}.import-success-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#2dcc42}.import-file-summary-info{display:flex;flex-direction:column;margin-left:10px}.import-file-summary-info strong{color:#171717;font-size:14px;font-weight:600}.import-file-summary-info span{margin-top:2px;color:#222;font-size:14px}.change-file-btn{margin-left:auto;border:0;background:transparent;color:#111;font-size:14px;cursor:pointer}.import-stats{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.import-stat-card{min-height:78px;padding:11px;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.import-stat-card span{color:#666;font-size:14px}.import-stat-card strong{margin-top:4px;color:#111;font-size:25px;font-weight:500}.import-table-toolbar{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.import-search{width:72%;height:38px;border:1px solid #ddd;border-radius:5px;display:flex;align-items:center;padding:0 10px;box-sizing:border-box}.import-search svg{flex-shrink:0;color:#777}.import-search input{width:100%;height:100%;margin-left:8px;border:0;outline:none;color:#222;background:transparent;font-size:14px}.import-page-info{color:#777;font-size:13px;white-space:nowrap}.import-table-wrapper{margin-top:14px;overflow-x:auto}.import-products-table{width:100%;border-collapse:collapse;table-layout:fixed}.import-products-table th{height:43px;padding:0 10px;border-bottom:1px solid #e4e4e4;color:#161616;text-align:left;font-size:14px;font-weight:600}.import-products-table td{height:49px;padding:0 10px;border-bottom:1px solid #e5e5e5;color:#222;font-size:14px}.import-products-table td:first-child,.import-products-table th:first-child{width:48%}.import-products-table td:nth-child(2),.import-products-table th:nth-child(2){width:27%}.sale-rate-column{width:25%;text-align:right!important}.empty-import-results{height:120px!important;color:#888!important;text-align:center!important}.import-table-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:#333;font-size:13px}.import-pagination{display:flex;align-items:center;gap:4px}.import-pagination button{width:27px;height:27px;border:1px solid transparent;border-radius:5px;background:transparent;color:#555;cursor:pointer;font-size:13px}.import-pagination button:hover:not(:disabled){background:#f3f3f3}.import-pagination button.active{background:#171717;color:#fff}.import-pagination button:disabled{color:#aaa;cursor:not-allowed}.import-preview-footer{min-height:78px;padding:14px 24px;border-top:1px solid #e5e5e5;display:flex;align-items:center;justify-content:flex-end;gap:12px;box-sizing:border-box}.import-preview-footer .btn{min-height:44px}.import-preview-footer .btn-primary{min-width:190px;display:flex;align-items:center;justify-content:center;gap:7px}.import-preview-footer .btn-icon{font-size:22px;line-height:0}@media(max-width:650px){.import-preview-slider{width:100%}.import-preview-header{padding:14px 16px}.import-preview-content{padding:16px}.import-preview-footer{padding:12px 16px}.import-table-toolbar{align-items:stretch;flex-direction:column}.import-search{width:100%}.import-page-info{align-self:flex-end}.import-table-footer{align-items:flex-start;flex-direction:column;gap:10px}.import-pagination{align-self:flex-end}}.activity-item{display:flex;gap:12px;padding:13px 20px;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:0}.activity-text{font-size:13.5px;color:var(--text)}.activity-time{font-size:12px;color:var(--text-muted);margin-top:2px}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.error-code{font-size:68px;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-rev{flex-direction:row-reverse}.flex-col-rev{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.content-center{align-content:center}.content-between{align-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink-0{flex-shrink:0}.order-first{order:-1}.order-last{order:999}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-around,.flex-col-center{display:flex;align-items:center}.flex-col-center{flex-direction:column;justify-content:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.gap-0{gap:0}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.gap-x-16{column-gap:16px}.gap-y-16{row-gap:16px}.w-full{width:100%}@media screen and (max-width:1024px){.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-row-rev{flex-direction:row-reverse}.lg\:flex-col-rev{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:flex-1{flex:1 1}.lg\:flex-none{flex:none}.lg\:flex-center,.lg\:flex-col-center{display:flex;justify-content:center;align-items:center}.lg\:flex-col-center{flex-direction:column}.lg\:flex-between{display:flex;justify-content:space-between;align-items:center}.lg\:gap-0{gap:0}.lg\:gap-8{gap:8px}.lg\:gap-12{gap:12px}.lg\:gap-16{gap:16px}.lg\:gap-20{gap:20px}.lg\:gap-24{gap:24px}.lg\:w-full{width:100%}.lg\:order-first{order:-1}.lg\:order-last{order:999}.lg\:hidden{display:none}}@media screen and (max-width:785px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-row-rev{flex-direction:row-reverse}.md\:flex-col-rev{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:flex-1{flex:1 1}.md\:flex-none{flex:none}.md\:flex-center,.md\:flex-col-center{display:flex;justify-content:center;align-items:center}.md\:flex-col-center{flex-direction:column}.md\:flex-between{display:flex;justify-content:space-between;align-items:center}.md\:gap-0{gap:0}.md\:gap-8{gap:8px}.md\:gap-12{gap:12px}.md\:gap-16{gap:16px}.md\:gap-20{gap:20px}.md\:gap-24{gap:24px}.md\:w-full{width:100%}.md\:order-first{order:-1}.md\:order-last{order:999}.md\:hidden{display:none}}@media screen and (max-width:600px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-row-rev{flex-direction:row-reverse}.sm\:flex-col-rev{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:flex-1{flex:1 1}.sm\:flex-none{flex:none}.sm\:flex-center,.sm\:flex-col-center{display:flex;justify-content:center;align-items:center}.sm\:flex-col-center{flex-direction:column}.sm\:flex-between{display:flex;justify-content:space-between;align-items:center}.sm\:gap-0{gap:0}.sm\:gap-8{gap:8px}.sm\:gap-12{gap:12px}.sm\:gap-16{gap:16px}.sm\:gap-20{gap:20px}.sm\:gap-24{gap:24px}.sm\:w-full{width:100%}.sm\:order-first{order:-1}.sm\:order-last{order:999}.sm\:hidden{display:none}}.stack-lg,.stack-md,.stack-sm{display:flex;gap:20px}@media screen and (max-width:1024px){.stack-lg{flex-direction:column;gap:14px}}@media screen and (max-width:785px){.stack-md{flex-direction:column;gap:14px}}@media screen and (max-width:600px){.stack-sm{flex-direction:column;gap:14px}}.data-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--sidebar-text-active);cursor:pointer}.data-table tbody tr[data-selected] td{background:var(--surface-2)}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:calc(100% + 6px);z-index:20;min-width:200px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.dropdown-menu.dropdown-menu-right{right:0}.dropdown-menu.dropdown-menu-left{left:0}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:14px;font-family:inherit;text-align:left;cursor:pointer;white-space:nowrap}.dropdown-item:hover{background:var(--surface-3)}.switch{position:relative;display:inline-flex;flex-shrink:0;width:44px;height:24px}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch .switch-track{position:absolute;inset:0;background:var(--border-strong);border-radius:999px;transition:background .15s ease}.switch .switch-track:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--success)}.switch input:checked+.switch-track:before{transform:translateX(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--brand-500);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.5;cursor:not-allowed}.reminder-summary{gap:20px;padding:16px 20px;margin-bottom:20px}.reminder-summary,.reminder-summary-fields{display:flex;align-items:center;flex-wrap:wrap}.reminder-summary-fields{gap:28px;flex:1 1}.reminder-summary-field{display:flex;flex-direction:column;gap:5px}.reminder-summary-field span{font-size:13px;color:var(--text-muted)}.reminder-summary-field strong{font-size:15px;font-weight:600;color:var(--text)}.reminder-summary-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.reminder-active-toggle{display:flex;gap:9px;font-weight:500}.filter-trigger,.reminder-active-toggle{align-items:center;font-size:14px;color:var(--text)}.filter-trigger{display:inline-flex;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;white-space:nowrap}.filter-trigger:hover{background:var(--surface-3)}.field-hint{margin-top:10px;font-size:13px;color:var(--text-muted);line-height:1.5}.option-pills{display:flex;flex-wrap:wrap;gap:10px}.option-pill{padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.option-pill:hover{background:var(--surface-3)}.option-pill[data-active=true]{background:var(--sidebar-text-active);border-color:var(--sidebar-text-active);color:var(--text-inverse)}:root{--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-300:#a5b4fc;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--bg:#f6f7fb;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--text:#111827;--text-secondary:#4b5563;--text-muted:#8c8c8c;--text-inverse:#fff;--success:#059669;--success-bg:#d1fae5;--warning:#b45309;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#ffefef;--info:#2563eb;--info-bg:#dbeafe;--neutral:#4b5563;--neutral-bg:#f3f4f6;--sidebar-bg:#f5f5f5;--sidebar-text:#4e4e4e;--sidebar-text-active:#141414;--sidebar-hover:hsla(0,0%,100%,.06);--sidebar-active:rgba(99,102,241,.16);--sidebar-border:hsla(0,0%,100%,.08);--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);--shadow-lg:0 10px 24px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.04);--radius-sm:6px;--radius:10px;--radius-lg:14px;--sidebar-w:260px;--sidebar-w-collapsed:76px;--topbar-h:64px;--font:"Poppins",sans-serif}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:16px;gap:16px;align-items:start}@media(max-width:1024px){.order-layout{grid-template-columns:1fr}}.order-panel-hint{color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.order-client-row{display:flex;gap:8px;margin-bottom:18px}.order-client-row .btn{flex-shrink:0}.order-row,.order-table-header{display:grid;grid-template-columns:minmax(0,1fr) 115px 100px 85px 34px;grid-gap:8px;gap:8px}.order-table-header{padding:0 2px 7px;color:var(--text-secondary);font-size:12px;font-weight:600}.order-row,.order-table-header{border-bottom:1px solid var(--border)}.order-row{align-items:start;padding:10px 0}.order-row:last-of-type{border-bottom:none}.order-amount-input,.order-qty-input{width:100%;height:40px;padding:0 10px;text-align:right;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.order-amount-input::placeholder,.order-qty-input::placeholder{color:var(--text-muted);font-size:14px}.order-amount-input:focus,.order-qty-input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.order-amount-input:disabled,.order-qty-input:disabled{background:var(--surface-2);color:var(--text-secondary);cursor:not-allowed;opacity:1}.order-remove-row{width:32px;height:40px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.order-remove-row:hover{background:var(--surface-3);color:var(--text)}@media(max-width:768px){.order-row,.order-table-header{grid-template-columns:minmax(0,1fr) 72px 68px 66px 28px;gap:5px}.order-table-header{font-size:10px}.order-amount-input,.order-qty-input{padding:0 5px}}.order-add-row{width:100%;margin-top:12px;padding:7px 20px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);border:1px dashed var(--brand-300);border-radius:var(--radius-sm);color:var(--brand-500);cursor:pointer}.order-add-row:hover{background:var(--brand-50)}.order-cancel{width:60%;margin-top:12px;padding:7px 20px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer}.order-cancel:hover{border-color:var(--danger);background:#b91c1c}.order-cancel.is-new-order{background:var(--success);border-color:var(--success)}.order-cancel.is-new-order:hover{background:var(--success-800);border-color:var(--success-800)}@media screen and (max-width:768px){.order-cancel{width:100%}}.order-summary-card .card-body{display:flex;flex-direction:column}.order-summary-line{padding:7px 0;font-size:14px;color:var(--text-secondary)}.order-summary-line,.order-summary-total{display:flex;justify-content:space-between}.order-summary-total{padding:13px 0 0;margin-top:4px;border-top:1px solid var(--border);font-size:18px;font-weight:650}.order-summary-note{margin:16px 0 0;color:var(--text-muted);font-size:13px;line-height:1.4}.order-save-btn{margin-top:15px;justify-content:space-between}.order-save-btn span{display:inline-flex;align-items:center;gap:7px}.order-save-shortcut{font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.date-shift-container{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding-right:10px;border-right:1px solid var(--border);white-space:nowrap}.date-shift-container .date-input{border:none;max-width:150px;text-align:center;background:transparent;color:var(--text);font-size:inherit;font-weight:inherit;cursor:pointer}.date-shift-container .date-input:focus{outline:none}.daybook-toolbar{flex-wrap:wrap;gap:10px;padding:10px 14px;margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.daybook-date,.daybook-toolbar{display:flex;align-items:center}.daybook-date{gap:8px;font-size:14px;font-weight:500;padding-right:10px;border-right:1px solid var(--border);white-space:nowrap}.toolbar-select{height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.toolbar-select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.daybook-status{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--text-muted)}.daybook-status[data-status=pending]{color:var(--danger)}.daybook-status[data-status=finalized]{color:var(--success)}.daybook-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.balances-toolbar{justify-content:space-between;gap:12px;margin-bottom:18px}.balances-toolbar,.balances-toolbar-group{display:flex;align-items:center;flex-wrap:wrap}.balances-toolbar-group{gap:10px}.balances-toolbar-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.balances-row,.balances-row-header{display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr) 34px;grid-gap:12px;gap:12px}@media(max-width:768px){.balances-row,.balances-row-header{grid-template-columns:1fr}}.balances-row-header{padding:0 2px 7px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media(max-width:768px){.balances-row-header{display:none}}.balances-row{align-items:start;padding:10px 0;border-bottom:1px solid var(--border)}.balances-row:last-of-type{border-bottom:none}.balances-readonly{height:40px;padding:0 12px;display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary)}.balances-add-row{padding:7px 18px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px dashed var(--brand-300);border-radius:var(--radius-sm);color:var(--brand-500);cursor:pointer}.balances-add-row:hover{background:var(--brand-50)}.balances-remove-row{width:32px;height:40px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.balances-remove-row:hover{background:var(--surface-3);color:var(--text)}.balances-save-btn{justify-content:space-between}.balances-save-btn span{gap:7px}.balances-save-btn span,.entry-type{display:inline-flex;align-items:center}.entry-type{gap:6px;font-size:14px;color:var(--text)}.entry-type-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.entry-type-dot[data-type=payment]{color:var(--success)}.entry-type-dot[data-type=goods_return]{color:var(--danger)}.entry-type-dot[data-type=adjustment]{color:var(--brand-500)}.balances-review-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 4px 4px;margin-top:4px;border-top:1px solid var(--border);font-size:14px;font-weight:600}.balances-outstanding-change{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.balances-outstanding-before{color:var(--text-muted);text-decoration:line-through}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.client-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}@media(max-width:1024px){.client-detail-info{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.client-detail-info dt{font-size:12px;color:var(--text-muted);margin-bottom:4px}.client-detail-info dd{font-size:16px;font-weight:600;color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}