body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-size:15px;margin:0;padding:0}a{color:inherit;text-decoration:none}.main{background-color:#2a3447;color:#fff;font-family:Inter,sans-serif}.main .container{display:flex}.main .container .menuContainer{border-right:2px solid #384256;padding:5px 20px;width:200px}.main .container .contentContainer{padding:5px 20px;width:100%}.home{grid-gap:20px;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:minmax(180px,auto);grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{border:2px solid #384256;border-radius:10px;padding:10px}.home .box1,.home .box4{grid-column:span 1;grid-row:span 3}.home .box7{grid-column:span 2;grid-row:span 2}@media screen and (max-width:768px){.home .box7{display:none}}.topBox h1{margin-bottom:20px}@media screen and (max-width:1400px){.topBox h1{font-size:24px}}.topBox .list .listItem{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.topBox .list .listItem .user{display:flex;gap:20px}.topBox .list .listItem .user img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media screen and (max-width:1400px){.topBox .list .listItem .user img{display:none}}@media screen and (max-width:1024px){.topBox .list .listItem .user img{display:block}}.topBox .list .listItem .user .userTexts{display:flex;flex-direction:column;gap:5px}.topBox .list .listItem .user .userTexts .username{font-size:14px;font-weight:500}.topBox .list .listItem .user .userTexts .email{font-size:12px}@media screen and (max-width:1400px){.topBox .list .listItem .user .userTexts .email{display:none}}@media screen and (max-width:1024px){.topBox .list .listItem .user .userTexts .email{display:block}}.topBox .list .listItem .amount{font-weight:500}.chartBox{display:flex;height:100%}@media screen and (max-width:480px){.chartBox{flex-direction:column}}.chartBox .boxInfo{display:flex;flex:3 1;flex-direction:column;justify-content:space-between}@media screen and (max-width:480px){.chartBox .boxInfo{gap:20px}}.chartBox .boxInfo .title{align-items:center;display:flex;gap:10px}@media screen and (max-width:1400px){.chartBox .boxInfo .title{font-size:14px}.chartBox .boxInfo h1{font-size:20px}}.chartBox .chartInfo{display:flex;flex:2 1;flex-direction:column;justify-content:space-between}.chartBox .chartInfo .chart{height:100%;width:100%}.chartBox .chartInfo .texts{display:flex;flex-direction:column;text-align:right}.chartBox .chartInfo .texts .percentage{font-size:20px;font-weight:700}@media screen and (max-width:1400px){.chartBox .chartInfo .texts .percentage{font-size:16px}}.chartBox .chartInfo .texts .duration{font-size:14px}.barChartBox{height:100%;width:100%}.barChartBox h1{font-size:20px;margin-bottom:20px}.pieChartBox{display:flex;flex-direction:column;height:100%;justify-content:space-between}@media screen and (max-width:1400px){.pieChartBox h1{font-size:24px}}.pieChartBox .chart{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pieChartBox .options{display:flex;font-size:14px;gap:10px;justify-content:space-between}.pieChartBox .options .option{flex-direction:column}.pieChartBox .options .option,.pieChartBox .options .option .title{align-items:center;display:flex;gap:10px}.pieChartBox .options .option .title .dot{border-radius:50%;height:10px;width:10px}.bigChartBox{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}@media screen and (max-width:1400px){.bigChartBox h1{font-size:24px}}.bigChartBox .chart{height:300px;width:100%}.products .info{align-items:center;display:flex;gap:20px;margin-bottom:20px}.products .info button{cursor:pointer;padding:5px}.dataTable .dataGrid{background:#fff;padding:20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img{border-radius:50%;height:32px;object-fit:cover;width:32px}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img{cursor:pointer;height:20px;width:20px}.add{align-items:center;background-color:rgba(0,0,0,.724);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.add .modal{background-color:#2a3447;border-radius:10px;padding:50px;position:relative}.add .modal h1{color:#ddd;font-size:24px;margin-bottom:40px}.add .modal .close{cursor:pointer;position:absolute;right:10px;top:10px}.add .modal form{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:500px}.add .modal form .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:40%}.add .modal form .item label{font-size:14px}.add .modal form .item input{background-color:transparent;border:1px solid #ddd;border-radius:3px;color:#fff;outline:none;padding:10px}.add .modal form button{cursor:pointer;padding:10px;width:100%}.users .info{align-items:center;display:flex;gap:20px;margin-bottom:20px}.users .info button{cursor:pointer;padding:5px}.navbar{justify-content:space-between;padding:20px;width:100%}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{font-weight:700;gap:10px}.navbar .logo img{height:30px;width:80px}.navbar .icons{align-items:center;display:flex;gap:20px}@media screen and (max-width:480px){.navbar .icons .icon{display:none}}.navbar .icons .notifications{position:relative}.navbar .icons .notifications span{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;height:16px;justify-content:center;position:absolute;right:-10px;top:-10px;width:16px}.navbar .icons .user{align-items:center;display:flex;gap:10px}.navbar .icons .user img{border-radius:50%;height:26px;object-fit:cover;width:26px}.footer{align-items:center;display:flex;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{color:#ddd;font-size:12px;font-weight:200;text-transform:uppercase}.menu .item .listItem{align-items:center;border-radius:5px;display:flex;gap:10px;padding:10px}.menu .item .listItem:hover{background-color:#384256}.single{display:flex}@media screen and (max-width:1200px){.single{flex-direction:column;gap:50px}}.single .view{flex:1 1}.single .view .info .topInfo{align-items:center;display:flex;gap:20px}.single .view .info .topInfo img{border-radius:20px;height:100px;object-fit:cover;width:100px}.single .view .info .topInfo h1{font-weight:500}.single .view .info .details{font-size:18px}.single .view .info .details .item{margin:30px 0}.single .view .info .details .item .itemTitle{font-weight:600;margin-right:10px;text-transform:capitalize}.single .view hr{border:.5px solid gray;height:0;margin:20px 0;width:90%}@media screen and (max-width:768px){.single .view hr{display:none}}.single .view .chart{height:400px;margin-top:50px;width:80%}@media screen and (max-width:768px){.single .view .chart{display:none}}.single .activities{flex:1 1}.single .activities h2{margin-bottom:20px}.single .activities ul li{background-color:#f45b69;list-style-type:none;padding-top:50px;position:relative;width:1px}.single .activities ul li:after{background-color:#f45b69;border-radius:50%;bottom:0;content:"";height:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px}.single .activities ul li div{background-color:rgba(244,91,104,.063);min-width:480px;padding:15px}@media screen and (max-width:768px){.single .activities ul li div{min-width:250px}}.single .activities ul li div p{margin-bottom:5px}.single .activities ul li div time{font-size:12px}
/*# sourceMappingURL=main.7846ff2e.css.map*/