:root{--background:#fff;--foreground:#000;--lightRed:#ec4848;--brightRed:red;--lightGreen:#ebffe7;--brightGreen:#a5fb95;--GreenColor:#86cc58;--darkGreen:#6bcd2a;--darkGreen2:#2c7a00;--veryDarkGreen:#2a4816;--defaultTransition:all .5s ease-in-out}@supports (color:lab(0% 0 0)){:root{--darkGreen2:lab(45% -44.87 59.39)}}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:20px;display:flex}body>main{flex:auto}.formError{min-height:1rem;color:var(--brightRed);text-align:center;max-width:350px;font-size:1rem}.formError p{margin:0}@media (min-width:600px){.formError{min-height:1.2rem;font-size:1.2rem}}.form-input-field{max-width:400px;transition:var(--defaultTransition);flex-direction:column;margin:10px;display:flex}.form-input-field label{transition:var(--defaultTransition);margin-left:10px;font-size:1.2rem}.form-input-field input{border:2px solid;border-color:var(--GreenColor);transition:var(--defaultTransition);border-radius:10px;outline:none;padding:5px 10px;font-size:1.2rem}.form-input-field input:focus{border-color:var(--veryDarkGreen)}.form-input-field .fieldError{color:var(--brightRed);min-height:1rem;margin:5px 10px;font-size:1rem}.form-input-field .errorPlaceholder{height:1.1rem;margin:5px 10px}@media (min-width:600px){.form-input-field label,.form-input-field input{font-size:1.4rem}}.whiteFormInputField,.whiteFormInputField .dropdown{transition:var(--defaultTransition)}.whiteFormInputField{grid-template-columns:1fr;width:100%;margin-bottom:50px;font-size:1rem;display:grid}.whiteFormInputField>label{text-align:start;margin-left:10px;margin-right:10px}.whiteFormInputField>input,.whiteFormInputField .dropdown,.whiteFormInputField>textarea{border:1px solid #000;border-radius:10px;width:90%;padding:5px 10px;font-size:1rem}.whiteFormInputField>textarea{resize:none;height:100px}.whiteFormInputField .fieldError{text-align:center;color:red;grid-column:1/-1;width:90%;min-height:20px;margin:10px auto auto;padding:0;font-size:1rem}.whiteFormButtonContainer{justify-content:space-between;display:flex}.deleteAccountButtonContainer{justify-content:center;margin-top:50px;display:flex}@media (min-width:600px){.whiteFormInputField{grid-template-columns:1fr 2fr;gap:0 10px;font-size:1.4rem}.whiteFormInputField>label{text-align:end;margin:auto 0}.whiteFormInputField>input,.whiteFormInputField .dropdown{font-size:1.4rem}.whiteFormButtonContainer{justify-content:space-around}}.darkGreenButton,.whiteButton,.redTextButton,.greenTextButton,.redButton,.lightGreenButton{cursor:pointer;color:#000;border:1.8px solid #000;border-radius:10px;margin:5px;padding:10px 15px;font-size:1rem;font-weight:400;transition:background-color .2s ease-in-out,font-size .5s ease-in-out}.darkGreenButton{background-color:var(--darkGreen);border-color:var(--veryDarkGreen)}.lightGreenButton{background-color:var(--brightGreen)}.whiteButton{background-color:#fff}.redTextButton{color:red;background-color:#fff}.greenTextButton{color:var(--darkGreen2);background-color:#fff}.redButton{color:#fff;background-color:red;transition:background-color ease-in-out}@media (pointer:fine){.darkGreenButton:hover,.whiteButton:hover,.redTextButton:hover,.greenTextButton:hover,.redButton:hover,.lightGreenButton:hover{transform:scale(1.03)}.darkGreenButton:hover{background-color:var(--brightGreen)}.lightGreenButton:hover{background-color:var(--darkGreen)}.whiteButton:hover{border-color:#000}.redTextButton:hover{border-color:red}.greenTextButton:hover{border-color:var(--darkGreen2)}.redButton:hover{color:red;background-color:#fff;border-color:red;transition:none}}.darkGreenButton:active,.whiteButton:active,.redTextButton:active,.greenTextButton:active,.redButton:active,.lightGreenButton:active{transition:background-color ease-in-out;transform:scale(.97)}.darkGreenButton:active{background-color:var(--darkGreen)}.lightGreenButton:active{background-color:var(--brightGreen)}.redTextButton:active{background-color:#fff;border-color:red}.greenTextButton:active{border-color:var(--darkGreen2);background-color:#fff}.redButton:active{color:red;background-color:#fff;border-color:red}.darkGreenButton:disabled,.whiteButton:disabled,.redTextButton:disabled,.greenTextButton:disabled,.redButton:disabled,.lightGreenButton:disabled{opacity:.6;cursor:not-allowed}@media (min-width:600px){.darkGreenButton,.whiteButton,.redTextButton,.greenTextButton,.redButton,.lightGreenButton{font-size:1.2rem}}.buttonWithIcon{cursor:pointer;background-color:#0000;border:none;border-radius:10px;width:50px;height:40px;margin:5px;padding:2px}.buttonWithIcon>img{width:100%;height:100%}@media (pointer:fine){.buttonWithIcon:hover{transform:scale(1.03)}}.buttonWithIcon:active{transform:scale(.97)}.buttonWithIcon:disabled{opacity:.6;cursor:not-allowed}.navigationLink{border-radius:15px;width:100%;margin:0;padding:0;text-decoration:none}.navigationButton{cursor:pointer;width:100%;color:var(--veryDarkGreen);background-color:#0000;border:1.5px solid #0000;border-radius:15px;justify-content:center;padding:10px 15px;font-size:1rem;font-weight:400;transition:background-color .2s ease-in-out,font-size .5s ease-in-out;display:flex}.navigationButton>img{width:1rem;height:1rem;margin:auto 10px auto 0;transition:all .2s ease-in-out}.navigationButton.currentPage{color:#fff;background-color:var(--veryDarkGreen)}@media (pointer:fine){.navigationButton:hover{border:solid 1.5px var(--veryDarkGreen);transform:scale(1.03)}}.navigationButton:active{color:#fff;background-color:var(--veryDarkGreen);transition:background-color ease-in-out;transform:scale(.97)}@media (min-width:600px){.navigationButton{justify-content:start;font-size:1.4rem}.navigationButton>img{width:1.4rem;height:1.4rem}}main{background-color:var(--lightGreen);flex-direction:column;display:flex}.mainNavigation{flex-direction:column;flex:0 auto;display:flex}.mainNavigation header{text-align:center;color:var(--veryDarkGreen);margin:10px;font-size:2rem}.pageNavigations{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:20px 30px;display:grid}.mainSection{border:solid 1.5px var(--veryDarkGreen);background-color:#fff;border-radius:20px;flex:auto;margin:20px 10px}@media (min-width:500px){.pageNavigations{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:800px){main{flex-direction:row}.mainNavigation{flex:200px;align-items:center;max-width:200px;margin:50px 10px}.pageNavigations{flex-direction:column;flex:auto;justify-content:space-evenly;align-items:center;max-height:400px;margin-bottom:auto;display:flex}}@media (min-width:1000px){.mainNavigation{max-width:300px}.mainSection{padding:10px}}.cardContainer,.cardTitleAndInfo,.cardTitleAndInfo header,.cardTitleAndInfo p{transition:var(--defaultTransition)}.cardContainer{border:solid 1.5px var(--veryDarkGreen);box-sizing:border-box;border-radius:20px;flex-direction:column;flex:auto;width:90%;max-width:500px;max-height:500px;margin:10px;padding:10px 5px;display:flex}.cardContainer.longCard{max-width:none}.cardTitleAndInfo{flex:0 auto;width:90%;margin:auto}.cardTitleAndInfo header{text-align:center;color:var(--veryDarkGreen);white-space:nowrap;text-overflow:ellipsis;font-size:1.4rem;overflow:hidden}.cardTitleAndInfo p{text-align:center;margin:0;font-size:.8rem}.CardContent{border-radius:10px;flex-direction:column;flex:auto;justify-content:center;margin:10px;display:flex}@media (min-width:600px){.cardContainer{margin:20px 0;padding:10px}.cardContainer header{font-size:1.6rem}.cardContainer p{font-size:1rem}}.notEnoughDataAvailableMessage{text-align:center;transition:var(--defaultTransition);font-size:1rem}@media (min-width:600px){.notEnoughDataAvailableMessage{font-size:1.2rem}}.responsiveCard{cursor:pointer;transition:transform}@media (pointer:fine){.responsiveCard:hover{transform:scale(1.03)}}.responsiveCard:active{transform:scale(.97)}.chartContainer{flex-wrap:wrap;justify-content:space-around;max-width:95%;min-height:200px;display:flex}@media (min-width:600px){.chartContainer{min-height:300px}}.loadingCircleContainer,.loadingCircleContainer .loader{transition:var(--defaultTransition)}.loadingCircleContainer{justify-content:center;width:100%;margin-top:100px;display:flex}.loadingCircleContainer .loader{border:5px solid #0000;border-top:5px solid var(--veryDarkGreen);border-bottom:5px solid var(--veryDarkGreen);border-radius:50%;width:50px;height:50px;animation:1.5s linear infinite loading-circle}@media (min-width:600px){.loadingCircleContainer{margin-top:30vh}.loadingCircleContainer .loader{border-width:10px;width:100px;height:100px}}@keyframes loading-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.errorContainer,.errorContainer>header{transition:var(--defaultTransition)}.errorContainer{flex-direction:column;justify-content:center;align-items:center;margin-top:100px;display:flex}.errorContainer>header{margin-bottom:30px;font-size:1.4rem}@media (min-width:600px){.errorContainer{margin-top:20vh}.errorContainer>header{font-size:1.6rem}}.unexpectedErrorContainer,.unexpectedErrorContainer>header,.unexpectedErrorContainer>p{transition:var(--defaultTransition)}.unexpectedErrorContainer{flex-direction:column;justify-content:center;align-items:center;margin-top:100px;display:flex}.unexpectedErrorContainer>header{font-size:1.4rem}.unexpectedErrorContainer>p{font-size:1rem}@media (min-width:600px){.unexpectedErrorContainer{margin-top:20vh}.unexpectedErrorContainer>header{font-size:1.6rem}.unexpectedErrorContainer>p{font-size:1.2rem}}.pageNotFound,.pageNotFound>header,.pageNotFound>p{transition:var(--defaultTransition)}.pageNotFound{text-align:center;flex-direction:column;align-items:center;margin-top:30vh;display:flex}.pageNotFound>header{font-size:2rem}.pageNotFound>p{font-size:1rem}@media (min-width:600px){.pageNotFound>header{font-size:3rem}.pageNotFound>p{font-size:1.2rem}}