@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";.header{display:flex;width:100%;height:91px;background-color:#020203;align-items:center;box-shadow:0 4px 4px #00000040}.header__logo{margin-left:20px}.horizontal-nav{display:flex;width:100%;justify-content:space-around}.horizontal-nav__link{font-weight:500;color:#fff}.vertical-nav{display:flex;height:100%;width:117px;flex-direction:column;background-color:#020203}.vertical-nav-container{display:flex;height:80%;flex-direction:column;justify-content:center;align-items:center;gap:15px}.vertical-nav__text{transform:rotate(-90deg);white-space:nowrap;color:#fff;font-size:.75rem}.home{width:100%;height:100%}.home-container{display:flex;height:calc(100% - 91px);width:80%}.dashboard{padding:4rem 4.5rem;width:100%}.dashboard-left-container,.dashboard-right-container{width:100%}.dashboard-container{display:grid;grid-template-columns:70% 30%;margin-top:4rem;gap:2rem}.dashboard-title{font-size:3rem;font-weight:500;color:#020203;margin-top:0}.dashboard__text{font-size:1.125rem;font-weight:500;color:#020203}.dashboard-bottom-container{display:flex;justify-content:space-between;margin-top:2rem}.name{color:#e60000}@media (max-width: 1440px){.home-container{width:100%;height:calc(100% - 91px)}}@media (max-width: 1024px){.dashboard{padding:2rem}.dashboard-title{font-size:2rem;margin-bottom:1rem}.dashboard__text{font-size:.9rem}.dashboard-container{grid-template-columns:76% calc(24% - 1rem);margin-top:1rem;gap:1rem}.dashboard-bottom-container{margin-top:1rem}}.daily-activity{background-color:#fbfbfb;padding:1rem;height:305px;border-radius:5px}.daily-activity__text{color:#282d30;font-size:15px;font-weight:500;font-family:Roboto,sans-serif;margin-bottom:1rem}.daily-activity .recharts-legend-wrapper{top:-33px!important}.daily-activity .recharts-legend-item{margin-right:30px!important}.daily-activity .recharts-legend-item-text{font-size:14px;color:#74798c!important;font-weight:500}.daily-activity .recharts-default-legend .recharts-legend-item svg{margin-right:10px!important}.daily-activity .recharts-text{font-size:14px;font-weight:500;fill:#74798c}.tooltip-container{background-color:#e60000;color:#fff;padding:.5rem}.tooltip-text{font-size:10px;font-family:Roboto,sans-serif}@media (max-width: 1024px){.daily-activity__text{font-size:12px}.recharts-legend-item-text{font-size:12px!important}}.average-sessions-duration{background-color:#e60000;width:30%;height:263px;border-radius:5px}.average-sessions-duration__text{color:#fff;opacity:.5;position:absolute;font-size:15px;font-weight:500;font-family:Roboto,sans-serif;margin-top:1.5rem;line-height:1.5rem;margin-left:2rem}.tooltip2-container{background-color:#fff;color:#020203;padding:.125rem .5rem}.tooltip2-text{font-size:10px;font-family:Roboto,sans-serif}@media (max-width: 1024px){.average-sessions-duration{height:218px;width:25%}.average-sessions-duration__text{font-size:12px;margin-top:1rem;margin-left:1.5rem}}.score{background-color:#fbfbfb;width:30%;height:263px;border-radius:5px;position:relative}.score__title{position:absolute;color:#282d30;font-size:15px;font-weight:500;font-family:Roboto,sans-serif;margin-top:1.5rem;margin-left:2rem}.score-text{z-index:2;position:absolute;display:flex;flex-direction:column;align-items:center;left:38%;top:35%}.score-text__percentage{color:#282d30;font-size:26px;margin:0;font-weight:700;font-family:Roboto,sans-serif}.score-text__objectif{color:#74798c;font-size:15px;margin:0;font-weight:500;font-family:Roboto,sans-serif;line-height:1.4rem;text-align:center}@media (max-width: 1024px){.score{height:218px;width:30%}.score__title{font-size:12px;margin-top:1rem;margin-left:1.5rem}.score-text{left:34%;top:35%}.score-text__percentage{font-size:24px}.score-text__objectif{font-size:13px;line-height:1.2rem}}.radar-performance{background-color:#282d30;width:30%;height:263px;border-radius:5px}.radar-performance .recharts-text{transform:scaleY(1.08) translateY(-6px);font-size:10px;font-weight:500;fill:#fff}@media (max-width: 1024px){.radar-performance{height:218px;width:40%}}.cards-right{display:flex;height:100%;flex-direction:column;justify-content:space-between}.card{background-color:#fbfbfb;padding:2rem;border-radius:5px;width:100%;display:flex;align-items:center}.card-picture{border-radius:5px;margin-right:1rem;display:flex;align-items:center;justify-content:center}.card__img{margin:1rem}.card-text{color:#282d30}.card-text__title{font-size:1.25rem;font-weight:700;margin:0}.card-text__subtitle{color:#74798c;font-size:.875rem;font-weight:500;margin:5px 0 0}.card .red{background-color:#ffe6e6}.card .blue{background-color:#e3f4ff}.card .yellow{background-color:#fff6d6}.card .pink{background-color:#ffedf2}@media (max-width: 1024px){.card{padding:2rem 1rem}}.loader{position:fixed;height:100%;width:100%;z-index:1000;background-color:#ffffffc9;display:flex;justify-content:center;align-items:center;animation:loader .5s ease-out;animation-delay:1.2s;animation-fill-mode:both}.loader-item{border:10px solid #c4c4c4;border-top:10px solid #e60000;border-bottom:10px solid #e60000;border-radius:50%;width:100px;height:100px;animation:spin 1.2s linear infinite}@keyframes loader{0%{opacity:1}50%{opacity:.5}99%{z-index:1000}to{opacity:0;z-index:-1000}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}* a{text-decoration:none;color:#020203}body{font-family:Roboto,sans-serif;margin:auto;color:#e60000}#root{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:100vh}