.sidebar{flex:1;height:calc(100vh - 50px);background-color:#fbfbff;position:sticky;top:50px}.sidebarWrapper{padding:20px;color:#555}.sidebarMenu{margin-bottom:10px}.sidebarTitle{font-size:13px;color:#bbbaba}.sidebarList{list-style:none;padding:5px}.sidebarListItem{padding:5px;cursor:pointer;display:flex;align-items:center;border-radius:10px}.sidebarListItem.active,.sidebarListItem:hover{background-color:#f0f0ff}.sidebarIcon{margin-right:5px;font-size:20px!important}.topbar{width:100%;height:50px;background-color:#fff;position:sticky;top:0;z-index:999}.topbarWrapper{height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:30px;color:#00008b;cursor:pointer}.topLeft{text-decoration:none}.topRight{display:flex;align-items:center}.logOutIcon{cursor:pointer}.userList{flex:4}.userListUser{display:flex;align-items:center}.userListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.userListEdit{border:none;border-radius:10px;padding:5px 10px;background-color:#006eff;color:#fff;cursor:pointer;margin-right:20px}.userListDelete{color:red;cursor:pointer}.productList{flex:4}.productAddButton{border:none;width:fit-content;padding:8px 30px;text-decoration:none;background-color:teal;color:#fff;border-radius:5px;font-size:16px;cursor:pointer;display:block;margin-left:auto;margin-bottom:10px}.productListItem{display:flex;align-items:center}.productListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.productListEdit{border:none;border-radius:10px;padding:5px 10px;background-color:#3bb077;color:#fff;cursor:pointer;margin-right:20px}.productListDelete{color:red;cursor:pointer}.productTitleContainer{display:flex;align-items:center;justify-content:space-between;margin-left:20px}.productFormLeft>input{margin-bottom:10px;border:none;padding:5px;border-bottom:1px solid gray}.productButton{border:none;padding:10px 40px;border-radius:5px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer;width:fit-content}.productButton:disabled{opacity:.5;cursor:not-allowed}.productInfoItem img{width:150px;margin-left:20px;margin-top:20px}.user{flex:4;padding:20px}.userTitleContainer{display:flex;align-items:center;justify-content:space-between}.userAddButton{width:80px;border:none;padding:5px;background-color:teal;border-radius:5px;cursor:pointer;color:#fff;font-size:16px}.userContainer{padding:20px;display:flex;margin-top:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.userShow{flex:1;padding:20px}.userForm{flex:1}.userForm .productFormLeft{width:70%}.userUpdate{flex:2;padding:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf;margin-left:20px}.userShowTop{display:flex;align-items:center}.userShowImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.userShowTopTitle{display:flex;flex-direction:column}.userShowUsername{font-weight:600}.userShowUserTitle{font-weight:300}.userShowBottom{margin-top:20px}.userShowTitle{font-size:14px;font-weight:600;color:#afaaaa}.userShowInfo{display:flex;align-items:center;margin:20px 0;color:#444}.userShowIcon{font-size:16px!important}.userShowInfoTitle{margin-left:10px}.userUpdateTitle{font-size:24px;font-weight:600}.userUpdateForm{display:flex;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{margin-bottom:5px;font-size:14px}.userUpdateInput{border:none;width:250px;height:30px;border-bottom:1px solid gray}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{display:flex;align-items:center}.userUpdateImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.userUpdateIcon{cursor:pointer}.userUpdateButton{border-radius:5px;border:none;padding:5px;cursor:pointer;background-color:#00008b;color:#fff;font-weight:600}.protuctFormInputWrapper{position:relative}.protuctFormInputWrapper input{width:100%}.passwordEye{position:absolute;right:0;top:2px;cursor:pointer;color:#444}.newProduct{flex:4;margin-left:20px}.addProductForm{margin-top:10px}.addProductItem{width:250px;display:flex;flex-direction:column;margin-bottom:10px}.addProductItem>label{color:gray;font-weight:600;margin-bottom:10px}.addProductItem>input{padding:10px}.addProductItem>select{padding:10px}.addProductButton{margin-top:10px;padding:7px 10px;border:none;border-radius:10px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer}.addTech{display:flex;align-items:center;flex-wrap:wrap}.addTech span{display:flex;align-items:center;padding:3px;background:rgb(211,209,209);margin-right:5px;font-weight:600;border-radius:3px;margin-top:5px}.companyList{flex:4}.companyListItem{display:flex;align-items:center}.companyListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.companyListEdit{border:none;border-radius:10px;padding:5px 10px;background-color:#3bb077;color:#fff;cursor:pointer;margin-right:20px}.companyListDelete{color:red;cursor:pointer}.company{flex:4;padding:20px}.companyTitleContainer{display:flex;align-items:center;justify-content:space-between}.companyAddButton{width:80px;border:none;padding:5px;background-color:teal;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}.companyTop{display:flex}.companyTopLeft,.companyTopRight{flex:1}.companyTopRight{padding:20px;margin:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.companyInfoImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.companyInfoTop{display:flex;align-items:center}.companyName{font-weight:600}.companyInfoBottom{margin-top:10px}.companyInfoItem{width:150px;display:flex;justify-content:space-between}.companyInfoValue{font-weight:300}.companyBottom{padding:20px;margin:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.companyForm{display:flex;justify-content:space-between}.companyFormLeft{display:flex;flex-direction:column}.companyFormLeft>label{margin-bottom:10px;color:gray}.companyFormLeft>input{margin-bottom:10px;border:none;padding:5px;border-bottom:1px solid gray}.companyFormLeft>select{margin-bottom:10px}.companyUploadImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.companyFormRight{display:flex;flex-direction:column;justify-content:space-around}.companyUpload{display:flex;align-items:center}.companyButton{border:none;padding:10px 40px;border-radius:5px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer;width:fit-content}.companyButton:disabled{opacity:.5;cursor:not-allowed}.product{flex:4}.productTitleContainer{display:flex;align-items:center;justify-content:space-between}.productTop{display:flex}.productTopLeft,.productTopRight{flex:1}.productTopRight{padding:20px;margin:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.productInfoImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.productInfoTop{display:flex;align-items:center}.productName{font-weight:600}.productInfoBottom{margin-top:10px}.productInfoItem{display:flex}.productInfoValue{font-weight:300;margin-left:15px}.productBottom{padding:20px;margin:20px;-webkit-box-shadow:0px 0px 15px -10px rgba(0,0,0,.75);box-shadow:0 0 15px -10px #000000bf}.productForm{display:flex;flex-direction:column}.productFormLeft{display:flex;flex-direction:column;width:30%}.productFormLeft>label{margin-bottom:10px;color:gray}.productFormLeft input{margin-bottom:10px;border:none;padding:5px;border-bottom:1px solid gray}.productFormLeft>select{margin-bottom:10px}.productUploadImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.productFormRight{display:flex;flex-direction:column;justify-content:space-around}.productUpload{display:flex;align-items:center}.productUpload button{margin-left:20px}.addTech{display:flex;align-items:center}.addTech span{display:flex;align-items:center;padding:3px;background:rgb(211,209,209);margin-right:5px;font-weight:600;border-radius:3px}.protechicon{font-size:15px;margin-left:8px;color:red;cursor:pointer}.productButton{border:none;padding:10px 40px;border-radius:5px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer;width:fit-content;margin-top:30px}.allRemoveTech{display:flex;margin-top:5px;align-items:center}.allRemoveTech .allDeleteIcon{color:red;margin-left:8px;cursor:pointer}.login{display:flex;align-items:center;justify-content:center;height:calc(100vh - 50px)}.login form{display:flex;flex-direction:column;margin-bottom:50px}.login form input{width:250px;margin-bottom:10px;padding:10px;background-color:#fff;border-radius:4px;border:1px solid #555}.login form button{border:none;cursor:pointer;color:#fff;font-weight:700;padding:10px 0;border-radius:4px;background-color:#1818f8b0}.login form button:hover{background-color:#00f}.login form button:disabled{opacity:.5;cursor:not-allowed}.container{display:flex;margin-top:10px}.link{text-decoration:none;color:inherit}