@font-face{font-family:poppins-bold;src:url(/assets/fonts/poppins/Poppins-Bold.ttf);font-display:swap}@font-face{font-family:poppins-reg;src:url(/assets/fonts/poppins/Poppins-Regular.ttf);font-display:swap}@font-face{font-family:poppins-med;src:url(/assets/fonts/poppins/Poppins-Medium.ttf);font-display:swap}@font-face{font-family:poppins-light;src:url(/assets/fonts/poppins/Poppins-Light.ttf);font-display:swap}:root{--fontLight:poppins-light;--fontRegular:poppins-reg;--fontMedium:poppins-med;--fontBold:poppins-bold;--lochmaraBlue:#0277bd;--daintreeBlue:#012337;--ripeLemonYellow:#efcb0e;--whiteSmokeGray:whitesmoke;--mineShaftGray:#3e3e3e;--nobelGray:#b9acac;--codGray:#151515;--tundoraGray:#4d4d4d;--altoGray:#dbdbdb;--ceruleanBlue:#03A9F4;--headerShadow:0 0 10px 0 #e5e5e5;--baseTextColor:'';--baseBackground:'';--baseFooterBackground:''}*{outline:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#000}b{font-weight:unset;font-family:var(--fontBold)}#page--wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;display:flex;flex-direction:column;background-color:var(--baseBackground)}#page--content{display:flex;flex-direction:column;flex:1;align-items:center;overflow-y:scroll}.page__spacer--20{width:100%;height:20px}.page__spacer--40{width:100%;height:40px}.page__spacer--80{width:100%;height:80px}#page__ajax--loader{background-image:url(/images/loader.gif);width:50px;height:50px;background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute}#page__ajax--window{width:100%;flex:1;opacity:0;background-color:var(--baseBackground);transition:opacity .3s;z-index:1;padding:5px;display:flex;flex-direction:column}#page__ajax--window[data-show=true]{opacity:1}.page--title{color:var(--baseTextColor);font-family:var(--fontBold);font-size:16px;margin-bottom:5px;text-align:center}.page__title--sticky{position:sticky;top:-1px;background-color:#000;padding-bottom:5px}.page__section--centered__both{flex:1;display:flex;align-items:center;justify-content:center}#page__notification--container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;z-index:1000;height:0}#page--notification{padding:10px;z-index:1000;position:fixed;top:10px;color:#fff;font-family:var(--fontRegular);font-size:14px;opacity:0;transition:opacity .3s}.page__notification--success{background-color:#4caf50;border-bottom:4px solid #316d33}.page__notification--warn{background-color:#ff9800;border-bottom:4px solid #af6a03}.page__notification--fail{background-color:#f44336;border-bottom:4px solid #9b2820}.button--container{display:flex;justify-content:center}.button--base{margin:5px;padding:10px;font-family:var(--fontBold);background-color:var(--codGray);color:#fff;border:none;border-radius:10px}.button--base:disabled{background-color:#1a1a1a;color:#454545}
#edit--form{display:flex;flex-direction:column;overflow-y:scroll}.edit--container{display:flex;flex-direction:column;margin-left:5px;margin-right:5px;border-radius:10px;overflow:hidden;margin-bottom:15px}.edit--label{font-family:var(--fontBold);color:#fff;font-size:12px;background-color:var(--codGray);padding-left:13px;padding-top:10px}.edit__input--container{display:flex}.edit--input,.edit--select{width:100%;height:40px;padding-left:10px;font-family:var(--fontRegular);background-color:var(--codGray);color:var(--baseTextColor);border:none;border-bottom:2px solid var(--codGray)}.edit--input{padding-left:13px}.edit--textarea{width:100%;height:120px;padding:13px 10px 10px 13px;background-color:var(--codGray);color:var(--baseTextColor);border:none;border-bottom:2px solid var(--codGray);font-family:var(--fontRegular);resize:none}.edit__input--container *{transition:border-color .3s}.edit__input--container :focus{border-color:var(--ceruleanBlue)}
#page--footer{height:60px;background-color:var(--baseFooterBackground);padding:15px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.page__footer--button{flex:1;background-color:rgba(0,0,0,0);outline:0;border:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.page__footer--button[data-selected=false]{color:var(--tundoraGray)}#page__footer--add{width:45px;height:45px;border-radius:50%;font-size:20px;border:none;background-color:#115054;color:#fff;display:flex;align-items:center;justify-content:center}
#page--header{display:flex;margin:15px;align-items:center}.page__header--button{width:50px;height:50px;border-radius:10px;font-size:16px;background-color:var(--codGray);border:none;color:#fff;display:flex;align-items:center;justify-content:center}#page__header--text{flex:1;font-family:var(--fontBold);color:var(--baseTextColor);text-align:center}#page__header--action__button{opacity:0;transition:opacity .3s;animation-name:page__header--action;animation-duration:3s;animation-iteration-count:infinite;animation-play-state:paused}#page__header--action__button[data-visible=true]{opacity:1;animation-play-state:running}@keyframes page__header--action{0%{background-color:var(--codGray)}50%{background-color:var(--ceruleanBlue)}100%{background-color:var(--codGray)}}
.information__card--holder{display:flex}.information--card{flex:1;margin:5px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:100px;min-height:100px;max-height:100px;align-items:center;justify-content:center;position:relative}.information__card--background{position:absolute;right:0;top:0;bottom:0;width:40%;background-color:rgb(0 0 0 / 30%);clip-path:polygon(100% 0,100% 50%,100% 100%,0 100%,25% 50%,0 0)}.information__card--title{font-family:var(--fontRegular);font-size:14px;color:#fff;z-index:1}.information__card--value{font-family:var(--fontBold);font-size:20px;color:#fff;z-index:1;text-align:center}.information__card--value span{font-size:14px}.information__card--blue{background:linear-gradient(350deg,#0b1a34 0,#2c6dcb 100%)}.information__card--purple{background:linear-gradient(350deg,#1f0b34 0,#792ccb 100%)}.information__card--green{background:linear-gradient(350deg,#0b3414 0,#2ccb61 100%)}.information__card--red{background:linear-gradient(350deg,#340b11 0,#cb2c47 100%)}.information__card--orange{background:linear-gradient(350deg,#342d0b 0,#cb9e2c 100%)}.information__card--yellow{background:linear-gradient(350deg,#30340b 0,#cbc72c 100%)}
#login--container{display:flex;flex-direction:column;flex:1;justify-content:center}#login--title{margin-left:5px;font-family:var(--fontBold);color:#fff;font-size:20px}#login--subtitle{margin-left:5px;font-family:var(--fontRegular);color:#fff;font-size:12px;margin-bottom:15px}#login__button--container{display:flex;justify-content:center;flex-direction:column;align-items:center}#signup--button{margin-top:10px;background-color:rgba(0,0,0,0);color:#fff;border:none;font-family:var(--fontRegular)}

.reward--card{width:100%;background-color:var(--mineShaftGray);border-radius:10px;margin:5px;position:relative;display:flex;flex-direction:column;overflow:hidden}.reward__card--image{position:absolute;top:0;left:0;bottom:0;right:0;background-position:center;background-size:cover;filter:brightness(.5) blur(2px)}.reward__card--top{display:flex;padding:10px 10px 0;z-index:1}.reward__card--details{display:flex;flex-direction:column;flex:1;justify-content:center}.reward__card--top button{margin-left:15px}.reward__card--title{font-family:var(--fontBold);color:#fff;font-size:14px}.reward__card--bottom{display:flex;flex-direction:column;z-index:1;padding:0 10px 10px}.reward__card--points{color:#fff;font-family:var(--fontRegular);font-size:12px;margin-bottom:5px}.reward__card--point__bar{height:6px;background-color:rgb(255 255 255 / 20%);border-radius:5px;position:relative;overflow:hidden}.reward__card__point__bar--fill{width:100%;position:absolute;left:0;top:0;height:100%;background-color:#fff}.reward__card__point__bar--fill[data-can-redeem=true]{background-color:var(--ceruleanBlue)}.reward__card__point__bar--fill[data-can-redeem=redeemed]{background-color:#4caf50}
#signup--form{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}#signup--form .edit--container{width:100%}#signup--title{color:#fff;font-family:var(--fontBold);font-size:20px;text-align:center}#signup--overview{color:#fff;font-family:var(--fontRegular);font-size:15px;margin-bottom:30px}
#spending--title{font-family:var(--fontBold);color:#fff;font-size:14px;text-align:center}#spending--budget{background-color:var(--baseFooterBackground);border-radius:10px;display:flex;flex-direction:column;padding:15px;margin:10px 5px 5px}#spending__budget--amounts{display:flex;align-items:center;justify-content:space-between}.spending__budget--amount{font-family:var(--fontBold);font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center}.spending__budget--amount span{font-size:11px;color:var(--nobelGray);margin-left:5px}#spending__budget--total__spent{color:#4caf50}#spending--budget[data-overspent=true] #spending__budget--total__spent{color:#f44336}.spending__budget--amount span{font-size:11px;color:var(--nobelGray);margin-left:5px}#spending__budget__amounts--spacer{color:var(--ceruleanBlue);font-family:var(--fontBold);font-size:28px}#spending__budget__progress--container{height:6px;background-color:rgb(255 255 255 / 20%);border-radius:5px;position:relative;overflow:hidden;margin-top:15px}#spending__budget__progress--fill{background-color:#4caf50;position:absolute;top:0;left:0;bottom:0}#spending--budget[data-overspent=true] #spending__budget__progress--fill{background-color:#f44336}.spend--card{display:flex;padding:15px;background-color:var(--mineShaftGray);border-radius:10px;align-items:center;margin:5px}.spend__card--details{display:flex;flex-direction:column;flex:1}.spend__card--title{color:#fff;font-family:var(--fontBold);font-size:16px;margin-bottom:2px}.spend__card--date{color:#fff;font-family:var(--fontRegular);font-size:10px}.spend__card--amount{color:#fff;margin-right:10px;font-size:20px;font-family:var(--fontBold)}.spend__card--delete{width:40px;height:40px;background-color:#f44336;border:none;border-radius:10px;color:#fff;font-size:20px}
.tasks--nothing__to__do--container{display:flex;flex-direction:column;color:var(--baseTextColor);align-items:center}.tasks--nothing__to__do--container i{font-size:40px;margin-bottom:10px}.tasks--nothing__to__do--container p{font-family:var(--fontRegular);font-size:14px;text-transform:uppercase}.tasks--card__holder{display:flex;flex-direction:column;align-items:center;padding-left:5px;padding-right:5px}.task--card{background-color:rgb(77 77 77);margin:5px 5px 8px;border-radius:10px;display:flex;flex-direction:column;width:100%;position:relative;align-items:center}.task__card--tags{display:flex;width:100%;position:absolute;top:-10px;height:23px;align-items:center;justify-content:center}.task__card--tag{border-radius:10px;padding:5px;font-family:var(--fontBold);font-size:9px;color:#000;margin-left:3px;margin-right:3px}.task__card__tag--assignee{background-color:var(--ceruleanBlue)}.task__card__tag--importance__highest{background-color:#f44336}.task__card__tag--importance__high{background-color:#ff9800}.task__card__tag--importance__normal{background-color:#9e9e9e}.task__card__tag--importance__low{background-color:#2196f3}.task__card--top{width:100%;display:flex;padding:15px;align-items:center}.task__card--icon{font-size:25px;color:rgb(255 255 255 / 30%);margin-right:15px}.task__card--details{display:flex;flex-direction:column;flex:1}.task__card--title{font-family:var(--fontBold);font-size:16px;color:var(--altoGray)}.task__card--value{font-family:var(--fontRegular);font-size:12px;color:var(--altoGray)}.task__card--check__container{width:25px;height:25px;border:2px solid #c9c9c9;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,border-color .3s}.task__card--check__container[data-checked=true]{background-color:#8bc34a;border-color:#8bc34a}.task__card--check__container[data-checked=pending]{background-color:#ff9800;border-color:#ff9800}.task__card--check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:15px;transition:color .3s}.task__card--check__container[data-checked=false] .task__card--check{color:rgba(0,0,0,0)}.task__card--date{display:flex;align-items:center;justify-content:center;background-color:#636363;padding:10px;color:var(--altoGray);font-size:12px;font-family:var(--fontRegular);border-radius:10px}.task__card--date i{margin-right:5px}.task__card--date b{margin-left:5px}.task__card--bottom{display:flex;width:100%;align-items:center;padding-bottom:15px;padding-left:15px;padding-right:15px}.task__card__bottom--spacer{flex:1}.task__card__importance--icon{font-size:25px}#task--container{display:flex;flex:1;flex-direction:column}#task__icon--container{height:150px;display:flex;align-items:center;justify-content:center}#task--icon{color:#fff;background-color:var(--codGray);width:75px;height:75px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}#task--title{color:#fff;font-family:var(--fontBold);font-size:18px;margin-left:5px;margin-right:5px}#task__title--bar{height:2px;width:100px;background-color:var(--tundoraGray);margin-top:5px;margin-bottom:15px;margin-left:5px}#task--content{flex:1;border-radius:10px;background-color:var(--codGray);padding:15px;color:var(--baseTextColor);font-family:var(--fontRegular);font-size:14px;margin:5px}#task__details--container{margin-top:15px;display:flex}.task--detail{flex:1;color:var(--nobelGray);display:flex;flex-direction:column;align-items:center;background-color:var(--codGray);margin:5px;border-radius:10px;padding-top:10px;padding-bottom:10px}.task__detail--label{font-family:var(--fontRegular);font-size:14px}.task__detail--value{font-family:var(--fontBold);font-size:14px;color:#fff}#task--actions{display:flex}#task--actions .button--base{flex:1}.task__timescale--container{display:flex;flex-direction:column}.task__timescale--label{color:#fff;font-family:var(--fontBold);font-size:12px;margin-bottom:5px;margin-left:5px;margin-right:5px}.task__timescale__button--container{display:flex;flex-wrap:wrap}.task__timescale--section[data-visible=false]{display:none}.task__timescale--button{flex:1;height:50px;background-color:var(--codGray);color:#fff;font-family:var(--fontBold);font-size:14px;border:2px solid var(--codGray);margin:5px;border-radius:10px;transition:border-color .3s;min-width:30%}.task__timescale--button[data-selected=true]{border-color:var(--ceruleanBlue)}.task__timescale__date--container{margin:5px;background-color:var(--codGray);border-radius:10px;display:flex;align-items:center;min-height:50px;position:relative}.task__timescale__date--section{color:#fff;border-bottom:4px solid var(--ceruleanBlue);flex:.7;display:flex;margin:15px 10px;align-items:center;justify-content:center;padding-bottom:10px;font-family:var(--fontBold);font-size:25px}.task__timescale__date--section:last-of-type{flex:1}.task__timescale__date--input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}#task__data--container{display:flex;flex-wrap:wrap}.task--data{margin:5px;padding:10px;font-family:var(--fontBold);background-color:var(--codGray);color:var(--baseTextColor);border:none;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:center;flex:1;min-width:34%}.task--data span{font-family:var(--fontRegular);margin-right:5px;font-size:10px;text-align:center}.completion__message--important{background-color:#cf874c}.completion__message--overdue{background-color:#b74e48}
.user--card{background-color:rgb(255 255 255 / 30%);margin:5px;border-radius:10px;display:flex;align-items:center;padding:15px}.user__card--details{flex:1}.user__card--name{font-family:var(--fontBold);font-size:16px;color:var(--altoGray)}.user__card--email{font-family:var(--fontRegular);font-size:14px;color:var(--altoGray)}.user__card--icon{height:100%;aspect-ratio:1/1;background-color:var(--codGray);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--altoGray)}.user__card--edit{font-size:20px;margin-left:10px;background-color:rgba(0,0,0,0);color:var(--altoGray);border:none}.user__card--points{color:var(--ceruleanBlue);font-family:var(--fontBold);font-size:24px;margin-right:15px;display:flex;align-items:center}.user__card--points span{color:var(--altoGray);font-size:12px;margin-left:5px}