@charset "UTF-8";form{padding:var(--space-48);border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-32)}*:focus{outline:none}div{display:flex;flex-direction:column;justify-content:center}a{text-decoration:none}button{font-size:large;padding:var(--space-8) var(--space-12);color:var(--clr-text-3b);border:1px solid var(--color-glass-1);border-radius:8px;background-color:var(--clr-table-1);transition:background-color .3s;cursor:pointer}button img{width:35px}input{color:var(--clr-text-3b);font-size:22px;letter-spacing:2px;border-radius:8px;padding:var(--space-12) var(--space-24);border:1px solid var(--color-glass-1);background-color:var(--color-glass-1)}input ::placeholder{color:var(--clr-text-muted)!important}input:focus{outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#999;border-radius:8px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}*{margin:0;font-family:Roboto,sans-serif;font-size:16px}h2{font-size:26px;color:var(--clr-text-0)}h3{color:var(--clr-font-1);font-size:26px;font-weight:600;letter-spacing:.5px}h4{color:var(--clr-text-muted)}h6{font-size:12px;color:var(--clr-text-muted)}p{font-size:18px;font-weight:400}html,body{width:100%;height:100%;margin:0;padding:0}div{font-size:16px;font-weight:400}*{color:var(--clr-text-0)}:root{--color-main-2: #e2d5f1;--color-main-1: #b4c4f6;--color-main: #596eb1;--color-main-1b: #3a2f70;--color-main-2b: #1b0f22}.light-theme{--clr-table-1: #d3dbf4;--clr-table-1b: #c7cfe9;--clr-table-2b: #bcc2df;--clr-accent-4: #FA7301;--clr-accent-3: #2eb9ff;--clr-accent-2: #426cdf;--clr-accent-1: #551fbf;--clr-active: #426cdf;--clr-mark-6: #aee4ee;--clr-mark-34: #FA7301;--clr-mark-33: #FF8840;--clr-mark-32: #FFBB63;--clr-mark-31: #FFDB99;--clr-mark-3: #ffefd2;--clr-mark-3b: #fff7e8;--clr-mark-5: #aee4ee;--clr-mark-51b:#5ea7c9;--clr-mark-41: #fbe6fc;--clr-mark-4: #f2c8f3;--clr-mark-41b: rgb(198, 138, 201);--clr-mark-21: #e6e2f0;--clr-mark-2: #8b88ae;--clr-mark-1: #abb0cf;--clr-mark-1: #becef2;--clr-text-2: #444163;--clr-text-1: #292642;--clr-text-0: #312f41;--clr-text: #312f41;--clr-text-2b: #1b0f22;--clr-text-3b: #1b0f22;--clr-text-muted: #888bae;--clr-main-31: #999ebe;--color-alt-1: #615d96;--color-alt: #3a2d57;--clr-main-5: #f8faff;--clr-main-4: #eef3ff;--clr-main-3: #dee7ff;--clr-main-2: #becef2;--clr-main-12: #dee7ff;--clr-main-11: #e8edfe;--clr-main-11: #e7edff;--clr-main-1: #cdd5ef;--clr-main-2b: #a2a4c6;--clr-main-3b: #77799e;--clr-main-4b: #4f5072;--clr-main-5b: #292642;--clr-glass-4: #eef3ff24;--clr-glass-4: #eef3ff62;--clr-glass-1: #cdd5ef5e;--color-main-3: #f5f7fa;--color-main-2: #eef1f5;--color-main-1: #e7ebf0;--color-glass-3: #f5f7fac4;--color-glass-2: #eef1f58a;--color-glass-1: #f5f7fa28;--color-glass: #f5f7fa33;--color-glass-1b: #22222218;--color-glass-1b: #11182727;--color-glass-2b: #2222223d;--color-glass-2b: #11182760;--color-glass-3b: #11182781;--color-main: #acacac;--color-main-1b: #494949;--color-main-2b: #222222;--color-main-3b: #111827;--color-main-4b: #1b0f22;--gradient-mark-3: linear-gradient(135deg, var(--clr-mark-32) 10%, var(--clr-mark-33) 90%);--gradient-main-1: linear-gradient(-90deg, var(--clr-main-1) 0%, var(--clr-main-2) 160%);--gradient-accent: linear-gradient(45deg, var(--clr-glass-4) 0%, var(--clr-main-3) 80%);--gradient-main: linear-gradient(90deg, var(--clr-main-4) 0%, var(--clr-main-3) 80%);--gradient-glass-4: linear-gradient(0deg, var(--clr-main-4) 0%, var(--clr-glass-4) 160%);--gradient-glass: linear-gradient(135deg, var(--clr-main-4) 0%, var(--color-glass-1) 100%);--gradient-glass-1: linear-gradient(135deg, var(--color-glass-2) 0%, var(--color-glass-1) 100%);--gradient-glass-2: linear-gradient(135deg, var(--color-glass-2) 0%, var(--color-glass-1) 100%)}*{margin:0;box-sizing:border-box}:root{--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-18: 18px;--space-24: 24px;--space-32: 32px;--space-48: 48px}@media(max-width:399px){:root{--space-4: 2px;--space-8: 4px;--space-12: 8px;--space-18: 12px;--space-24: 12px;--space-32: 16px;--space-48: 24px}}html,body{height:100%;overflow-x:hidden;font-family:Montserrat,sans-serif;margin:0;background:linear-gradient(135deg,#f5f7fa,#eef1f5 40%,#e7ebf0)}@keyframes fadeSlide{0%{opacity:0}10%{opacity:1}70%{opacity:1}80%{opacity:0}to{opacity:0}}.container{position:relative;background-image:url(/assets/office-roof-winter-BeXrUUjj.jpg);background-size:cover;background-position:top right;background-position:70% 0%;background-repeat:no-repeat;margin:0 auto;height:100%;width:100%;min-height:100vh;max-height:100vh;min-height:100dvh;display:flex;flex-direction:column;z-index:1}.container:before,.container:after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity 2s ease;z-index:-2}.container:before{background-image:url(/assets/office-entrance-winter-C31L0lb0.jpg);opacity:1}.container:after{opacity:0}.container.fade-new:after{background-image:url(/assets/office-roof-winter-BeXrUUjj.jpg);opacity:1;z-index:-1}.main{height:100%;width:100%;display:flex;flex-direction:row;justify-content:flex-start;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.panels-container{display:flex;height:100%;width:100%;flex-direction:row;justify-content:flex-start;padding:var(--space-24);gap:var(--space-24);flex:1 1 auto;min-width:0}@media(max-width:768px){.panels-container{padding:8px 0 0}}header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-12) var(--space-32);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:var(--color-glass-3);background:var(--gradient-glass)}header img{max-width:160px;width:100%}header p{color:var(--clr-text-0)}.google-auth{font-size:medium;border-radius:24px;padding-right:var(--space-12);display:flex;flex-direction:row;align-items:center;gap:8px;background-color:var(--color-glass-2);background-color:var(--clr-main-4);cursor:pointer}@media(max-width:768px){.google-auth{padding-right:0}}@media(max-width:768px){.google-auth p{display:none}}.google-auth img{width:32px;border-radius:24px}.burger-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer}@media(max-width:768px){.burger-btn{display:block}}footer{color:var(--color-main-3);font-weight:400;font-size:medium;margin-top:auto;width:100%;display:flex;flex-direction:row;padding:var(--space-8) var(--space-32);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:var(--color-glass-3b)}.login-container{width:100%;min-height:75vh;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background-color:var(--color-glass-1);background:var(--gradient-glass-1)}.login-row{font-size:22px;font-weight:500;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-12)}.login-inputs-wrap{display:flex;flex-direction:column;gap:var(--space-12)}.login-row input{background-color:var(--color-glass)}.login-google-wrap{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);border-top:2px solid var(--color-glass-2);padding-top:var(--space-12)}.login-google-wrap a{color:#fff;display:flex;justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-24);border-radius:8px;text-decoration:none;background-color:#4285f4}.login-google-wrap img{width:30px}.panel{max-width:calc(50% - 12px);width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 0;overflow:hidden;background:var(--gradient-glass);border-radius:12px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.panel-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-24);border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:2px solid var(--clr-main-1)}.panel-head svg{fill:var(--clr-main-1);height:24px;width:24px;cursor:pointer}.panel-head svg:hover{fill:var(--clr-active)}.panel-head svg.active{fill:var(--clr-active)}.panel-head-left{display:flex;flex-direction:row;align-items:center;gap:4px}.panel-head-btn{text-align:center;border-radius:22px;padding:var(--space-8) var(--space-12);color:var(--clr-text-3b);border:2px solid var(--clr-main-1);cursor:pointer;transition:all .3s}.panel-head-btn:hover{border:2px solid var(--clr-active);cursor:pointer}.panel-head-right{display:flex;flex-direction:row}.panel-settings{padding:var(--space-12) var(--space-24);background:var(--gradient-glass-1)}.panel-main{padding:var(--space-12) var(--space-24);display:flex;flex-direction:column;gap:var(--space-12);align-items:flex-start;justify-content:flex-start;height:100%;overflow:hidden}.panel-tabs{display:flex;flex-direction:row;justify-content:start;gap:var(--space-12)}.panel-tabs .active{color:var(--clr-accent-2)}.panel-tab{color:var(--clr-text-muted);text-decoration:none}.pagination{width:100%;display:flex;justify-content:center;flex-direction:row;align-items:center;gap:var(--space-12)}.pagination span{color:var(--clr-text-3b);white-space:nowrap}.pagination button{font-size:16px;color:var(--clr-text-3b);width:100%;background:var(--clr-glass-4)}.pagination button:hover{background:var(--clr-main-4)}.panel-search-menu{display:flex;flex-direction:row}.panel-sort-btn{cursor:pointer}.panel-search-menu{display:flex;flex-direction:row;font-size:16px;padding:var(--space-4) var(--space-4);border-radius:25px;border:2px solid var(--clr-main-1)}.panel-search-menu:hover{border:2px solid var(--clr-active)}.order-search-input{max-width:140px;font-size:16px;padding:0 var(--space-18);border-radius:25px;letter-spacing:0;background:none;border:none}.order-search-input::placeholder{font-size:14px;letter-spacing:0;color:var(--clr-text-muted)}.order-search-btn{color:var(--clr-text);font-size:16px;background:var(--clr-main-1);padding:var(--space-4) var(--space-12);border-radius:25px}.order-search-btn:hover{color:var(--clr-main-5);background:var(--clr-active);border-radius:25px}.sidebar{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-12);width:220px;flex-shrink:0;background:var(--gradient-glass-1b);padding:var(--space-24) var(--space-32)}.sidebar .active{background-color:#292642!important}.sidebar.collapsed{width:auto;padding:var(--space-24) var(--space-12)}.sidebar-header{display:flex;flex-direction:row;align-items:end;justify-content:end;padding-bottom:24px;border-bottom:2px solid var(--clr-main-3);margin-bottom:24px}.sidebar.collapsed .label{opacity:0;width:0;overflow:hidden}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-btn{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:8px;font-size:18px;color:#dee7ff;text-decoration:none;border-radius:22px;padding:var(--space-8) var(--space-12);background-color:var(--color-glass-1);background-color:var(--clr-main-5);background-color:#77799e;background-color:var(--clr-main-3b);transition:background-color .3s}.sidebar-btn .label{color:#dee7ff}.sidebar-btn svg{height:35px;width:35px;flex-shrink:0;fill:var(--clr-main-5)}.sidebar-btn:hover{color:#dee7ff;background-color:#312f41;background-color:#292642;background-color:var(--clr-main-5b)}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;width:220px;max-width:85vw;height:100vh;height:100dvh;transform:translate(-100%);transition:transform .3s ease;z-index:1001}.sidebar.mobile-open{transform:translate(0)}}.sidebar-backdrop{position:fixed;inset:0;background:#2721291a;z-index:1000}.sidebar-toggle{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:4px;background:none;background-color:none;border:none;cursor:pointer}.sidebar-toggle:hover{background:none;border:none}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex}}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.list{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;gap:var(--space-4);height:100%;min-height:0;width:calc(100% + 18px);overflow-y:auto;overflow-x:hidden;box-sizing:content-box!important;scrollbar-gutter:stable;margin-right:-18px}.list-header{width:100%;display:grid;text-align:center;grid-template-columns:90px 2px 70px 2px 1fr 2px 1fr;gap:8px;padding:var(--space-8) var(--space-12);background:var(--clr-main-2);border-radius:12px;transition:all .3s}.list-item{align-items:center;display:flex;text-align:center;gap:12px;padding:var(--space-8) var(--space-12);background:var(--clr-main-4);border-radius:12px;cursor:pointer;transition:all .3s}.list-item .list-text{min-width:0;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--clr-text-3b)}.list-item div{color:var(--clr-text-3b)}.list-item:active{background:var(--clr-accent-2)!important}.list-item.active div{color:var(--clr-main-4)}.list-item.active{color:var(--clr-main-4);background:var(--clr-accent-2)!important}.list-item-separator{background-color:var(--clr-main-1);width:2px;height:100%}.list-item:hover{background:var(--color-main-3)}.product-layout{display:flex;flex-direction:row;height:100%;justify-content:space-between;flex:1 1 auto;min-height:0;width:100%;gap:12px}.product-main,.variant-panel{display:flex;flex:1 1 auto;min-height:0;height:100%;max-width:calc(50% - 12px);width:100%}.add-product-container{height:100%}.add-prod-btn{margin-top:auto}.add-product-form{flex:1 1 auto;min-height:0;height:100%;width:100%;padding:var(--space-12) var(--space-24);background:var(--clr-main-5);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--space-24)}.add-product-form input{color:var(--clr-text-2);background:var(--clr-main-3)}.add-product-form .input-section{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-8);padding:var(--space-12) var(--space-18);border:2px solid var(--clr-main-2);border-radius:12px}.add-product-form .input-section input{border-left:2px solid var(--clr-main-2);border-right:2px solid var(--clr-main-2);padding-left:var(--space-12)}.add-product-form .input-section .input-metric-wrap{display:flex;flex-direction:row;justify-content:flex-start}.add-product-form .input-section .input-metric-wrap .input-metric-name{width:100%;max-width:100px;display:flex;padding:var(--space-8) var(--space-18);background:var(--clr-main-3);border-top-left-radius:12px;border-bottom-left-radius:12px}.add-product-form .input-section .input-metric-wrap .input-metric{display:flex;max-width:70px;text-align:center;padding:var(--space-8) var(--space-18);background:var(--clr-main-3);border-top-right-radius:12px;border-bottom-right-radius:12px}.add-product-form .input-section .input-metric-wrap input{width:100%;text-align:center;border-radius:0;padding:0}.add-product-form .size-section{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--space-8);padding:var(--space-12) var(--space-18);border:2px solid var(--clr-main-2);border-radius:12px}.add-product-form .size-section .size-input-wrap{display:flex;flex-direction:column}.add-product-form .toggle-section,.add-product-form .text-section{display:flex;width:100%;flex-direction:column;justify-content:flex-start;gap:var(--space-8);padding:var(--space-12) var(--space-18);border:2px solid var(--clr-main-2);border-radius:12px}.add-product-form .toggle-section div,.add-product-form .text-section div,.add-product-form .toggle-section label,.add-product-form .text-section label{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--space-8)}.add-product-form .text-section input{display:flex;width:100%}.add-product-form .form-section{width:100%;gap:var(--space-12)}.add-product-form .form-row-section{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;gap:var(--space-12)}.add-product-form .span-1{grid-column:span 1}.add-product-form .span-2{grid-column:span 2}.add-product-form .span-3{grid-column:span 3}.add-product-form .span-4{grid-column:span 4}.add-product-header{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-12);width:100%}.variant-wrap{display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-12) var(--space-18);border-radius:12px;gap:var(--space-24);background:var(--clr-main-4)}.image-section{width:100%}.image-preview-grid{display:flex;flex-direction:column;width:100%;gap:4px}.image-preview-item.selected{outline:2px solid #4da3ff;background:#4da3ff14}.image-preview-item{width:100%;display:flex;flex-direction:row;border-radius:12px;gap:8px;padding:var(--space-4);background:var(--clr-main-4)}.image-preview-item textarea{width:100%;height:4.6em;height:100%;resize:none;padding:var(--space-4);border:2px solid var(--clr-main-2);border-radius:8px}.image-preview-item .image-preview-item-head{display:flex;flex-direction:column}.image-preview-item img{height:4.6em;width:100px}.image-preview-item input{width:100%}.variant-list-item{padding:var(--space-8) var(--space-18);border:2px solid var(--clr-main-3);border-radius:12px;cursor:pointer}.variant-list-item:hover{background:var(--clr-main-4)}.list{display:flex;flex-direction:column;justify-content:start;align-items:flex-start;gap:var(--space-4);height:100%;width:calc(100% + 18px);overflow-y:auto;overflow-x:hidden;box-sizing:content-box!important;scrollbar-gutter:stable;margin-right:-18px}.item-list__content{width:100%!important;display:flex;flex-direction:column;gap:var(--space-4);padding-right:var(--space-8)}.list-header{width:100%;display:grid;text-align:center;grid-template-columns:90px 2px 70px 2px 1fr 2px 1fr;gap:8px;padding:var(--space-8);background:var(--clr-main-2);border-radius:12px;transition:all .3s}.list-header .list-item-separator{box-sizing:content-box!important;background:var(--clr-main-3)}.list-header div{color:var(--clr-text-3b)}.list-item2{display:grid;text-align:center;grid-template-columns:90px 2px 70px 2px 1fr 2px 1fr;gap:8px;padding:var(--space-8);background:var(--clr-main-4);border-radius:12px;cursor:pointer;transition:all .3s}.list-item2 div{color:var(--clr-text-3b)}.list-item2:hover{background:var(--color-main-3)}.list-item2.active div{color:var(--clr-main-4)!important}.list-item2.active{background:var(--clr-accent-2)!important}.list-item-separator{background-color:var(--clr-main-1)}@keyframes loading-bar{0%{background-position:200% 0}to{background-position:-200% 0}}.norm-header{width:100%;display:flex;flex-direction:row;gap:var(--space-12) var(--space-48);flex-wrap:wrap;justify-content:space-between;display:grid;grid-template-columns:1fr 1fr;padding:var(--space-12)}.order-header{width:100%;flex-direction:row;gap:var(--space-36);flex-wrap:wrap;justify-content:space-between;display:flex;grid-template-columns:1fr 1fr;padding:var(--space-12)}.norm-header div{color:var(--clr-text-3b);display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-4)}.norm-header div b{color:var(--clr-text-3b)}.list::-webkit-scrollbar{width:12px}.list::-webkit-scrollbar-track{background:transparent}.list::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:8px}.list::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.norm-list-item{display:grid;grid-template-columns:.3fr 1fr 2px .7fr;width:100%;background:var(--clr-main-4);border-radius:12px;cursor:pointer;transition:background .3s;overflow:hidden}.norm-list-item div{color:var(--clr-text-3b);font-size:14px;line-height:1.4}.norm-list-item div b{color:var(--clr-text-2);font-weight:600;margin-right:4px}.norm-list-item .list-item-separator{width:2px}.norm-list-item:hover{background:var(--color-main-3)}.norm-list-item-mark{text-align:center;height:100%;padding:var(--space-8) var(--space-18)}.norm-list-item-params{padding:var(--space-8) var(--space-18);display:flex;flex-direction:column;gap:var(--space-12)}.norm-list-item-params div{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-8)}.norm-list-item-params-wrap{display:flex;justify-content:left;flex-direction:row;padding:var(--space-8) var(--space-18);gap:var(--space-24);width:100%}.norm-list-item-params-wrap div,.norm-list-item-params-wrap div div{display:flex;flex-direction:column;justify-content:left}.mark-3{background:var(--clr-mark-3)}.mark-3 .list-item-separator{background:var(--clr-mark-32)}.mark-3:hover{background:var(--clr-mark-3b)}.mark-material{color:var(--clr-mark-41b)!important;background:var(--clr-mark-4)}.mark-material:hover{color:var(--clr-main-4)!important;background:var(--clr-mark-41b)}.mark-product{color:var(--clr-mark-32)!important;background:var(--clr-mark-3);transition:all .3s}.mark-product:hover{color:var(--clr-main-4)!important;background:var(--clr-mark-32)}.mark-operation{color:var(--clr-mark-51b)!important;background:var(--clr-mark-5)}.mark-operation:hover{color:var(--clr-main-4)!important;background:var(--clr-mark-51b)}.mark-file{color:var(--clr-text-muted)!important;background:var(--clr-mark-21)}.mark-file:hover{color:var(--clr-main-4)!important;background:var(--clr-mark-1)}.norm-list-item:hover .mark-product{color:var(--clr-main-4)!important;background:var(--clr-mark-32)}.norm-list-item:hover .mark-operation{color:var(--clr-main-4)!important;background:var(--clr-mark-51b)}.norm-list-item:hover .mark-material{color:var(--clr-main-4)!important;background:var(--clr-mark-41b)}.norm-list-item:hover .mark-file{color:var(--clr-main-4)!important;background:var(--clr-text-muted)}.spinner-wrapper{display:flex;align-items:left;justify-content:start;width:100%;height:100%}.spinner{width:64px;height:64px;border-radius:50%;border:4px solid rgba(255,255,255,.596);border-top-color:#7c7cff;animation:spin 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}35%{transform:rotate(220deg)}50%{transform:rotate(240deg)}to{transform:rotate(360deg)}}.image-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.image-overlay img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}.image-close{position:absolute;top:12px;right:12px;font-size:28px;background:none;border:none;color:#fff;cursor:pointer}.image-viewer-body{display:flex;justify-content:center;align-items:center;height:100%}.pdf-frame{width:100vw;height:100vh;border:none}.image-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999}.transport-layout{display:flex;flex-direction:row;justify-content:flex-start;height:100%;width:100%;gap:12px}@media(max-width:768px){.transport-layout{flex-direction:column;gap:8px}.transport-layout .transport-sidebar{width:100%;min-width:unset;max-height:200px;overflow-y:auto}.transport-layout .transport-content{width:100%;flex:unset;height:calc(100% - 200px)}}.transport-layout .transport-sidebar{width:300px;min-width:300px;display:flex;flex-direction:column;gap:var(--space-24)}.transport-layout .remove-row-btn{transition:all .3s;background:var(--clr-main-1)}.transport-layout .remove-row-btn:hover{background:var(--clr-mark-4);background:var(--clr-active);color:var(--clr-mark-41b);color:var(--clr-main-5)}.transport-layout .remove-row-btn:active{color:var(--clr-active)}.transport-layout .transport-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:auto;flex:1 1 auto;min-width:0;background-color:#fff;border-radius:12px;background:var(--gradient-glass);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden}.transport-layout .transport-content::-webkit-scrollbar{width:8px;height:8px}.transport-layout .transport-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.transport-layout .transport-content::-webkit-scrollbar-track{background-color:transparent}.car-details-panel{height:100%;width:100%;min-width:0}.car-details-head{border-bottom:2px}.car-details-title{padding:var(--space-12) var(--space-24);display:flex;flex-direction:row;gap:var(--space-12);justify-content:start;align-items:center;border-bottom:2px solid var(--clr-main-1)}.car-name-input{font-size:26px;font-weight:700;width:100%;max-width:60px;padding:var(--space-4);border-bottom:2px solid var(--clr-main-1);text-align:center;background:var(--clr-table-1);border-radius:12px;color:var(--clr-text-0)}.cars-panel{width:100%}.pallet-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;width:max-content}.pallet-table .cell-input{font-size:18px;color:var(--clr-text-0);text-align:center;height:100%;background:var(--clr-main-4)}.pallet-table .cell-input:active{background:var(--clr-main-3)}.pallet-table .cell-input:focus{background:var(--clr-main-5)}.pallet-table .cell-input:hover{background:var(--clr-main-5)}.pallet-table td{min-height:0;height:50px}.pallet-table .cell-td{position:relative}.pallet-table .unit-id-badge{position:absolute;top:0;left:0;right:0;height:10px;font-size:8px;line-height:10px;text-align:center;color:var(--clr-text-2, #aaa);background:color-mix(in srgb,var(--clr-active, #5b9dff) 25%,transparent);overflow:hidden;pointer-events:none;z-index:1}.pallet-table .unit-id-badge--empty{background:#80808026}.pallet-table .unit-reserved-badge{position:absolute;top:0;right:0;height:10px;font-size:8px;line-height:10px;padding:0 2px;color:var(--clr-accent-4, #f44);background:color-mix(in srgb,var(--clr-accent-4, #f44) 18%,transparent);pointer-events:none;z-index:2}.pallet-table tr{height:60px}.pallet-table th{position:sticky;top:0;background:var(--clr-main-3);z-index:4}.sticky-col{position:sticky!important;left:0;z-index:3;min-width:260px;max-width:260px}.column-sticky{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding-bottom:18px;border-top-left-radius:12px;flex:0 0 260px;overflow-y:hidden;overflow-x:hidden}.column-sticky .order-separator{display:flex;flex-direction:column;justify-content:center}.column-sticky .table-order-header{padding:0 var(--space-8);padding-left:var(--space-12);display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center}.column-sticky .order-controls{display:flex;flex-direction:row;gap:2px}.column-sticky .order-controls div{cursor:pointer;background-color:var(--clr-main-1);background-color:var(--clr-main-4);padding:var(--space-8) var(--space-8);border-radius:8px}.column-sticky .order-controls div:hover{background-color:var(--clr-active);color:var(--clr-main-5)}.pallet-table-1col{height:50px;width:300px;text-align:center;vertical-align:middle}.table-wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:var(--space-12) var(--space-24);flex:1 1 auto;min-height:0;padding-bottom:0}.table-wrapper{display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-width:0;height:100%;box-sizing:border-box!important;overflow-y:auto;margin-right:-12px}.table-wrapper span{height:100%}.order-search-panel{background:var(--clr-main-1);background:var(--clr-main-2);background:var(--clr-table-2b);width:260px;padding:var(--space-12) var(--space-24);z-index:5;display:flex;justify-content:flex-start;width:100%}.order-search-panel .search-box{display:flex;flex-direction:row;justify-content:flex-start}.order-search-panel label{display:flex;flex-direction:row;cursor:pointer;padding:var(--space-4) var(--space-12);gap:var(--space-4)}.order-search-panel .item-row{display:flex;flex-direction:column}.order-search-panel .item-row input{width:18px}.order-search-panel-content{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;flex:1 1 auto;height:100%;min-height:0;width:100%}.order-search-panel-content .order-info{display:flex}.order-search-panel-content .order-info div{display:flex;flex-direction:row;justify-content:flex-start;gap:var(--space-12)}.order-search-panel-content .order-preview{display:flex;background:var(--clr-main-1);height:100%;flex:1 1 auto;border-radius:12px;padding:var(--space-18) var(--space-24);justify-content:flex-start;gap:var(--space-12)}.header-cell{box-sizing:content-box;height:100%;min-width:0;height:50px;width:50px}.cell-content{color:var(--clr-text-1);font-weight:700;font-size:18px;display:flex;width:100%;height:100%;vertical-align:middle;background:var(--clr-main-1);transition:all .4s;-webkit-user-select:none;user-select:none;cursor:pointer}.cell-content.active{background:var(--clr-main-5)}th.selected .cell-content{box-shadow:inset 0 -2px 0 var(--clr-active);background-color:#0096ff33}.cell-input{width:50px;padding:4px;letter-spacing:0;border-radius:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.row-active .prod-content{background:var(--clr-main-5);box-shadow:inset -2px 0 0 var(--clr-active)}.prod-content{height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;min-width:0;gap:var(--space-12);padding:var(--space-4);background:var(--clr-main-4);border-top-left-radius:6px;border-bottom-left-radius:6px}.prod-content .mini-bars-wrap{height:100%;display:flex;flex-direction:row;width:60px!important;min-width:48px;align-items:flex-start;justify-content:flex-end}.prod-content .mini-bar{height:100%;min-width:24px;width:auto;max-width:24px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}.prod-content .mini-bar .tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:pointer}.prod-content .mini-bar .tooltip-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#222;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;transition:opacity .15s ease;z-index:1000}.prod-content .mini-bar .tooltip-wrapper:hover:after{opacity:1}.prod-content .mini-bar img{width:24px}.prod-content .mini-bar svg{fill:var(--clr-main-1);height:24px;width:24px;cursor:pointer}.prod-content .mini-bar svg.active{fill:var(--clr-active)}.prod-content div{width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-content .prod-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;line-height:1.2em;max-height:2.4em;word-break:break-word;cursor:pointer;transition:all .2s}.prod-content .prod-name:hover{color:var(--clr-active)}.add-prod-btn{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.add-prod-cell{display:flex;flex-direction:row;gap:12px;padding:var(--space-12) var(--space-24)}.add-prod-btn-panel{background:var(--clr-table-2b)}.manual-name-input{width:100%;letter-spacing:0;padding:var(--space-4) var(--space-8);font-size:18px;background:var(--clr-table-1);color:var(--clr-text)}.manual-name-input::placeholder{color:var(--clr-text-muted)}.list-item{width:100%}.list-item-wrap{position:relative;display:flex;align-items:center}.list-item-wrap .delete-car-btn{position:absolute;left:8px;z-index:10;width:20px;height:20px;padding:0;border:none;background:#f44336;background:var(--clr-main-1);color:#fff;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s;text-align:center}.list-item-wrap .delete-car-btn:hover{background:#f44336}.list-item-wrap:hover .delete-car-btn{opacity:1}.list-item-wrap .list-item{flex:1;padding-left:36px}.order-loader-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.car-details-panel{position:relative}.tooltip-content{position:fixed;background:#000000d9;color:#fff;font-size:14px;padding:12px 18px;border-radius:4px;white-space:nowrap;pointer-events:none;transition:opacity .15s}.tooltip-content:after{content:"";position:absolute;width:0;height:0;left:50%;transform:translate(-50%);bottom:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.85)}.top-loader{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--clr-accent-2),var(--clr-accent-3),transparent);background-size:200% 100%;animation:loading-bar 1.6s linear infinite;z-index:3}.status-dot-wrap{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;line-height:0;font-size:0}.status-dot{position:absolute;left:5px;top:10px;width:4px;height:4px!important;min-width:6px;min-height:6px;border-radius:50%;background:var(--clr-main-1);box-sizing:border-box;flex-shrink:0}.status-dot[data-status=inStock]{background:#1bb832}.status-dot[data-status=inProduction]{background:#7c3aed}.status-dot[data-status=departedFromProduction]{background:#ff71f1}.status-dot[data-status=inTransitToClient]{background:#1d46d9}.status-dot[data-status=inZink]{background:#33aee8}.status-dot[data-status=__mixed__]{background:#ffa527}.pallet-header{position:relative}.pallet-header:before{content:"";z-index:1010;position:absolute;top:0;left:0;right:0;height:4px;background:var(--dest-color, transparent)}.row-details-panel{background:var(--clr-main-5);border-radius:14px;padding:var(--space-12) var(--space-24);max-width:720px;height:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px var(--color-glass-2b),inset 0 0 0 1px var(--clr-glass-1);color:var(--clr-text)}.row-details-panel .panel-head-btn{align-self:flex-end}.row-details-panel .title{display:flex;flex-direction:row;justify-content:space-between}.row-details-header{margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--clr-table-1b)}.row-details-header .row-title{font-size:20px;font-weight:600;color:var(--clr-text-1);margin-bottom:6px}.row-details-header .row-article{font-size:13px;color:var(--clr-text-muted)}.row-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.detail-item{border-radius:10px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--clr-table-1);display:flex;flex-direction:column;justify-content:flex-start;gap:6px;transition:background .15s ease}.detail-label{font-size:12px;color:var(--clr-text-muted);letter-spacing:.02em}.detail-value{font-size:14px;font-weight:500;color:var(--clr-text-0);word-break:break-all}.detail-item:nth-child(3) .detail-value{color:var(--clr-accent-2)}.detail-item:nth-child(4) .detail-value{color:var(--clr-accent-1);text-transform:capitalize}.row-details-panel[data-active=true]{border-left:4px solid var(--clr-active);padding-left:20px}.images-block{display:flex;flex-direction:column;gap:8px}.images-block .image-preview{border:2px solid var(--clr-main-1);border-radius:8px;cursor:pointer;transition:all .3s}.images-block .image-preview:hover{border:2px solid var(--clr-active)}.zink-toggle__label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:var(--space-12) var(--space-18);border-radius:12px}.zink-toggle__label:hover{background:var(--clr-main-4)}.zink-toggle__label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.zink-toggle__label input[type=checkbox]:checked+.slider{background:var(--clr-active)}.zink-toggle__label input[type=checkbox]:checked+.slider:before{transform:translate(20px)}.zink-toggle__label .slider{position:relative;width:44px;height:24px;background:var(--clr-main-1);border-radius:24px;transition:background .2s}.zink-toggle__label .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.zink-toggle .hint{margin-top:8px;padding:8px 12px;background:#fff3cd;border-left:3px solid #ffc107;font-size:13px;color:#856404}.zink-number{padding:4px 0;border-top:1px solid var(--clr-main-1)}.zink-number__label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;font-size:14px;padding:var(--space-8) var(--space-18);border-radius:12px}.zink-number__label:hover{background:var(--clr-main-4)}.zink-number__label input[type=number]{color:var(--clr-text);padding:8px;border:1.2px solid var(--clr-main-1);border-radius:4px;font-size:16px;width:60px;transition:border-color .2s;text-align:center;letter-spacing:.5px;background-color:var(--clr-main-5)}.zink-number__label input[type=number]:focus{outline:none;border-color:var(--clr-active)}.zink-number__label input[type=number]::-webkit-inner-spin-button,.zink-number__label input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.load-info-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.load-info-table thead th{padding:4px 16px;text-align:left;font-weight:500;color:var(--clr-text, #333)}.load-info-table tbody tr{border-bottom:1px solid var(--clr-main-1);transition:background .15s}.load-info-table tbody tr:hover{background:var(--clr-main-4)}.load-info-table tbody tr:last-child{border-bottom:none}.load-info-table tbody td{padding:4px 16px}.comment-field{margin:16px 0}.comment-field__label{display:flex;flex-direction:column;gap:6px;font-size:14px}.comment-field__label textarea{width:100%;min-height:72px;padding:10px 12px;border:1px solid var(--clr-main-1);border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.comment-field__label textarea:focus{outline:none;border-color:var(--clr-active)}.comment-field__label textarea::placeholder{color:#999}.pallet-details-panel{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.pallet-details-panel h2{font-size:18px;font-weight:600;color:var(--clr-text-0);line-height:1.3;margin:0}.pallet-details-panel p{font-size:13px;color:var(--clr-text-muted);line-height:1.5;word-break:break-word;margin:0}.pallet-details-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--clr-text-muted);letter-spacing:.3px;text-transform:uppercase;width:100%;box-sizing:border-box}.pallet-details-panel label input[type=text],.pallet-details-panel label input[type=number],.pallet-details-panel label select,.pallet-details-panel label textarea{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:8px;border:1.5px solid var(--clr-main-1);background:var(--clr-main-5);color:var(--clr-text-0);font-size:14px;font-family:inherit;font-weight:400;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none}.pallet-details-panel label input[type=text]::placeholder,.pallet-details-panel label input[type=number]::placeholder,.pallet-details-panel label select::placeholder,.pallet-details-panel label textarea::placeholder{color:var(--clr-text-muted);opacity:.7}.pallet-details-panel label input[type=text]:hover,.pallet-details-panel label input[type=number]:hover,.pallet-details-panel label select:hover,.pallet-details-panel label textarea:hover{border-color:var(--clr-main-2b)}.pallet-details-panel label input[type=text]:focus,.pallet-details-panel label input[type=number]:focus,.pallet-details-panel label select:focus,.pallet-details-panel label textarea:focus{border-color:var(--clr-accent-2);background:var(--clr-main-5);box-shadow:0 0 0 3px #426cdf1f}.pallet-details-panel label select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888bae' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.pallet-details-panel label textarea{resize:vertical;min-height:80px;line-height:1.5}.pallet-details-panel label input[type=color]{width:100%;box-sizing:border-box;height:38px;padding:3px 6px;border-radius:8px;border:1.5px solid var(--clr-main-1);background:var(--clr-main-5);cursor:pointer;outline:none;transition:border-color .15s ease}.pallet-details-panel label input[type=color]:hover{border-color:var(--clr-main-2b)}.pallet-details-panel label input[type=color]:focus{border-color:var(--clr-accent-2);box-shadow:0 0 0 3px #426cdf1f}.pallet-details-panel hr{border:none;border-top:1px solid var(--clr-main-1);margin:4px 0}.transport-parent-panel .row-details-panel{min-width:600px;max-width:600px}.pallet-details{display:flex;flex-direction:column;gap:8px}.pallet-details img{max-width:100%;width:100%;height:auto;display:flex}.pallet-details,html,body{width:100%;max-width:100%;overflow-x:hidden}.pallet-units{display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap;gap:12px;width:100%;max-width:100%}.pallet-units .unit-item{width:100%;max-width:360px;background:var(--clr-main-4);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.pallet-units .unit-item img{max-width:340px}.pallet-units .unit-item h6,.pallet-units .unit-item p{padding:2px 8px}.pallet-units .unit-item h4{padding:8px;background:var(--clr-main-5);border-bottom:2px solid var(--clr-main-1)}.unit-comment{padding:var(--space-8) 0;background:var(--clr-mark-3);border-left:2px solid var(--clr-mark-33)}.unit-comment .unit-att-icon{width:45px;height:45px}.unit-item-main{padding:var(--space-4) var(--space-12);margin:var(--space-8) var(--space-12);border-left:2px solid var(--clr-main-2b)}.state-menu{display:flex;gap:8px;padding:var(--space-8)}.state-menu .current-state{border-left:2px solid var(--clr-main-2b);padding-left:var(--space-12);margin-left:var(--space-4);padding:var(--space-12)}.unit-images{display:flex;width:100%;justify-content:center;align-items:center}.btn-row{display:flex;flex-direction:row;gap:var(--space-12);width:100%}.btn-row div,.btn-row button{width:100%}#qr-reader{width:100%!important;max-width:400px;margin:0 auto;border:1px solid silver;border-radius:8px;position:relative;padding:0}#qr-reader video{width:100%!important;border-radius:8px}#qr-reader canvas#qr-canvas{width:100%!important;height:auto!important}#qr-reader #qr-reader__scan_region{padding:8px;position:relative;width:100%;height:auto}#qr-reader #qr-reader__dashboard{width:100%;padding:10px 0;text-align:center}#qr-reader #qr-reader__dashboard_section{display:flex;flex-direction:column;gap:0px!important;padding-top:0 10px!important}#qr-reader #html5-qrcode-select-camera{background:var(--clr-main-1)!important;width:100%;max-width:100%;padding:8px;margin-top:5px;font-size:14px}#qr-reader button.html5-qrcode-element{padding:6px 12px;margin:5px 0;font-size:16px;border-radius:5px;background:var(--clr-accent-4);color:#fff;border:none;cursor:pointer}#qr-reader button.html5-qrcode-element:hover{background:#333}#qr-reader [style*="Powered by"]{display:none!important}#qr-reader{background:var(--clr-main-3);border:2px solid var(--clr-main-1);border:none;border-radius:12px;overflow:hidden}#qr-reader div img{display:none}#qr-reader button{background:var(--clr-main-2)}#qr-reader__dashboard_section{padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}#qr-reader__scan_region{position:relative;width:100%;height:auto}.qr-shaded-region{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:10;pointer-events:none}@media(max-width:768px){#qr-reader__scan_region{width:100%;height:auto}video{width:100%!important;height:auto!important}.qr-shaded-region{width:100%;height:100%}.qr-wrapper{max-width:100%;padding:6px}#qr-reader{min-width:0}}.qr-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:320px;margin:0 auto;border:2px solid var(--clr-main-1);border-radius:12px;transition:.2s}.qr-wrapper select{max-width:240px!important}.qr-wrapper.success{border-color:var(--clr-mark-32)}.qr-button{display:flex;justify-content:center;background-color:var(--clr-accent-4);color:var(--clr-main-5);z-index:10;padding:8px 16px;font-size:16px;cursor:pointer;text-align:center}.qr-wrapper .qr-reader-hidden{display:none}.translate-page{max-width:450px;width:100%;background:var(--clr-main-2b);padding:var(--space-12) var(--space-18);border-radius:12px}.file-picker{width:100%}.file-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;border:2px dashed rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;background:#ffffff05}.file-card:hover{border-color:#4da3ff;border-color:var(--clr-main-3);background:#4da3ff14}.file-card__icon{font-size:32px}.file-card__content{display:flex;flex-direction:column}.file-card__title{font-size:16px;font-weight:600}.file-card__subtitle{font-size:13px;opacity:.7}.ndp-header{margin-bottom:12px}.ndp-article{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text-muted);margin:0 0 3px}.ndp-name{font-size:18px;font-weight:600;color:var(--clr-text-0);margin:0;line-height:1.3}.ndp-totals{display:flex;flex-direction:row;gap:8px;margin-bottom:16px}.ndp-total-chip{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:var(--clr-main-3)}.ndp-total-chip--free{background:color-mix(in srgb,#1bb832 15%,var(--clr-main-3))}.ndp-total-chip--reserved{background:color-mix(in srgb,#ff8c00 15%,var(--clr-main-3))}.ndp-total-label{font-size:13px;color:var(--clr-text-muted)}.ndp-total-value{font-size:22px;font-weight:700;color:var(--clr-text-0);line-height:1}.ndp-section{display:flex;flex-direction:column;width:100%;margin-bottom:14px}.ndp-section--grow{flex:1;min-height:0;margin-bottom:0}.ndp-section--grow .list{flex:1;min-height:0}.ndp-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-muted);margin:0 0 6px}.ndp-status-list{display:flex;flex-direction:column;width:100%;gap:3px}.ndp-comp-name-wrap{display:flex;width:100%;flex-direction:row;align-items:center;gap:12px}.ndp-comp-name-and-kit{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden;justify-content:start}.ndp-status-pill{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;padding:5px 10px;border-radius:7px;background:var(--clr-main-3)}.ndp-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ndp-status-name{font-size:12px;color:var(--clr-text-1);flex:1;min-width:0}.ndp-status-counts{font-size:14px;color:var(--clr-text-0);flex-shrink:0;font-weight:600}.ndp-count-label{font-size:12px;font-weight:400;color:var(--clr-text-muted)}.ndp-count-free{color:#1bb832}.ndp-count-reserved{color:#ff8c00}.ndp-reservation{background:var(--clr-main-5);border-radius:10px;padding:10px 12px;gap:8px}.ndp-reserve-deal-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.ndp-reserve-label{font-size:13px;color:var(--clr-text-muted);flex-shrink:0}.ndp-reserve-rows{display:flex;flex-direction:column;gap:5px}.ndp-reserve-row{display:flex;flex-direction:row;align-items:center;gap:8px}.ndp-reserve-status-name{font-size:14px;color:var(--clr-text-1);flex:1}.ndp-reserve-free{font-size:12px;color:#1bb832;flex-shrink:0}.ndp-reserve-input{background:var(--clr-main-3);border:1px solid var(--clr-main-2);border-radius:6px;color:var(--clr-text-0);font-size:14px;padding:4px 8px;outline:none;width:90px}.ndp-reserve-input--qty{width:64px;text-align:center}.ndp-reserve-input:focus{border-color:var(--clr-active)}.ndp-reserve-btn{margin-top:4px;align-self:flex-start;background:var(--clr-active, #5b9dff);color:#fff;border:none;border-radius:8px;padding:6px 18px;font-size:14px;font-weight:600;cursor:pointer}.ndp-reserve-btn:disabled{opacity:.5;cursor:default}.ndp-reserve-btn:hover:not(:disabled){filter:brightness(1.1)}.ndp-reserve-result{font-size:13px;font-weight:600;margin:0}.ndp-reserve-result--ok{color:#1bb832}.ndp-reserve-result--err{color:var(--clr-accent-4, #e53935)}.ndp-components{display:flex;flex-direction:column;width:100%;gap:6px}.ndp-component{display:flex;flex-direction:column;width:100%;gap:5px;padding:8px 10px;border-radius:8px;background:var(--clr-main-5)}.ndp-component-head{display:flex;align-items:baseline;gap:8px;width:100%}.ndp-component-article{font-size:11px;font-weight:700;color:var(--clr-text-muted);flex-shrink:0;white-space:nowrap}.ndp-component-name{font-size:16px;color:var(--clr-text-1);flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ndp-component-per-kit{font-size:13px;font-weight:700;color:var(--clr-accent-2);flex-shrink:0}.ndp-not-in-stock{font-size:12px;color:var(--clr-text-muted);font-style:italic;padding:2px 4px}.ndp-component-head{cursor:pointer;-webkit-user-select:none;user-select:none}.ndp-expand-toggle{font-size:22px;color:var(--clr-text-muted);flex-shrink:0;margin-left:auto}.ndp-units-list{display:flex;flex-direction:column;gap:3px;margin-top:4px;padding-top:6px;border-top:1px solid var(--clr-main-2)}.ndp-unit-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px;border-radius:6px;background:var(--clr-main-4)}.ndp-unit-id{font-size:11px;font-weight:700;color:var(--clr-text-muted);flex-shrink:0}.ndp-unit-qty{font-size:14px;font-weight:600;color:var(--clr-text-0);flex-shrink:0}.ndp-unit-row-left{gap:10px;display:flex;flex-direction:row;align-items:center}.ndp-unit-pallet,.ndp-unit-car{gap:2px;padding:0 4px;display:flex;flex-direction:row;align-items:center;font-size:14px;color:var(--clr-text-muted);flex-shrink:0}.ndp-unit-pallet svg,.ndp-unit-car svg{height:24px;width:24px;fill:var(--clr-main-1)}.status-panel.panel{background:var(--clr-main-4)}.status-panel form{display:flex;flex-direction:column;gap:14px;padding:12px 0}.status-panel label{font-size:13px;color:var(--clr-text-muted);margin-bottom:4px;display:block}.status-panel input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--clr-main-1);background:var(--clr-main-5);color:var(--clr-text);font-size:14px;outline:none;transition:all .2s ease}.status-panel input:hover{border-color:var(--clr-main-2)}.status-panel input:focus{border-color:var(--clr-active);background:#fff;box-shadow:0 0 0 2px var(--clr-glass-1b)}.status-panel input[type=number]{appearance:textfield}.status-panel input[type=number]::-webkit-outer-spin-button,.status-panel input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.status-panel form>div{display:flex;flex-direction:column;gap:4px}.status-panel button{margin-top:8px;padding:10px 14px;border-radius:10px;border:none;background:var(--gradient-main-1);color:var(--clr-text-1);font-weight:500;cursor:pointer;transition:opacity .2s,transform .15s}.status-panel button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.status-panel button:disabled{opacity:.6;cursor:not-allowed}.status-panel ul{list-style:none;padding:0;margin:0 0 16px}.status-panel li{padding:6px 8px;border-radius:6px;font-size:14px;color:var(--clr-text-2);cursor:pointer;transition:background .15s}.status-panel li:hover{background:var(--clr-main-3)}.status-panel li.active{background:var(--clr-main-2);color:var(--clr-text-0)}.sp-toggle{flex-direction:row!important;align-items:center}.sp-toggle__label{display:flex!important;flex-direction:row;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--clr-text-2);margin:0}.sp-toggle__label input[type=checkbox]{width:16px;height:16px;accent-color:var(--clr-active);cursor:pointer;flex-shrink:0}.sp-form-actions{display:flex;gap:8px}.sp-cancel{background:var(--clr-main-2)!important;color:var(--clr-text-muted)!important}.status-panel hr{border:none;height:1px;background:var(--clr-main-1);margin:16px 0}.up-empty{font-size:13px;color:var(--clr-text-muted);font-style:italic;padding:8px 0}.up-unit{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:var(--clr-main-4);width:100%}.up-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.up-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.up-name{font-size:14px;color:var(--clr-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-meta{display:flex;flex-direction:row;gap:8px;align-items:center}.up-qty{font-size:12px;font-weight:600;color:var(--clr-text-0)}.up-status{font-size:11px;color:var(--clr-text-muted)}.up-id{font-size:11px;color:var(--clr-text-muted);flex-shrink:0}.up-cleaner{display:flex;flex-direction:column;gap:8px;padding:4px 0}.up-cleaner-btn{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;background:var(--clr-main-3);color:var(--clr-text-1);align-self:flex-start}.up-cleaner-btn--danger{background:#7f1d1d;color:#fca5a5}.up-cleaner-btn--danger:hover:not(:disabled){background:#991b1b}.up-cleaner-btn--danger:disabled{opacity:.5;cursor:default}.up-cleaner-count{font-size:13px;color:var(--clr-text-1)}.up-cleaner-count b{color:#fbbf24}.up-cleaner-status{font-size:13px;color:var(--clr-text-muted);font-style:italic}.up-cleaner-status--ok{color:#4ade80;font-style:normal}.up-pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:8px 0 2px;flex-shrink:0}.up-pagination span{font-size:13px;color:var(--clr-text);white-space:nowrap}.up-pagination button{font-size:18px;padding:2px 10px;border-radius:6px;background:var(--clr-main-3);color:var(--clr-text-1);cursor:pointer}.up-pagination button:disabled{opacity:.35;cursor:default}.rsp-loading,.rsp-empty{color:var(--clr-text-2, #888);font-size:13px;padding:8px 0}.rsp-list{display:flex;flex-direction:column;gap:10px;width:100%}.rsp-deal{border:1px solid var(--clr-main-3, #e2e8f0);border-radius:8px;overflow:hidden}.rsp-deal-head{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;background:var(--clr-main-1, #f8fafc);cursor:pointer;-webkit-user-select:none;user-select:none}.rsp-deal-head:hover{background:var(--clr-main-2, #f1f5f9)}.rsp-deal-id{font-weight:600;font-size:13px;flex:1}.rsp-deal-meta{font-size:12px;color:var(--clr-text-2, #888)}.rsp-deal-products{display:flex;flex-direction:column;gap:1px;background:var(--clr-main-4, #e2e8f0)}.rsp-product{background:#fff;padding:8px 12px}.rsp-product-head{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.rsp-product-article{font-size:11px;color:var(--clr-text-muted, #888);white-space:nowrap}.rsp-product-name{font-size:16px;font-weight:500;flex:1;line-height:1.3}.rsp-product-total{font-size:12px;font-weight:600;color:var(--clr-accent, #3b82f6);white-space:nowrap}.rsp-btn,.rsp-ship-btn,.rsp-cancel-btn{padding:2px 8px;font-size:11px;border-radius:4px;background:transparent;cursor:pointer;white-space:nowrap;flex-shrink:0}.rsp-btn:disabled,.rsp-ship-btn:disabled,.rsp-cancel-btn:disabled{opacity:.5;cursor:default}.rsp-btn-row{display:flex;width:100%;gap:12px;flex-direction:row;justify-content:flex-end}.rsp-cancel-btn{border:1px solid var(--clr-main-31);color:var(--clr-main-31)}.rsp-cancel-btn:hover:not(:disabled){border:1px solid #f87171;color:#ef4444;background:#fef2f2}.rsp-ship-btn{border:1px solid #22c55e;color:#22c55e}.rsp-ship-btn:hover:not(:disabled){border:1px solid #16a34a;color:#15803d;background:#f0fdf4}.rsp-product-statuses{display:flex;flex-direction:column;gap:4px}.rsp-status-block{border-radius:6px;overflow:hidden}.rsp-status-row{display:flex;align-items:center;flex-direction:row;gap:6px;padding:4px 6px;cursor:pointer;border-radius:6px}.rsp-status-row:hover{background:var(--clr-main-4, #f8fafc)}.rsp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rsp-status-name{font-size:12px;flex:1}.rsp-status-kits{font-size:12px;font-weight:600}.rsp-expand-toggle{font-size:10px;color:var(--clr-text-2, #aaa)}.rsp-details-list{padding:4px 6px 4px 20px;display:flex;flex-direction:column;gap:2px}.rsp-detail-row{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--clr-text-2, #666)}.rsp-detail-name{flex:1;font-size:14px}.rsp-detail-qty{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.warehouse{display:flex;flex-direction:row;justify-content:flex-start;height:100%;width:100%;gap:12px}.warehouse-left{height:100%}.warehouse-main{width:100%}.warehouse-sidebar{display:flex;height:100%;flex-direction:column;justify-content:flex-start;gap:var(--space-12)}.warehouse-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.warehouse-table thead{background:var(--clr-main-1)}.warehouse-table thead th{text-align:left;padding:10px 12px;font-weight:600;border-bottom:1px solid var(--clr-main-3);white-space:nowrap}.warehouse-table tbody tr{transition:background .15s ease}.warehouse-table tbody tr:hover{background:#f9fafb;cursor:pointer}.warehouse-table tbody tr:not(:last-child){border-bottom:1px solid var(--clr-main-4)}.warehouse-table tbody td{padding:10px 12px;vertical-align:middle}.warehouse-table .is-number{text-align:right;font-variant-numeric:tabular-nums}.warehouse-table .status-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background:var(--clr-main-1)}.warehouse-units,.warehouse-reservations{height:100%}.warehouse-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding-top:var(--space-8)}.warehouse-pagination button{background:var(--clr-main-2);border:none;border-radius:8px;color:var(--clr-text-3b);cursor:pointer;padding:4px 12px}.warehouse-pagination button:disabled{opacity:.3;cursor:default}.warehouse-pagination button:not(:disabled):hover{background:var(--clr-accent-2)}.warehouse-pagination span{color:var(--clr-text-3b);min-width:60px;text-align:center}