@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-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:hover{border:1px solid var(--color-glass-1);border-radius:8px;background-color:var(--clr-main-4)}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-1: #cdd5ef;--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;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}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:220px;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}.google-auth img{width:32px;border-radius:24px}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}.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.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:#312f41;background-color:#77799e;transition:background-color .3s}.sidebar-btn .label{color:#dee7ff}.sidebar-btn img{width:35px}.sidebar-btn:hover{color:#dee7ff;background-color:#312f41;background-color:#292642}.panel{max-width:calc(50% - 12px);width:100%;height:100%;min-height:450px;display:flex;flex-direction:column;justify-content:flex-start;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-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-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)}.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;border:2px solid var(--clr-main-1)}.order-search-btn:hover{color:var(--clr-text);background:var(--clr-main-2);border:2px solid var(--clr-main-2);border-radius:25px}.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)}.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}@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}.transport-layout{display:flex;flex-direction:row;justify-content:flex-start;height:100%;width:100%;gap:12px}.transport-layout .transport-sidebar{width:300px;min-width:300px;display:flex;flex-direction:column;gap:var(--space-24)}.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 td{min-height:0;height:50px}.pallet-table tr{height:60px}.pallet-table th{position:sticky;top:0;background:var(--clr-main-4);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;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-4);display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center}.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}.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)}.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}.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%;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 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%}.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)}.row-details-panel{background:var(--clr-main-5);border-radius:14px;padding:24px;max-width:720px;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-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;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)}.pallet-details{display:flex;flex-direction:column;gap:8px}.pallet-units{display:flex;flex-direction:column;max-width:450px;gap:12px}.pallet-units .unit-item{background:var(--clr-main-4);border-radius:12px;overflow:hidden}.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)}#qr-reader{width:100%!important;max-width:220px;background:var(--clr-main-3);border:2px solid var(--clr-main-1)!important;border-radius:12px;overflow:hidden}#qr-reader button{background:var(--clr-main-2)}#qr-reader__scan_region{display:flex;flex-direction:column;justify-content:center;align-items:center}