:root{--yellow: linear-gradient(180deg, #f8d49a -146.42%, #fad79d -46.42%);--orange: #fca61f;--black: #242d49;--gray: #788097;--purple: linear-gradient(180deg, #bb67ff 0%, #c484f3 100%);--pink: #ff919d;--glass: rgba(255, 255, 255, .54);--boxShadow: 0px 19px 60px rgb(0 0 0 / 8%);--smboxShadow: -79px 51px 60px rgba(0, 0, 0, .08);--activeItem: #f799a354}html,body{height:100%;margin:0}.App{background:linear-gradient(135deg,#eef2f3,#8e9eab);min-height:100vh;justify-content:center;align-items:center;font-family:Inter,sans-serif;flex-direction:column}.App.notLogged-in{display:block}.App.logged-in{display:flex}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;align-items:center}.app-glass{display:grid;height:auto;width:97%;border-radius:2rem;background-color:var(--glass);grid-template-columns:11rem auto 20rem;gap:20px;margin:0rem 2rem 2rem;padding:15px 0 25px;max-width:1750px}.dashboard-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%;max-width:980px}@media screen and (max-width: 1200px){.app-glass{grid-template-columns:10% 50% auto;overflow-y:scroll}}@media screen and (max-width: 768px){.app-glass{grid-template-columns:1fr}.sidebar.dark-mode,.bars.dark-mode{background:#181818}.main-content h1{margin:15px 0 0}}.app-glass.light-mode{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.App.dark-mode{background:linear-gradient(135deg,#000,#727272)}.app-glass.dark-mode{background:linear-gradient(135deg,#1f1f2e,#121212);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.compact-card.dark-mode{background:linear-gradient(145deg,#2a2a40,#1e1e2e)!important;color:#e0e0e0!important;box-shadow:0 4px 12px #0009!important}.updates.dark-mode{background:#1e1e1e}.status.dark-mode{color:#fff!important}.sidebar{transition:all .3s ease;flex-direction:column;flex-shrink:0;position:sticky;top:0}.logo{height:5rem;display:flex;font-weight:700;font-size:22px;gap:1rem;align-items:center;justify-content:center}.logo>img{width:3rem;height:3rem}.logo>span>span{color:var(--orange)}.menu{display:flex;flex-direction:column;gap:1.8rem;margin-top:2rem}.menu-item{display:flex;align-items:center;gap:1rem;height:2.5rem;transition:all .3s ease;margin-left:2rem;position:relative;font-size:14px;border-radius:.7rem}.menu-item:hover{cursor:pointer}.active{background:var(--activeItem);margin-left:0}.sidebar .active:before{content:"";width:8px;height:100%;background:var(--pink);margin-right:calc(1rem - 8px)}.bars{display:none}@media screen and (max-width: 1200px){.menu-item>span{display:none}.logo{display:none}}@media screen and (max-width: 768px){.sidebar{position:fixed;z-index:99;background:#ffe0e0;width:50%;padding-right:1rem;height:100%}.menu-item>span{display:block}.logo{display:flex;justify-content:flex-start;padding-left:20px}.menu .menu-item:last-child{position:relative;margin-top:2rem}.bars{display:flex;position:fixed;left:60%;background:#ffe0e0;padding:10px;border-radius:10px;z-index:999;transition:.3s all ease}.close{left:-60%}}.cards{display:flex;gap:10px}.parent-container{width:100%}@media screen and (max-width: 1200px){.cards{flex-direction:column}.parent-container{height:9rem}}@media screen and (max-width: 768px){.cards{width:90%}}.compact-card{display:flex;flex:1;cursor:pointer;border-radius:.7rem;color:#fff;position:relative;padding:1rem}.compact-card:hover{box-shadow:none!important}.CircularProgressbar-path{stroke:#fff!important;stroke-width:10px;filter:drop-shadow(2px 4px 6px #fff)}.CircularProgressbar{max-width:65px;overflow:visible}.CircularProgressbar-trail{display:none!important}.radialBar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}.CircularProgressbar-text{fill:#fff!important}.detail{display:flex;flex-direction:column;flex:1;align-items:flex-end;justify-content:space-between}.detail>span:nth-child(2){font-size:22px;font-weight:700}.detail>span:nth-child(3){font-size:12px}.expanded-card{position:absolute;width:60%;z-index:9;left:13rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:1rem}.expanded-card>span:nth-of-type(1){color:#fff;font-size:26px;font-weight:700;text-shadow:0px 0px 15px white;position:relative;bottom:22%}.expanded-card>span:nth-of-type(2){color:#ececec;font-size:15px;position:relative;top:22%}.chart-container{width:90%;position:absolute}@media screen and (max-width: 768px){.expanded-card{top:7rem;left:3%;width:94%}}@media screen and (max-width: 600px){.expanded-card{height:15%}}@media screen and (min-width: 601px) and (max-width: 767px){.expanded-card{height:20%}}@media screen and (min-width: 768px) and (max-width: 1023px){.expanded-card{width:60%;height:20%;left:6rem;top:8rem}}@media screen and (min-width: 1024px) and (max-width: 1200px){.expanded-card{height:25%;left:7rem;top:8rem}}@media screen and (min-width: 1201px) and (max-width: 1399px){.expanded-card{height:35%;left:12rem;top:6rem}.chart-container{width:80%}}@media screen and (min-width: 1400px){.expanded-card{height:50%;left:12rem}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.MuiTableRow-root>*{padding:10px}.MuiTableRow-root.MuiTableRow-head>*{font-weight:700!important}.table td,th{border:none!important}.table:first-child{border-radius:.7rem!important}.status{padding:8px;border-radius:9px}.details{color:#00b5ff!important}@media screen and (max-width: 1200px){.table{width:100%;margin-top:2rem}}@media screen and (max-width: 768px){.table{position:relative;display:flex;flex-direction:column;align-items:center;width:90%}}.main-dash{display:flex;flex-direction:column;justify-content:space-evenly;flex:1}@media screen and (max-width: 1200px){.main-dash{justify-content:flex-start;margin-top:2rem}}@media screen and (max-width: 768px){.main-dash{align-items:center}}.updates{background:#fff;border-radius:.7rem;padding:1rem;gap:1rem;display:flex;flex-direction:column;font-size:13px}.update{display:flex;gap:.5rem}.update>img{width:3.2rem;height:3.2rem}.notification>div>span:nth-of-type(1){font-weight:700}.right-panel{display:flex;flex-direction:column;width:95%;flex-shrink:0;justify-content:space-evenly;position:sticky;top:0}@media screen and (max-width: 1200px){.right-panel{justify-content:flex-start}}@media screen and (max-width: 768px){.right-panel{width:100%;margin-top:0;padding-left:2rem;padding-right:2rem}.right-panel>div{flex-direction:column;align-items:center}}.loginForm-container{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;margin:0}.loginForm-container .container{display:flex;justify-content:center;align-items:center;width:100%}.loginForm-container .form-container{background-color:#fff;padding:20px 20px 15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:350px;min-height:350px;margin:20px;width:100%}.loginForm-container .form-toggle{display:flex;justify-content:space-between}.loginForm-container .form-toggle button{width:50%;padding:10px;background-color:#f3f3f3;color:#000;border:none;cursor:pointer;font-size:16px;border-radius:10px 10px 0 0}.loginForm-container .form-toggle .active{background-color:#033452;color:#fff}.loginForm-container .form{display:flex;flex-direction:column}.loginForm-container .form h2{margin-bottom:20px}.loginForm-container .form input{padding:12px 10px;margin-bottom:12px;border:1px solid #ddd;border-radius:5px;font-size:16px}.loginForm-container .form button{padding:10px;background-color:#033452;color:#fff;border:none;border-radius:5px;cursor:pointer}.loginForm-container .form a{color:#007bff;text-decoration:none;margin-bottom:12px;text-align:right}.loginForm-container .form p{text-align:center;margin-top:15px;margin-bottom:0}.App.notLogged-in .loginForm-container{height:100vh}@media only screen and (max-width: 1023px) and (orientation: landscape){.loginForm-container{height:auto!important}}