.home{width:100%;display:flex;justify-content:flex-start;padding:24px 0}.home .home-inner{width:100%;max-width:1200px;display:flex;gap:16px;align-items:stretch;background:#fff;padding:8px 12px;border-radius:6px;margin:0}.home .left{flex:0 0 100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home .hero{width:100%;max-width:100%;height:auto;display:block;margin:0;border-radius:6px;box-shadow:0 2px 8px #00000014;align-self:flex-start;object-fit:cover}.home .right{flex:0 0 20%;display:flex;flex-direction:column;justify-content:top;align-items:flex-start;padding-left:20px;padding-top:6px;min-width:180px}.home .help-title{color:#293446;font-size:1.1rem;margin:0 0 8px}.home .help-desc{color:#293446;font-size:.95rem;margin:0}.home .help-desc a{color:#293446;text-decoration:underline}@media screen and (max-width: 768px){.home{padding-left:24px}.home .home-inner{flex-direction:column;padding:12px;width:100%}.home .left,.home .right{flex:none;width:100%}.home .hero{width:100%}.home .right{padding-left:0;margin-top:12px;min-width:unset}}.users .info{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.users .info .pageName{display:flex;justify-content:space-between;align-items:center;padding:20px}.users .info .icon{font-size:28px;margin:3px;cursor:pointer;color:#384256}.users .info button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.users .info .MuiDataGrid-columnHeaderTitle{font-weight:700}.products .info{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.products .info .pageName{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.products .info button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.products .info .css-sghohy-MuiButtonBase-root-MuiButton-root{background-color:#384256;font-size:12px;margin-left:20px}.products .icon{font-size:28px;margin:3px;cursor:pointer;color:#384256}.products Box{display:flex;height:"100%";width:"100%"}.products .MuiDataGrid-columnHeaderTitle{font-weight:700}.navbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px}.navbar .icons{display:flex;align-items:center;gap:20px}.navbar .icons .icon{color:#fff}@media screen and (max-width: 480px){.navbar .icons .icon{display:none}}.navbar .icons .notification{position:relative}.navbar .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar .icons .user{display:flex;align-items:center;gap:10px}.navbar .icons .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.footer{display:flex;align-items:center;justify-content:space-between;padding:30px}.footer span:first-child{font-weight:700}.footer span:last-child{font-size:14px}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .item .title{font-size:12px;font-weight:200;color:#ddd;text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .listItem{display:flex;align-items:center;gap:10px;padding:5px;border-radius:5px}.menu .item .listItem:hover{background-color:#384256}.menu .item .listItem .icon{color:#ddd;font-size:20px}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}.login{display:flex;flex-direction:column;align-items:center;margin-top:8rem}.login h1{margin-bottom:1rem}.login form{width:100%;display:flex;flex-direction:column;align-items:center;border-color:#384256}.login form .MuiButton-root{margin-top:1rem;margin-bottom:2rem;background-color:#384256}.login form .MuiTextField-root{width:100%;margin:1rem 0;border-color:#384256}.login form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.login form .MuiInputBase-root{border-color:#384256}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;background-color:#2a3447;color:#fff}.container{display:flex}.menuContainer{width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:100%;background-color:#fff;overflow:hidden}.user{justify-content:space-between;display:flex;flex-direction:column}.user .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.user .buttons{display:flex;flex-direction:row;align-items:flex-end;margin-top:15px}.user button{margin-left:20px}.user .formElement{color:#384256;margin:10px}.user .MuiInputBase-root{border-color:#384256}.product-container{justify-content:space-between;display:flex;flex-direction:column}.product-container .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.product-container .buttons{display:flex;flex-direction:row;align-items:flex-end;margin-top:15px}.product-container button{margin-left:20px}.product-container .formElement{color:#384256;margin:10px}.product-container .MuiInputBase-root{border-color:#384256}.orders .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.orders .searchForm{display:flex;flex-direction:row;align-items:flex-start;color:#000}.orders .searchForm .form-control{margin-right:10px}.orders .searchForm .form-control.MuiFormControl{width:100%}.orders .searchForm .form-control .MuiInputLabel-root{margin-bottom:5px}.orders a{color:#1976d2}.orders .pagination{display:flex;align-items:center;justify-content:center;margin-top:10px}.orders .tableHead{font-weight:700}.stores{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.stores .pageName{display:flex;justify-content:space-between;align-items:center;padding:20px}.stores .icon{font-size:28px;margin:3px;cursor:pointer;color:#384256}.stores button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.stores .MuiDataGrid-columnHeaderTitle{font-weight:700}.store{justify-content:space-between;display:flex;flex-direction:column}.store .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.store .buttons{display:flex;flex-direction:row;align-items:flex-end;margin-top:15px}.store button{margin-left:20px}.store .formElement{color:#384256;margin:10px}.store .MuiInputBase-root{border-color:#384256}.merchants .info{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.merchants .info .pageName{display:flex;justify-content:space-between;align-items:center;padding:20px}.merchants .info .icon{font-size:28px;margin:3px;cursor:pointer;color:#384256}.merchants .info button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.merchants .info .MuiDataGrid-columnHeaderTitle{font-weight:700}.merchant{justify-content:space-between;display:flex;flex-direction:column}.merchant .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.merchant .buttons{display:flex;flex-direction:row;align-items:flex-end;margin-top:15px}.merchant button{margin-left:20px}.merchant .formElement{color:#384256;margin:10px}.merchant .MuiInputBase-root{border-color:#384256}.shippings .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.shippings .searchForm{display:flex;flex-direction:row;align-items:flex-start}.shippings .searchForm .formElement{margin-right:10px}.shippings .searchForm.MuiFormControl{width:100%}.shippings .searchForm .MuiInputLabel-root{margin-bottom:5px}.shippings a{color:#1976d2}.shippings .pagination{display:flex;align-items:center;justify-content:center;margin-top:10px}.shippings .tableHead{font-weight:700}.logs .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.logs .searchForm{display:flex;flex-direction:row;align-items:flex-start;color:#000}.logs .searchForm .formElement{margin-right:10px}.logs .searchForm.MuiFormControl{width:100%}.logs .searchForm .MuiInputLabel-root{margin-bottom:5px}.logs a{color:#1976d2}.logs .pagination{display:flex;align-items:center;justify-content:center;margin-top:10px}.logs .tableHead{font-weight:700}.logs .logsView{margin-top:15px}.logs .logPaper{padding:5px;background-color:#f5f5f5;margin-bottom:15px;overflow:hidden}.logs .logPaper .logBody{background-color:#fff;padding:5px;text-align:left;word-wrap:break-word}.logs .logPaper .errorText{color:red;font-weight:700}.billing{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.billing .pageName{display:flex;justify-content:space-between;align-items:center;padding:20px}.billing .charge{display:flex;flex-direction:row;align-items:center;gap:5px}.billing .icon{font-size:28px;margin:3px;cursor:pointer;color:#384256}.billing button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.billing .MuiDataGrid-columnHeaderTitle{font-weight:700}.quotes .searchForm{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px}.quotes a{color:#1976d2}.products .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.products .searchForm{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;color:#000}.products .searchForm .form-control{margin-left:15px}.products .searchForm .searchButton{margin-left:15px;background-color:#384256;color:#fff}.products .searchForm .exportButton{margin-left:15px}.quotes .pageName{display:flex;flex-direction:column;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.quotes .searchForm{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;color:#000}.quotes .searchForm .form-control{margin-left:15px}.quotes .searchForm .searchButton{margin-left:15px;background-color:#384256;color:#fff}.quotes .searchForm .exportButton{margin-left:15px}.rates .pageName{display:flex;flex-direction:row;align-items:baseline;gap:20px;margin-bottom:20px;background-color:#fff;color:#000}.rates button{padding:5px;background-color:#384256;color:#fff;cursor:pointer;font-size:12px;margin-left:20px}.rates .css-sghohy-MuiButtonBase-root-MuiButton-root{background-color:#384256;font-size:12px;margin-left:20px}.rates .headerName{font-weight:700}
