@import"https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap";@import"https://fonts.googleapis.com/css2?family=Comfortaa&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}a{color:inherit;text-decoration:none}img,video,canvas{display:block;width:100%}button,select{cursor:pointer}button,input,select{font:inherit;color:inherit;text-transform:inherit;background:transparent;border:0}ul{list-style-type:none}:root{--color-background: #B6D3D3;--color-foreground: #000000;--color-button-choose-task: var(var(--color-foreground));--color-button-task: #34568B;--color-button-task-hover: #1f3354;--color-button-font: #FFFFFF;--font-size-list-item: 85%;--font-size-button: 100%;--font-size-earnings: 120%;--font-size-foreground: 150%;--font-size-header: 200%;--font-family-main: "Comfortaa", cursive;--font-family-header: "Hachi Maru Pop", cursive;--gap-column: 1rem;--gap-padding: 1rem;--gap-row: 1rem;--gap-section: 2rem;--gap-box-padding: 1rem;--gap-bottom-padding: .2rem;--gap-button-padding: .5rem}.grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);align-items:flex-start;column-gap:var(--gap-column);row-gap:var(--gap-row)}.grid__column--1,.grid__column--2,.grid__column--3,.grid__column--4,.grid__column--5,.grid__column--6,.grid__column--7,.grid__column--8,.grid__column--9,.grid__column--10,.grid__column--11,.grid__column--12{grid-column-end:span 12}.grid__column-mobile--1{grid-column-end:span 1}.grid__column-mobile--2{grid-column-end:span 2}.grid__column-mobile--3{grid-column-end:span 3}.grid__column-mobile--4{grid-column-end:span 4}.grid__column-mobile--5{grid-column-end:span 5}.grid__column-mobile--6{grid-column-end:span 6}.grid__column-mobile--7{grid-column-end:span 7}.grid__column-mobile--8{grid-column-end:span 8}.grid__column-mobile--9{grid-column-end:span 9}.grid__column-mobile--10{grid-column-end:span 10}.grid__column-mobile--11{grid-column-end:span 11}.grid__column-mobile--12{grid-column-end:span 12}@media screen and (min-width:1024px){.grid__column--1{grid-column-end:span 1}.grid__column--2{grid-column-end:span 2}.grid__column--3{grid-column-end:span 3}.grid__column--4{grid-column-end:span 4}.grid__column--5{grid-column-end:span 5}.grid__column--6{grid-column-end:span 6}.grid__column--7{grid-column-end:span 7}.grid__column--8{grid-column-end:span 8}.grid__column--9{grid-column-end:span 9}.grid__column--10{grid-column-end:span 10}.grid__column--11{grid-column-end:span 11}.grid__column--12{grid-column-end:span 12}}body{font-family:var(--font-family-main);text-transform:uppercase;background-color:var(--color-background);font-size:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media screen and (min-width:1920px){body{font-size:var(--font-size-foreground);max-width:1920px;margin:0 auto}}.box{padding:var(--gap-box-padding)}.main-header{margin-bottom:var(--gap-row);font-family:var(--font-family-header);justify-items:center}.main-header__logo{font-size:clamp(1rem,5vw,var(--font-size-header));white-space:nowrap}.main-header__nav{display:flex;align-items:center;justify-content:flex-end;justify-self:end;font-size:var(--font-size-button)}@media screen and (min-width:1024px){.main-header{justify-items:start}}.frontpage-users__user-content{width:80%;padding-bottom:0}.frontpage-users{margin-bottom:var(--gap-row)}.frontpage-users__user{justify-items:center}.frontpage-users__user-image{aspect-ratio:3/4}.frontpage-users__user-img{object-fit:cover;height:100%}.frontpage-users__user-choose-me{display:flex;justify-content:center;text-align:center;font-size:var(--font-size-button);background-color:var(--color-foreground);color:var(--color-button-font);font-family:var(--font-family-header)}@media screen and (min-width:1042px){.frontpage-users__user-content{width:100%;padding-bottom:var(--gap-box-padding)}.frontpage-users__user-content:hover{border:2px solid black}}.dynamic-page-kids{justify-content:space-between;row-gap:0}.dynamic-page-kids__user-information{display:flex;flex-direction:row;align-items:center;gap:var(--gap-column);padding-bottom:var(--gap-box-padding)}.dynamic-page-kids__user-image{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;aspect-ratio:1}.dynamic-page-kids__user-img{object-fit:cover;width:100%;height:100%}.dynamic-page-kids__user-name{font-size:var(--font-size-foreground);padding-bottom:0}.dynamic-page-kids__week-number-dropdown{width:100%;background-color:var(--color-foreground);color:var(--color-button-font)}.dynamic-page-kids__select-week-number{width:100%;font-size:var(--font-size-button)}.dynamic-page-kids__performed-tasks-list-item{font-size:var(--font-size-list-item);padding-bottom:var(--gap-bottom-padding)}.dynamic-page-kids__task-date{text-align:left;text-transform:capitalize}.dynamic-page-kids__task-value{text-align:right}.dynamic-page-kids__earnings{width:100%;display:flex;justify-content:center;font-size:var(--font-size-earnings);border-style:dotted}.dynamic-page-kids__week-paid-or-not{width:100%;text-align:end}@media screen and (min-width:1024px){.dynamic-page-kids{align-items:start}.dynamic-page-kids__user-information{flex-direction:column;align-items:center;gap:0}.dynamic-page-kids__user-image{width:100%;height:auto;border-radius:.5rem;aspect-ratio:3/4}.dynamic-page-kids__user-name{display:flex;justify-content:center;padding-top:var(--gap-box-padding)}.dynamic-page-kids__week-number-dropdown{width:100%}.dynamic-page-kids__week-number-dropdown:hover{background-color:var(--color-button-task-hover);color:var(--color-button-font)}}.task-fab{position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;border-radius:50%;background-color:var(--color-foreground);color:var(--color-button-font);font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059;z-index:100;transition:background-color .15s}.task-fab:hover{background-color:var(--color-button-task-hover)}.task-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-end;z-index:200}.task-modal{background-color:var(--color-background);width:100%;max-height:75vh;overflow-y:auto;border-radius:1rem 1rem 0 0;padding-bottom:2rem}.task-modal__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-earnings);font-family:var(--font-family-header);position:sticky;top:0;background-color:var(--color-background)}.task-modal__close{font-size:1.2rem;padding:.25rem .5rem}.task-modal__search{position:sticky;top:3.5rem;background-color:var(--color-background);padding-top:0}.task-modal__search-input{width:100%;padding:.6rem var(--gap-padding);border:2px solid var(--color-foreground);border-radius:2rem;background-color:var(--color-background);font-size:var(--font-size-button)}.task-modal__search-input:focus{outline:none;border-color:var(--color-button-task)}.task-modal__list{display:flex;flex-direction:column;gap:var(--gap-row);padding:var(--gap-padding)}.task-modal__no-results{text-align:center;opacity:.6}.task-modal__task-button{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:var(--color-button-task);color:var(--color-button-font);border-radius:10px;text-align:left;transition:background-color .15s}.task-modal__task-value{white-space:nowrap;padding-left:1rem}.modal-enter-active,.modal-leave-active{transition:opacity .2s ease}.modal-enter-active .task-modal,.modal-leave-active .task-modal{transition:transform .25s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .task-modal,.modal-leave-to .task-modal{transform:translateY(100%)}@media screen and (min-width:1024px){.task-modal-overlay{align-items:center;justify-content:center}.task-modal{width:480px;border-radius:1rem;max-height:80vh}.task-modal__task-button:hover{background-color:var(--color-button-task-hover)}}.admin-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-column);flex-wrap:wrap}.admin-page__title{font-family:var(--font-family-header);font-size:var(--font-size-foreground)}.admin-page__week-selector{position:relative;background-color:var(--color-foreground);color:var(--color-button-font);border-radius:.4rem;overflow:hidden;transition:background-color .15s}.admin-page__week-selector:hover{background-color:var(--color-button-task)}.admin-page__week-selector:after{content:"▾";position:absolute;right:var(--gap-padding);top:50%;transform:translateY(-50%);pointer-events:none;font-size:.9rem}.admin-page__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:var(--font-size-button);padding:var(--gap-button-padding) calc(var(--gap-padding) * 3) var(--gap-button-padding) var(--gap-padding);color:var(--color-button-font);background-color:transparent;width:100%;cursor:pointer}.admin-kids{align-items:start}.admin-kid-card{display:flex;flex-direction:column;gap:var(--gap-row);background-color:#ffffff59;border-radius:.5rem}.admin-kid-card__header{display:flex;align-items:center;gap:var(--gap-column)}.admin-kid-card__avatar-wrap{width:3.5rem;height:3.5rem;flex-shrink:0;border-radius:50%;overflow:hidden}.admin-kid-card__avatar{width:100%;height:100%;object-fit:cover}.admin-kid-card__name{font-family:var(--font-family-header);font-size:var(--font-size-earnings)}.admin-kid-card__tasks{display:flex;flex-direction:column;gap:.4rem;font-size:var(--font-size-list-item)}.admin-kid-card__task-item{align-items:center;padding:.2rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.admin-kid-card__task-item--pending{opacity:.55}.admin-kid-card__task-status{text-align:center}.admin-kid-card__task-value{text-align:right}.admin-kid-card__no-tasks{font-size:var(--font-size-list-item);opacity:.6}.admin-kid-card__footer{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.admin-kid-card__earnings{font-size:var(--font-size-earnings);border-style:dotted;text-align:center}.admin-kid-card__paid-btn{width:100%;background-color:var(--color-foreground);color:var(--color-button-font)}.admin-kid-card__paid-btn--paid{background-color:#2e7d32}.admin-kid-card__paid-btn:disabled{opacity:.4;cursor:not-allowed}.admin-kid-card__add-btn{width:100%;background-color:var(--color-button-task);color:var(--color-button-font);border-radius:.4rem}.dynamic-page-kids__check-off-btn{background-color:var(--color-button-task);color:var(--color-button-font);border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;margin-left:auto;font-size:1.1rem;flex-shrink:0}.dynamic-page-kids__performed-tasks-list-item--pending{opacity:.55}.task-delete-col{display:flex;align-items:center;justify-content:flex-end}.task-delete-btn{width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#00000059;transition:background-color .15s,color .15s}.task-delete-btn:hover{background-color:#b00020;color:#fff}@media screen and (min-width:1024px){.admin-kid-card__add-btn:hover{background-color:var(--color-button-task-hover)}.admin-kid-card__paid-btn:not(:disabled):hover{opacity:.85}.dynamic-page-kids__check-off-btn:hover{background-color:var(--color-button-task-hover)}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:var(--gap-padding)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--gap-section);background-color:#fff6;border-radius:1rem}.login-card__title{font-family:var(--font-family-header);font-size:var(--font-size-header);text-align:center}.login-card__form{display:flex;flex-direction:column;gap:var(--gap-row)}.login-card__field{display:flex;flex-direction:column;gap:.3rem}.login-card__label{font-size:var(--font-size-list-item)}.login-card__input{width:100%;border:2px solid var(--color-foreground);border-radius:.4rem;background-color:#fff9;font-size:var(--font-size-button)}.login-card__input:focus{outline:none;border-color:var(--color-button-task)}.login-card__error{color:#b00020;font-size:var(--font-size-list-item);text-align:center}.login-card__submit{width:100%;background-color:var(--color-foreground);color:var(--color-button-font);border-radius:.4rem;font-size:var(--font-size-button);margin-top:var(--gap-row)}.login-card__submit:disabled{opacity:.5}.main-header__logout{font-size:var(--font-size-button)}.main-header__nav-link{margin-right:var(--gap-column)}.hamburger{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:auto;border-radius:50%;transition:background-color .15s}.hamburger:hover{background-color:#ffffff40}.hamburger__icon{font-size:1.3rem;line-height:1}.hamburger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:200;display:flex;justify-content:flex-end}.hamburger-panel{background-color:var(--color-background);width:min(280px,80vw);height:100%;display:flex;flex-direction:column;padding:var(--gap-section) 0;gap:.25rem;padding-right:env(safe-area-inset-right)}.hamburger-panel__link,.hamburger-panel__logout{display:block;width:100%;text-align:left;font-size:var(--font-size-button);padding:var(--gap-box-padding) var(--gap-section);transition:background-color .15s}.hamburger-panel__link:hover,.hamburger-panel__logout:hover{background-color:#00000014}.hamburger-panel__logout{margin-top:auto;border-top:1px solid rgba(0,0,0,.1);color:#b00020}.menu-enter-active,.menu-leave-active{transition:opacity .2s ease}.menu-enter-active .hamburger-panel,.menu-leave-active .hamburger-panel{transition:transform .25s ease}.menu-enter-from,.menu-leave-to{opacity:0}.menu-enter-from .hamburger-panel,.menu-leave-to .hamburger-panel{transform:translate(100%)}.compare-page__title{font-family:var(--font-family-header);font-size:var(--font-size-header);text-align:center}.compare-list{display:flex;flex-direction:column;gap:var(--gap-row);padding:0 var(--gap-padding) var(--gap-section)}.compare-card{display:flex;align-items:center;gap:var(--gap-column);background-color:#ffffff59;border-radius:.75rem}.compare-card--winner{background-color:#fff9;box-shadow:0 2px 12px #0000001a}.compare-card__rank{font-family:var(--font-family-header);font-size:var(--font-size-earnings);width:2rem;text-align:center;flex-shrink:0}.compare-card__avatar-wrap{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.compare-card__avatar{width:100%;height:100%;object-fit:cover}.compare-card__info{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.compare-card__name{font-size:var(--font-size-earnings)}.compare-card__bar-wrap{width:100%;height:.55rem;background-color:#0000001a;border-radius:1rem;overflow:hidden}.compare-card__bar{height:100%;background-color:var(--color-button-task);border-radius:1rem;transition:width .4s ease}.compare-card--winner .compare-card__bar{background-color:#2e7d32}.compare-card__stats{display:flex;justify-content:space-between;font-size:var(--font-size-list-item)}.compare-card__earnings{font-weight:700}.compare-card__tasks{opacity:.6}.compare-page__empty{text-align:center;opacity:.6}