*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh;position:relative;width:100%}li{list-style-type:none}.logo img{height:58px}@media screen and (min-width:993px) and (max-width:1220px){.logo img{height:50px}}@media screen and (min-width:769px) and (max-width:992px){.logo img{height:42px}}@media screen and (min-width:376px) and (max-width:768px){.logo img{height:34px}}.verticalNav{align-items:center;background-color:#020203;box-shadow:0 4px 4px rgba(0,0,0,.25);min-height:100%;position:absolute;top:90px;width:117px}.verticalNav,.verticalNav ul{display:flex;flex-direction:column}.verticalNav ul{gap:20px;margin-top:250px}.verticalNav img{height:64px;width:64px}.copyright{color:#fff;font-size:12px;font-weight:500;margin-top:150px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@media screen and (min-width:993px) and (max-width:1220px){.verticalNav{width:110px}.verticalNav ul{gap:18px;margin-top:200px}.verticalNav img{height:60px;width:60px}.copyright{font-size:12px}}@media screen and (min-width:769px) and (max-width:992px){.verticalNav{width:100px}.verticalNav ul{gap:16px;margin-top:150px}.verticalNav img{height:56px;width:56px}.copyright{font-size:10px}}@media screen and (min-width:376px) and (max-width:768px){.verticalNav{width:100px}.verticalNav ul{gap:14px;margin-top:150px}.verticalNav img{height:52px;width:52px}.copyright{font-size:10px}}.header{align-items:center;background-color:#020203;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:91px;justify-content:space-around;width:100%}.navigation{font-size:24px;font-weight:500;width:80%}.navigation ul{display:flex;flex-direction:row;justify-content:space-around}.navLink{color:#fff;text-decoration:none}.logo{width:20%}@media screen and (min-width:993px) and (max-width:1220px){.navigation{font-size:20px;width:69%}}@media screen and (min-width:769px) and (max-width:992px){.navigation{font-size:18px;width:69%}}@media screen and (min-width:376px) and (max-width:768px){.navigation{font-size:16px;width:69%}}.dashboard{display:flex;flex-direction:column;margin:50px 90px 0 200px}.dashboardHeader{margin-bottom:68px}.dashboardHeader h1{font-size:48px;font-weight:500}.userName{color:#ff0101}.dashboardHeader p{font-size:18px;font-weight:400;margin-top:24px}.dashboardContent{display:flex;flex-direction:row;gap:31px;justify-content:space-between}@media screen and (min-width:993px) and (max-width:1220px){.dashboard{margin:60px 80px 0 180px}.dashboardHeader h1{font-size:40px}.dashboardHeader p{font-size:14px;margin-top:20px}.dashboardContent{gap:20px}}@media screen and (min-width:769px) and (max-width:992px){.dashboard{margin:50px 70px 0 180px}.dashboardHeader{margin-bottom:60px}.dashboardHeader h1{font-size:30px}.dashboardHeader p{font-size:18px;font-weight:400;margin-top:18px}.dashboardContent{gap:14px}}@media screen and (min-width:376px) and (max-width:768px){.dashboard{margin:40px 30px 0 150px}.dashboardHeader{margin-bottom:50px}.dashboardHeader h1{font-size:20px}.dashboardHeader p{font-size:14px;font-weight:400;margin-top:16px}.dashboardContent{display:block;gap:10px}}.cards{display:flex;flex-direction:column;gap:39px;justify-content:space-between;width:30%}.card{align-items:center;background-color:#fbfbfb;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);display:flex;flex-direction:row;height:124px;width:258px}.cardImage{border-radius:6px;height:60px;margin:32px;width:60px}.cardNumber{display:flex;flex-direction:column;height:51px;width:auto}.cardUnit{color:#282d30;font-size:20px;font-weight:700}.cardNumber p{color:#74798c;font-size:14px;font-weight:500;margin-top:5px}@media screen and (min-width:993px) and (max-width:1220px){.cards{width:25%}.card{width:100%}.cardImage{height:50px;margin:24px;width:50px}.cardNumber{height:38px}.cardUnit{font-size:14px}.cardNumber p{font-size:12px;margin-top:5px}}@media screen and (min-width:769px) and (max-width:992px){.cards{gap:20px;width:30%}.card{width:100%}.cardImage{height:40px;margin:12px;width:40px}.cardNumber{height:30px}.cardUnit{font-size:12px}.cardNumber p{font-size:10px;margin-top:5px}}@media screen and (min-width:376px) and (max-width:768px){.cards{flex-direction:row;gap:5px;width:100%}.card{height:80px;margin-top:20px;width:200px}.cardImage{height:30px;margin:10px;width:30px}.cardNumber{height:40px}.cardUnit{font-size:14px}.cardNumber p{font-size:12px;margin-top:5px}}.graphContent{display:flex;flex-direction:column;gap:30px;width:70%}.otherGraph{display:flex;flex-direction:row;gap:30px}.squareGraph{width:33%}.squareGraph>div>.recharts-wrapper{border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);width:100%!important}.graphTitle{font-size:15px}.customTooltipSession{background-color:#fff;border-style:none;height:25px;width:39px}.tooltipDataSession{color:#000;font-size:8px;font-weight:500;line-height:24px;text-align:center}.activityGraph{background:#fbfbfb;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.021);height:320px;margin-bottom:28px}.customTooltip{background-color:#e60000;height:63px;margin-left:7px;width:39px}.tooltipData{color:#fff;font-size:7px;font-weight:500;line-height:24px;text-align:center}.activityGraph>div>.recharts-wrapper{width:100%!important}.activityGraph>div>.recharts-wrapper>.recharts-surface{max-width:100%}.activityLegend{font-size:14px}.scoreSize{font-size:26px}@media screen and (min-width:993px) and (max-width:1220px){.graphContent{gap:20px;width:75%}.otherGraph{gap:20px}.graphTitle{font-size:15px}.scoreSize{font-size:24px}}@media screen and (min-width:769px) and (max-width:992px){.graphContent{gap:20px;width:75%}.otherGraph{gap:15px}.activityLegend,.graphTitle,.scoreSize{font-size:12px}}@media screen and (min-width:376px) and (max-width:768px){.graphContent{width:100%}.otherGraph{gap:10px}.graphTitle{font-size:12px}.scoreSize{font-size:20px}.activityLegend{font-size:12px}}.error{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:68px 90px 0 200px}.error h1{color:red;font-size:250px;font-weight:700;margin-bottom:77px}.error p{font-size:36px;font-weight:500;text-align:center}.error a{color:red;font-size:18px;font-weight:500;margin-top:10rem;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline}@media screen and (min-width:769px) and (max-width:992px){.error h1{font-size:104px;margin-top:10rem}.error p{font-size:22px}.error a{font-size:16px}}@media screen and (min-width:376px) and (max-width:768px){.error h1{font-size:96px;margin-top:100px}.error p{font-size:18px}.error a{font-size:14px}}@media only screen and (max-width:375px){.error h1{font-size:96px;margin-top:100px}.error p{font-size:18px}.error a{font-size:14px}}.connectPage{align-items:center;display:flex;flex-direction:column}.userCards{display:flex;gap:30px;margin-top:100px}.userCard{align-items:center;background-color:#e60000;border-radius:10px;display:flex;flex-direction:column;height:12rem;position:relative;width:12rem}.userCardsTitle{margin-top:100px}.userCard:hover{box-shadow:2px 2px 10px #e60000;cursor:pointer;opacity:.5}.userCard img{border-radius:10px;height:12rem;object-fit:cover;width:100%}.userCard p{color:#fff;display:flex;left:50px;position:absolute}@media screen and (min-width:769px) and (max-width:992px){.userCard{width:10rem}.userCard,.userCard img{height:10rem}.userCard p{left:35px}}@media screen and (min-width:376px) and (max-width:768px){.userCard{height:10rem;width:10rem}.userCards{flex-direction:column;gap:45px;margin-top:50px}.userCard img{height:10rem}.userCard p{left:35px}}.main{background-color:#020203;color:#fff;height:100vh;width:100%}
/*# sourceMappingURL=main.9e6bb5c1.css.map*/