.header{height:70px;min-height:70px}.header__logo{padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo img{width:190px}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.header__menu{width:100%;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__menu li{height:100%;cursor:pointer;padding:0 20px}.header__menu a.active{color:#437df1}.header__menu li:first-child{padding-left:35px}.header__menu span{color:#939393}.header__icons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.header__icons img{width:30px}.header__status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 25px;gap:15px}.header__status p{white-space:nowrap}.header__status .element-span{border:3px solid white}.header__icon{width:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-popup{background:white;top:100%;margin-top:20px;position:absolute;width:300px;height:350px;border-radius:10px;border:3px solid #F8F8F8;right:0;padding:25px;-webkit-transition:0.5s ease;transition:0.5s ease;visibility:hidden;-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}.user-popup.active{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.user-popup__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:25px;border-bottom:2px solid #F8F8F8}.user-popup__title .h5{font-size:16px}.user-popup__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:30px 0;border-bottom:2px solid #F8F8F8}.user-popup__info .h4{font-size:17px}.user-popup__buttons{padding-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.user-popup .button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background:#F8F8F8}.user-popup .button.active{background:#EB652B;color:#fff}.main{height:100%}.main .grid-container{-ms-grid-columns:190px auto;grid-template-columns:190px auto}.main__container{padding:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.main__main{display:-ms-grid;display:grid;-ms-grid-columns:auto 10px 280px;grid-template-columns:auto 280px;gap:10px;height:100%}.main__table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.main__head{height:100%}.main__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;padding-bottom:25px;border-bottom:2px solid #FFFFFF}.main__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.main__tab{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;padding:4px;background:white;border-radius:10px}.main__tab .button{height:42px}.main__kind{-webkit-box-shadow:0 4px 26.5px 0 rgba(0,0,0,0.15);box-shadow:0 4px 26.5px 0 rgba(0,0,0,0.15);z-index:100;right:0;top:55px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;position:absolute;background:white;padding:4px;border-radius:10px;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;visibility:hidden;-webkit-transition:0.4s ease;transition:0.4s ease}.main__kind .button{color:white;background:#cfcfcf;height:42px}.main__kind .button:hover{background:#ea662c}.main__kind .button.active{background:#ea662c}.main__kind.active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.main__filters{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.main__footer{height:70px;display:-ms-grid;display:grid;-ms-grid-columns:110px 8px 350px 8px auto 8px 380px;grid-template-columns:110px 350px auto 380px;gap:8px}.main__footer .element{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.main .main-table__items{max-height:432px}.main__foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.main__foot p{color:#939393;font-weight:300}.main__foot .button{gap:13px;color:#727272}.main__foot .button img{height:15px}.aside{padding:20px 20px;height:100%}.aside__title{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:17px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#838383;margin-bottom:30px}.aside__title img{width:10px}.aside__parts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.aside-part{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.aside-part__title{cursor:pointer;padding-bottom:25px;border-bottom:2px solid #FFFFFF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aside-part__title img{width:10px}.aside-part__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.aside-part__warehouse{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3px 1fr 3px 1fr;grid-template-columns:repeat(3,1fr);gap:3px}.aside-part__warehouse .button{font-size:13px;height:35px;padding:0 10px}.aside-part .button{white-space:normal;height:auto;padding:12px 13px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:13px}.aside-part .button span{text-align:left}.aside-part .button img{height:14px}.main-filter{padding:15px;background:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-filter__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:25px}.main-filter__parts{padding-bottom:40px;border-bottom:2px solid #F8F8F8;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.main-filter__part .h4{margin-bottom:20px}.main-table__grid{display:-ms-grid;display:grid;gap:5px;height:50px;min-height:50px}.main-table .table-header{height:55px;margin-bottom:5px}.main-table .table-header .element{border-radius:8px 8px 0 0}.main-table__elements{display:-ms-grid;display:grid;-ms-grid-columns:2fr 2px 3fr;grid-template-columns:2fr 3fr;gap:2px}.main-table__elements .element{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.main-table__elements .element input{padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;padding-top:3px}.main-table__icon{width:10px;height:10px}.main-table__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-table .element{padding:0;gap:6px}.main-table .element.sort{background:#f0f3ff}.main-table .element .icon{width:10px}.main-table .element.name,.main-table .element.warehouse{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 25px}.main-table .element p{padding-top:3px}.main-table__spans{display:-webkit-box;display:-ms-flexbox;display:flex;gap:3px}.main-table .activity{display:-webkit-box;display:-ms-flexbox;display:flex}.main-table .activity img{width:30px}.main-table .actions{display:-webkit-box;display:-ms-flexbox;display:flex}.main-table .actions img{cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 6px;width:20px}.element-span{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:0 10px;border-radius:200px;font-weight:500}.element-span img{width:13px}.element-span.check{background:#EAFDEE;color:#147129}.element-span.article{background:#fff;border:2px solid #f8f9f7;color:#427cf4;cursor:pointer}.element-span.warehouse{background:#fff;border:2px solid #f8f9f7;color:#427cf4;cursor:pointer}.element-span.stock-safe{background:#d7fee5;color:#147129;border:2px solid #fff}.element-span.stock-low{background:#f9ebcf;color:#b47750;border:2px solid #fff}.element-span.stock-critical{background:#f7cbc7;color:#a25568;border:2px solid #fff}.element-span.stock-inactive{background:#fff;border:2px solid #f8f9f7;color:#939393}.table-item .element{border-radius:0}.table-item:nth-child(odd) .element{background:#f8fafe}.table-item.Critical .checkbox,.table-item.Inactive .checkbox,.table-item.Low .checkbox,.table-item.Safe .checkbox{border-color:#dbdbdb}.table-item.Inactive .element{background:#f4f4f4}.table-item.Inactive:hover .element{background:#f8faff}.table-item.Safe .element{background:#f0fdf1}.table-item.Safe:hover .element{background:#d7fee5}.table-item.Low .element{background:#fdf6ef}.table-item.Low:hover .element{background:#f9ebcf}.table-item.Critical .element{background:#fcf1f3}.table-item.Critical:hover .element{background:#f7cbc7}