html,body,#root{height:100%}body{margin:0;padding:0;background-color:#1d2634;color:#9e9ea4;font-family:Montserrat,sans-serif;overflow:hidden}:root{--app-header-height: 60px;--app-nav-base: #135178;--app-nav-base-dark: #0f4568;--app-nav-border: rgba(255, 255, 255, .08);--app-nav-text: rgba(255, 255, 255, .84)}.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;grid-template-rows:var(--app-header-height) 1fr;background-color:#fff;grid-template-areas:"header header" "sidebar main";height:100dvh;overflow:hidden}.header{grid-area:header;height:var(--app-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 16px;box-shadow:0 8px 18px #0a314d1f;border-bottom:1px solid var(--app-nav-border)}.menu-icon{display:none}#sidebar{grid-area:sidebar;height:calc(100vh - var(--app-header-height));background:linear-gradient(180deg,var(--app-nav-base) 0%,var(--app-nav-base-dark) 100%);overflow-y:auto;transition:all .5s;-webkit-transition:all .5s;border-right:1px solid var(--app-nav-border)}.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-x:hidden;overflow-y:auto;overflow-anchor:none;padding:0;color:#fffffff2;display:flex;flex-direction:column;min-height:0}.main-container h2{color:#0771ba}.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}.MuiDataGrid-columnHeaderTitleContainer{padding:0 20px}.MuiDataGrid-cell a{text-decoration:none;color:#000}@media screen and (max-width: 992px){.grid-container{grid-template-columns:1fr;grid-template-rows:var(--app-header-height) 1fr;grid-template-areas:"header" "main"}#sidebar{display:none}.menu-icon{display:inline;position:relative;z-index:99}.sidebar-title>span{display:inline}}@media screen and (max-width: 768px){:root{--app-header-height: 56px}.main-container{padding:0}.main-cards{grid-template-columns:1fr;gap:10px;margin-bottom:0}}@media screen and (max-width: 576px){.hedaer-left{display:none}}