.footer{display:flex;justify-content:space-between;padding:30px}.footer .logo{width:6%}@media screen and (max-width: 426px){.footer .logo{width:20%}}@media screen and (max-width: 768px){.footer .logo{width:10%}}@media screen and (max-width: 426px){.footer__copy{font-size:12px}}@media screen and (max-width: 768px){.footer__copy{font-size:12px}}.drawerBox__card{font-family:Inter,sans-serif;background-color:#fafafa;width:400px;height:100%;padding:20px}.drawerBox__card .userCard{margin:20px 0;padding:15px 20px;color:#2a3447;border-radius:10px;border:2px solid #2a3447}.drawerBox__card .userCard-title{margin-bottom:15px}.menu{display:flex;justify-content:space-between;align-items:center;margin-right:10px}@media screen and (max-width: 426px){.menu{margin-right:0}}.menu .menu-btn{margin:0 10px;border:1px solid transparent;color:#fff}@media screen and (max-width: 426px){.menu .menu-btn{font-size:12px;margin:0 5px;padding:5px}}.menu .menu-btn:hover,.menu .menu-btn:focus{border:1px solid #384256}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px}.header .logo{width:10%}@media screen and (max-width: 426px){.header .logo{width:30%}}@media screen and (max-width: 768px){.header .logo{width:20%}}.box{flex:1;padding:15px 20px;border-radius:10px;border:2px solid #384256}.userInfo-title{display:flex;gap:10px;margin-bottom:20px}.userInfo-title .icon{width:40px;height:40px;border-radius:50%;object-fit:cover}.userInfo-position{margin-top:5px;font-size:18px;font-weight:600;color:#757d8b}.userInfo .box-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.userInfo-goToOffice{font-weight:700}.userInfo-goToOffice .goToOffice-span{color:#32cd32;font-size:24px}.userInfo-goToOffice .goToOffice-span-normal{color:#757d8b;font-size:14px}.userInfoModal{font-family:Inter,sans-serif;color:#2a3447}.userInfoModal__title{margin-bottom:14px}@media screen and (max-width: 426px){.userInfoModal__title{margin-bottom:10px}}.userInfoModal .userInfoModal__context{max-height:297px;overflow-x:hidden;overflow-y:scroll;padding-right:10px}.userInfoModal .userInfoModal__context .userInfoModal__month{text-align:center;margin-bottom:5px}.userInfoModal .userInfoModal__context .userInfoModal__user{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 5px 5px}@media screen and (max-width: 426px){.userInfoModal .userInfoModal__context .userInfoModal__user{flex-direction:column}}.userInfoModal .userInfoModal__context .userInfoModal__user .user-info{display:flex;align-items:center;width:40%}@media screen and (max-width: 426px){.userInfoModal .userInfoModal__context .userInfoModal__user .user-info{margin-bottom:5px}}.userInfoModal .userInfoModal__context .userInfoModal__user .user-color{width:25px;height:20px;border-radius:10px}.userInfoModal .userInfoModal__context .userInfoModal__user .user-title{margin-left:5px}.userInfoModal .userInfoModal__context .userInfoModal__user .user-inputBlock{display:flex;justify-content:flex-end;align-items:center}.userInfoModal .userInfoModal__context .userInfoModal__user .user-input{width:20%;margin:0 5px}.userInfoModal .userInfoModal__context .userInfoModal__user .user-input-large{width:40%;margin:0 10px}.userInfoModal .userInfoModal__context .userInfoModal__user .user-input-md{width:25%;margin:0 10px}.userInfoModal .userInfoModal__context .userInfoModal__user .user-btn{padding:5px 10px;height:70%;color:#ddd;background-color:#2a3447}.userInfoModal .userInfoModal__context .userInfoModal__user .user-btn:hover{color:#2a3447;background-color:#ddd}.userInfoModal__context::-webkit-scrollbar{display:none}.bigChartBox{width:100%;height:100%;display:flex;flex-direction:column;padding-top:10px;overflow-y:scroll}.bigChartBox .charts-area{width:100%;height:320px;margin-bottom:60px}.bigChartBox .charts-title{margin-bottom:20px}.bigChartBox-row{display:grid;grid-template-columns:97% 3%}.bigChartBox-list{position:fixed;list-style:none;text-align:center;margin-top:35px}.bigChartBox .item-circle{margin:8px 0;background-color:#757d8b;width:10px;height:10px;border-radius:50%}.bigChartBox .item-circle:hover,.bigChartBox .item-circle.active{background-color:#fff}@media screen and (max-width: 768px){.bigChartBox .bigChartBox-menu{display:none}}.bigChartBox::-webkit-scrollbar{display:none}.pieChartBox{height:100%;display:flex;flex-direction:column;justify-content:space-between}.pieChartBox-row{display:flex;justify-content:space-between;align-items:center}.pieChartBox-switch{display:flex;align-items:center}.pieChartBox-switch .switch-text{font-size:12px;font-weight:700;color:#757d8b}.pieChartBox .chart{width:100%;height:100%;pointer-events:none}.starkedBarChart{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.starkedBarChart .chart{width:100%;height:100%}.userMainInfo-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #384256}.userMainInfo-item .item-country{font-size:14px;font-weight:700}.userMainInfo-item .item-color{width:25px;height:20px;border-radius:10px}.userProject-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #384256}.userProject-item .item-name{width:22%}.userProject-item .item-project{font-size:10px;margin:0 5px;text-align:center;height:20px;max-width:60%;text-wrap:wrap;overflow-y:auto}.userProject-item .item-project::-webkit-scrollbar{display:none}.userProject-item .item-status{font-weight:700;width:16%;text-align:center}.home{display:flex;flex-direction:column;padding:0 40px}.home .box__top{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}@media screen and (max-width: 768px){.home .box__top{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 426px){.home .box__top{grid-template-columns:repeat(1,auto)}}.home .box__main{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(auto,180px);grid-auto-flow:dense}@media screen and (max-width: 768px){.home .box__main{display:flex;flex-direction:column}}.home .box__main .box{flex:1;padding:15px 20px;border-radius:10px;border:2px solid #384256}.home .box__main .box2{display:block;grid-column:span 2;grid-row:span 2}@media screen and (max-width: 426px){.home .box__main .box2{grid-column:span 1;grid-row:span 1}}.home .box__main .box4,.home .box__main .box5{grid-column:span 1;grid-row:span 1}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;min-height:100vh;background-color:#2a3447;color:#fff}