*{box-sizing:border-box}html{height:100%}#root{width:100%;max-width:100%;height:100%;display:flex;flex-direction:column}body{min-width:1024px;height:100%;margin:0;padding:0;overflow:auto;display:flex;flex-direction:column;font-family:Roboto,sans-serif;overflow-x:hidden}main{width:100%;display:flex;flex-direction:column;flex:1;box-sizing:border-box}ul,li{text-decoration:none;list-style:none}.home-error{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;background-color:#fff;color:#020203;font-size:18px;font-weight:500}.app__container{display:flex;flex:1;width:100%;min-height:0}.app__container-main{flex:1;min-width:0;overflow-y:auto;overflow-x:auto}.app__container_userActivity{max-width:60%;display:flex;flex-direction:row}.header{width:100%;height:91px;box-shadow:0 4px 4px #00000040;z-index:10;position:relative}.navbar{background-color:#020203;height:100%;display:flex;align-items:center;padding:0 29px;justify-content:space-between}.navbar__logo{margin:1rem 2rem 1rem 0;flex-shrink:0}.navbar__logo img{width:177px;display:block}.navbar__links{display:flex;justify-content:center;align-items:center;gap:48px;list-style:none;flex:1;margin:0;padding:0}.navbar__link{color:#fff;text-decoration:none;font-size:24px;font-weight:500;font-family:Roboto,sans-serif;transition:color .2s}.navbar__link:hover{color:#ff0101;background:linear-gradient(currentColor 0 0) bottom/var(--d, 0) 3px no-repeat;transition:.3s;--d: 100%}.navbar__toggle{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar__toggle-label{color:#fff;font-size:14px;font-family:Roboto,sans-serif;white-space:nowrap}.toggle--checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle--label{display:inline-flex;align-items:center;width:50px;height:25px;background-color:#fff;border-radius:14px;position:relative;transition:background-color .25s ease;cursor:pointer}.toggle--label:after{content:"";position:absolute;left:4px;width:20px;height:20px;background-color:#74798c;border-radius:50%;box-shadow:0 1px 4px #0000004d;transition:transform .25s ease}.toggle--checkbox:checked+.toggle--label{background-color:#fff}.toggle--checkbox:checked+.toggle--label:after{transform:translate(24px)}.toggle--checkbox:focus-visible+.toggle--label{outline:2px solid #ff0101;outline-offset:2px}.screen-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{width:117px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#020203;box-shadow:0 4px 4px #00000040}.sidebar__nav{flex:1;display:flex;align-items:center}.sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.sidebar__item{width:64px;height:64px;background-color:#fff;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s}.sidebar__item:hover{opacity:.8}.sidebar__item img{width:32px;height:32px}.sidebar__link{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sidebar__copyright{margin-bottom:2rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:#fff;font-size:12px;font-weight:500;white-space:nowrap}.sidebar__copyright p{margin:0}.user_container-welcome,.user_container-name{font-weight:500;font-size:48px;margin:0 0 8px}.user_container-welcome{color:#20253a}.user_container-name{color:#ff0101}.dashboard{width:100%;height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;overflow:hidden}.dashboard__welcome{margin-bottom:5px}.dashboard__content{display:flex;flex-direction:row;width:100%;gap:20px;flex:1;min-height:0}.dashboard__activity{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.dashboard__graphs{display:flex;flex-direction:row;gap:10px;width:100%;min-width:0;flex:1;min-height:0}.dashboard__health-metrics{width:220px;flex-shrink:0}.activity{width:100%;min-height:200px;flex:1;height:320px;padding:24px;background:#fbfbfb;box-shadow:0 2px 4px #00000005;border-radius:5px;display:flex;flex-direction:column}.activity__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.activity__title{color:#20253a;margin:0;font-size:15px;font-weight:500;line-height:24px}.activity__legend{display:flex;margin:0;padding:0;gap:32px;list-style:none}.activity__legend-item{display:flex;align-items:center;gap:10px}.activity__legend-dot{width:8px;height:8px;border-radius:50%}.activity__legend-dot--weight{background-color:#282d30}.activity__legend-dot--calories{background-color:#e60000}.activity__legend-text{font-size:14px;font-weight:500;color:#74798c}.activity__chart{flex:1;width:100%}.activity__tooltip{background-color:#e60000;padding:8px;text-align:center;min-width:39px}.activity__tooltip-value{font-size:7px;font-weight:500;color:#fff;margin:4px 0}.duration{min-width:0;max-height:100%;border-radius:5px;background:#ff0101;display:flex;flex-direction:column;flex:1;aspect-ratio:1/1;overflow:hidden;position:relative;font-family:Roboto,sans-serif}.duration__title{position:absolute;top:10%;left:13%;z-index:10;font-size:15px;font-weight:500;line-height:24px;max-width:140px;color:#ffffff80}.duration__tooltip{background-color:#fff;color:#000;padding:10px;font-size:12px;font-weight:500}.radial-chart{flex:1;min-width:0;max-height:100%;aspect-ratio:1/1;background:#fbfbfb;border-radius:5px;display:flex;flex-direction:column;position:relative;padding:24px;box-sizing:border-box;overflow:hidden}.radial-chart__title{font-size:15px;font-weight:500;line-height:24px;color:#20253a;margin:0 0 20px}.radial-chart__label{font-family:Roboto,sans-serif;font-weight:700;font-size:clamp(16px,1.5vw,26px);fill:#282d30}.radial-chart__label-text{font-size:clamp(12px,1vw,16px);fill:#74798c;font-weight:500}.performances_container{flex:1;min-width:0;max-height:100%;aspect-ratio:1/1;background-color:#282d30;border-radius:5px;display:flex;justify-content:center;align-items:center;overflow:hidden}.healthMetrics{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px}.healthMetrics__card{width:258px;height:124px;border-radius:5px;background:#fbfbfb;display:flex;align-items:center;padding:32px;box-sizing:border-box}.healthMetrics__icon{width:60px;height:60px;border-radius:6px;display:flex;justify-content:center;align-items:center}.healthMetrics__icon img{width:32px;height:32px}.healthMetrics__icon--calories{background-color:#ff00001a}.healthMetrics__icon--protein{background-color:#4ab8ff1a}.healthMetrics__icon--carbs{background-color:#f9ce231a}.healthMetrics__icon--fat{background-color:#fd51811a}.healthMetrics__info{margin-left:24px;color:#020203}.healthMetrics__value{font-size:20px;font-weight:700;line-height:24px;margin:0 0 2px}.healthMetrics__label{margin:0;color:#74798c;font-size:14px;font-weight:500}