@import url(https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700&display=swap);:root{--color-1:#797c7e;--color-2:#3ea175;--color-3:#66622e;--color-4:#469cac;--color-5:#cc3d38;--color-6:#a98921;--color-7:#3b9668;--color-8:#b86229;--color-9:#ffc100;--color-0:#2e4a66;--px10:0.625rem;--px14:0.875rem;--px5:0.3125rem;--px2:0.125rem}::-webkit-scrollbar{height:.375rem;width:.3125rem;width:var(--px5)}::-webkit-scrollbar-track{border-radius:.625rem;box-shadow:inset 0 0 .3125rem #797c7e;box-shadow:inset 0 0 var(--px5) var(--color-1)}::-webkit-scrollbar-thumb{border-radius:.625rem;box-shadow:inset 0 0 .3125rem #3ea175;box-shadow:inset 0 0 var(--px5) var(--color-2)}::-webkit-scrollbar-thumb:hover{background-color:#797c7e;background-color:var(--color-1)}*{margin:0;padding:0}body{box-sizing:border-box;font-family:Lato,sans-serif}.text-primary-p{color:#797c7e;color:var(--color-1);font-size:.875rem;font-size:var(--px14)}.font-bold{font-weight:700}.text-title{color:#66622e;color:var(--color-3)}.text-lightblue{color:#469cac;color:var(--color-4)}.text-red{color:#cc3d38;color:var(--color-5)}.text-yellow{color:#a98921;color:var(--color-6)}.text-green{color:#3b9668;color:var(--color-7)}.container{display:grid;grid-template-areas:"sidebar nav nav nav" "sidebar main main main";grid-template-columns:.8fr 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;height:100vh}@media only screen and (max-width:978px){.container{grid-template-areas:"nav" "main";grid-template-columns:1fr}}.t{border:solid salmon}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #d3d3d3;display:flex;grid-area:nav;height:5rem;justify-content:space-between;padding:0 1.875rem}.nav-icon{display:none}.nav-icon>i{color:#a5aaad;font-size:1.625rem}.navbar-left>a{color:#a5aaad;font-size:1rem;font-weight:700;margin-right:1.875rem;text-decoration:none}.navbar-left .active-link{border-bottom:3px solid #265acc;color:#265acc;padding-bottom:.375rem}.navbar-right{align-items:center;display:flex;justify-content:center}.navbar-right>a{margin-left:1.25rem;text-decoration:none}.navbar-right>a>i{background-color:#fff;border-radius:50px;box-shadow:2px 2px 5px #d9d9d9,-2px -2px 5px #fff;color:#a5aaad;font-size:1.125rem;padding:7px}.navbar-right>a>img{border-radius:50%;padding:2px}@media only screen and (max-width:978px){.nav-icon{display:inline;margin-right:.5rem}}@media only screen and (max-width:480px){.navbar-left{display:none}}#sidebar{background-color:#303336;grid-area:sidebar;overflow-y:auto;padding:1.25rem;transition:all .5s}.sidebar-title{color:#f3f4f6;justify-content:space-between;margin-bottom:1.875rem}.sidebar-img,.sidebar-title{align-items:center;display:flex}.sidebar-title>div>img{object-fit:contain;width:2.5rem}.sidebar-title>div>h1{display:inline;font-size:1.5rem}.sidebar-title>i{display:none;font-size:1.125rem}.sidebar-menu>h2{color:#3ea175;font-size:1rem;font-weight:700;margin-bottom:.375rem;margin-top:1.5rem;padding:0 .675rem}.sidebar-link{border-radius:3px;color:#f3f4f6;margin-bottom:5px;padding:.675rem}.active-menu-link{background-color:rgba(62,161,117,.3)}.active-menu-link a{color:#3ea175!important}.sidebar-link>a{color:#a5aaad;font-weight:700;text-decoration:none}.sidebar-link>i{font-size:1.125rem;margin-right:.675rem}.sidebar-logout{color:#e65061;margin-top:1.25rem;padding:.675rem}.sidebar-logout>a{color:#e65061;font-weight:700;text-decoration:none;text-transform:uppercase}.sidebar-logout>i{font-size:1.125rem;margin-right:.675rem}.sidebar-responsive{display:inline!important;left:0!important;position:absolute;z-index:9999!important}@media only screen and (max-width:978px){#sidebar{display:none}.sidebar-title>i{display:inline}}main{background-color:#f3f4f6;grid-area:main;overflow-y:auto}.main-container{padding:1.25rem 2.125rem}.main-title{align-items:center;display:flex}.main-title>img{margin-right:1.25rem;max-height:6rem;object-fit:contain}.main-greeting>h2{color:var(--color-1);font-size:1.5rem;margin-bottom:.375rem}.main-greeting>p{color:var(--color-2);font-size:.965rem;font-weight:700}.main-cards{grid-gap:1.875rem;display:grid;gap:1.875rem;grid-template-columns:1fr 1fr 1fr 1fr;margin:1.25rem 0}.card{background-color:#fff;border-radius:.475rem;box-shadow:5px 5px 13px var(--color-4),-5px -5px 13px #fff;display:flex;flex-direction:column;height:4.5rem;justify-content:space-around;padding:1.25rem}.card-inner{align-items:center;display:flex;justify-content:space-between}.card-inner>span{font-size:1.5rem}.charts{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:1fr 1fr;margin-top:3rem}.charts-left{background:#fff;border-radius:.475rem;box-shadow:5px 5px 13px var(--color-4),-5px -5px 13px #fff;padding:1.5rem}.charts-left-title{align-items:center;display:flex;justify-content:space-between}.charts-left-title>div>h2{color:var(--color-8);font-size:1.5rem;margin-bottom:.475rem}.charts-right{background-color:#fff;border-radius:.475rem;box-shadow:5px 5px 13px var(--color-4),-5px -5px 13px #fff;padding:1.5rem}.charts-right-title{align-items:center;display:flex;justify-content:space-between}.charts-right-title>div>h2{color:var(--color-0);font-size:1.5rem;margin-bottom:.475rem}.charts-right-title>div>p{color:var(--color-4);font-size:.875rem;font-weight:700}.chart-icon{border:0 solid #000;border-radius:200px 0 200px 200px;-webkit-border-radius:200px 0 200px 200px;-moz-border-radius:200px 0 200px 200px;font-size:1.25rem;padding:.875rem}.chart-icon-left{background-color:var(--color-9);color:var(--color-8)}.chart-icon-right{background-color:var(--color-0);color:var(--color-9)}.charts-right-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;margin-top:1.875rem}.charts-right-cards>div{border-radius:.475rem;font-size:.875rem;padding:1.5rem;text-align:center}.card1{background-color:#e0b67fbd;color:#a56005}.card2{background-color:#83b6e0b7;color:#1b84da}.card3{background-color:#cc7b7991;color:#cc3d38}.card4{background-color:#76caa09a;color:#3b9668}@media only screen and (max-width:978px){.main-cards{gap:.675rem;margin-bottom:0}.charts,.main-cards{grid-template-columns:1fr}.charts{margin-top:1.875rem}}.chart{margin-top:1rem}.chart>img{max-height:18.75rem;max-width:18.75rem}
/*# sourceMappingURL=main.b92baebb.css.map*/