body{margin:0;padding:0;background-color:#1d2634;color:#9e9ea4;font-family:Montserrat,sans-serif}.icon{vertical-align:middle;line-height:1px;font-size:20px}.icon_header{vertical-align:middle;line-height:1px;font-size:26px}.icon,.icon_header{margin-right:5px}.close_icon{color:red;margin-left:30px;margin-top:10px;cursor:pointer}.grid-container{display:grid;grid-template-columns:260px 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"sidebar header header header" "sidebar main main main";height:100vh}.header{grid-area:header;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 6px 7px -3px #00000059}.menu-icon{display:none}#sidebar{grid-area:sidebar;height:100%;background-color:#263043;overflow-y:auto;transition:all .5s;-webkit-transition:all .5s}.sidebar-title{display:flex;justify-content:space-between;align-items:center;padding:15px 30px 0;margin-bottom:30px}.sidebar-title>span{display:none}.sidebar-brand{margin-top:15px;font-size:20px;font-weight:700}.sidebar-list{padding:0;list-style-type:none}.sidebar-list-item{padding:20px;font-size:18px}.sidebar-list-item:hover{background-color:#fff3;cursor:pointer}.sidebar-list-item>a{text-decoration:none;color:#9e9ea4}.sidebar-responsive{display:inline!important;position:absolute;z-index:12!important}.main-container{grid-area:main;overflow-y:auto;padding:20px;color:#fffffff2}.main-title{display:flex;justify-content:space-between}.main-cards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin:15px 0}.card{display:flex;flex-direction:column;justify-content:space-around;padding:8px 15px;border-radius:5px}.card:first-child{background-color:#2962ff}.card:nth-child(2){background-color:#ff6d00}.card:nth-child(3){background-color:#2e7d32}.card:nth-child(4){background-color:#d50000}.card-inner{display:flex;align-items:center;justify-content:space-between}.card-inner>.card_icon{font-size:25px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;height:300px}@media screen and (max-width: 992px){.grid-container{grid-template-columns:1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"header" "main"}#sidebar{display:none}.menu-icon{display:inline}.sidebar-title>span{display:inline}}@media screen and (max-width: 768px){.main-cards{grid-template-columns:1fr;gap:10px;margin-bottom:0}.charts{grid-template-columns:1fr;margin-top:30px}}@media screen and (max-width: 576px){.hedaer-left{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}