body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f9;margin:0}main{padding:20px;max-width:1100px;margin:auto}hr{margin:40px 0;border:none;border-top:1px solid #e0e0e0}button{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9em;transition:background-color .2s,transform .1s}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{background-color:#ccc;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=url],input[type=time],input[type=number],select{width:100%;padding:10px;box-sizing:border-box;margin-top:5px;border-radius:4px;border:1px solid #ccc}.menubar{display:flex;justify-content:space-between;align-items:center;padding:12px 25px;background-color:#2c3e50;color:#fff;box-shadow:0 2px 5px #0003;position:sticky;top:0;z-index:100}.menubar-group{display:flex;align-items:center;gap:20px}.menubar a{color:#fff;text-decoration:none;font-size:1em;font-weight:700;padding:8px 12px;border-radius:4px;transition:background-color .2s}.menubar a:hover{background-color:#ffffff1a}.menubar .welcome-message{font-style:italic;color:#bdc3c7;margin-right:10px}.menubar .logout-button{background-color:#c0392b;color:#fff}.menubar select{background-color:#34495e;color:#fff;border:1px solid #7f8c8d;font-weight:700}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:25px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d}.modal-content .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.icon-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.icon-option{font-size:2.5rem;padding:5px;border-radius:8px;cursor:pointer;transition:transform .2s,background-color .2s;background-color:#f0f0f0;border:3px solid transparent;line-height:1}.icon-option.selected{background-color:#007bff;transform:scale(1.2)}.family-member-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin-bottom:5px}.fc-header-toolbar,.fc-toolbar,.fc-toolbar-ltr{display:flex;flex-wrap:wrap}.delete-button{background-color:#dc3545;color:#fff}.task-item{padding:15px;margin-bottom:10px;cursor:pointer;background-color:#fff;box-shadow:0 1px 3px #0000000d;border-radius:4px;transition:background-color .2s}.mobileHomePage{flex:0 0 320px}.desktopHomePage{display:block}.task-item:hover{background-color:#f9f9f9}.task-item.completed{text-decoration:line-through;opacity:.6;background-color:#fdfdfd}.task-item-content{display:flex;justify-content:space-between;align-items:center}.task-info{flex-grow:1;display:flex;align-items:center;gap:15px}.task-info .emoji{font-size:1.5em}.task-info .details{font-size:.9em;color:#666}.participant-selector{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;border-radius:8px;cursor:pointer;border:3px solid transparent;transition:background-color .2s}.participant-selector:hover{background-color:#f0f0f0}.participant-selector.selected{border-color:#007bff;background-color:#e8f4fd}.participant-avatar{font-size:2.5rem;line-height:1}.participant-name{font-size:.75em;font-weight:500}.rewards-grid{display:grid;gap:20px;grid-template-columns:repeat(1,1fr)}.child-filter-buttons{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}@media (min-width: 900px){.rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.rewards-grid{grid-template-columns:repeat(3,1fr)}}.add-reward-section.form-container{max-width:700px;margin-left:auto;margin-right:auto}.add-reward-form .form-row{display:flex;flex-wrap:wrap;gap:15px}.vault-item-count{position:absolute;top:-10px;right:-10px;background-color:#007bff;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1em;border:2px solid white}.reward-card{position:relative;border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;background-color:#fff;display:inline-block;box-shadow:0 2px 5px #00000014;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-bottom:20px;width:100%;box-sizing:border-box}.reward-button{background-color:#007bff;width:100%;margin-top:20px;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9em;transition:background-color .2s,transform .1s}.reward-card h3{font-size:1.1em;color:#333;margin-bottom:5px}.reward-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.reward-card .reward-cost{font-size:1.4em;color:#007bff;font-weight:700;margin:5px 0 15px}.reward-card.disabled{opacity:.5;background-color:#f8f9fa}.reward-card.disabled:hover{transform:none;box-shadow:0 1px 3px #0000000d}.add-reward-form .form-row{display:flex;gap:15px;align-items:flex-end}.reward-card .reward-icon{font-size:4em;line-height:1}.inventory-count{position:absolute;top:8px;right:8px;background-color:#007bff;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;font-size:.9em;font-weight:700;border:2px solid white;box-shadow:0 1px 3px #0003}.purchase-history-list{list-style:none;padding:0}.purchase-item{display:flex;align-items:center;gap:15px;padding:12px 10px;border-bottom:1px solid #eee;font-size:.95em}.purchase-item .reward-icon{font-size:2em;flex-shrink:0}.purchase-item-info{flex-grow:1;display:flex;flex-direction:column}.purchase-item-info strong{font-size:1.1em}.purchase-item-date{font-size:.8em;color:#666}.purchase-item-cost{font-weight:700;font-size:1.1em;color:#007bff;flex-shrink:0}.auth-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff;padding:20px;box-sizing:border-box}.auth-box{max-width:400px;width:100%;text-align:center}.auth-box h1{font-size:2.5rem;margin-bottom:2rem}.auth-actions button{width:100%;margin-bottom:10px;padding:12px;border-radius:20px;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:10px}.google-button{background-color:#fff;color:#333;border:1px solid #ddd}.create-account-button{background-color:#007bff;color:#fff}.auth-separator{display:flex;align-items:center;text-align:center;color:#888;margin:20px 0}.auth-separator:before,.auth-separator:after{content:"";flex:1;border-bottom:1px solid #ddd}.auth-separator:not(:empty):before{margin-right:.25em}.auth-separator:not(:empty):after{margin-left:.25em}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.dashboard-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center}.dashboard-card h2{margin-top:0;font-size:1.2rem;color:#333}.level-card .level-name{font-size:1.1em;font-weight:700;color:#555}.level-card .level-emoji{font-size:5em;margin:10px 0;line-height:1}.progress-bar-container{background-color:#e9ecef;border-radius:10px;overflow:hidden;margin:15px 0;height:20px;position:relative}.progress-bar-fill{height:100%;background-color:#28a745;border-radius:10px;transition:width .5s ease-in-out}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:.8em;font-weight:700}.level-card .next-level-info{font-size:.9em;color:#6c757d}.stats-card .stat-item{font-size:1.8em;font-weight:700;margin-bottom:20px}.stats-card .badges-grid{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;min-height:50px}.stats-card .badge-item{font-size:3em;cursor:pointer;transition:transform .2s}.stats-card .badge-item:hover{transform:scale(1.2)}.charts-section{margin-top:30px}.purchase-summary{display:flex;justify-content:space-around;align-items:center;background-color:#f8f9fa;padding:15px;border-radius:8px;margin:20px 0;text-align:center}.purchase-summary div{display:flex;flex-direction:column}.purchase-summary span{font-size:.9em;color:#6c757d}.purchase-summary strong{font-size:1.5em;font-weight:700}.task-actions{display:flex;align-items:center;gap:15px;flex-shrink:0;margin-left:15px}.task-points{font-size:1em;font-weight:700;color:#3d7c4f;background-color:#eaf6ec;padding:1px 5px;border-radius:12px;white-space:nowrap}.task-actions .TaskTimer button{padding:5px 8px;font-size:.8em}.tabs-container{display:flex;background-color:#e9ecef;border-radius:10px;padding:5px;margin-bottom:25px}.tab-button{flex:1;padding:12px 20px;border:none;border-radius:8px;background-color:transparent;cursor:pointer;font-size:1em;font-weight:700;color:#495057;text-align:center;transition:background-color .2s ease-in-out,color .2s ease-in-out}.tab-button.active{background-color:#007bff;color:#fff;box-shadow:0 2px 4px #0000001a}.routine-item{display:flex;flex-direction:column;gap:15px;border:1px solid #e0e0e0;padding:15px;margin-bottom:10px;border-radius:8px;background-color:#fff}.routine-assignments{text-align:right}.routine-assignments strong{font-size:.9em;display:block;margin-bottom:5px}routine-item-top-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.routine-details{flex-grow:1}.routine-details h3{margin:0 0 5px}.routine-details p{margin:0;color:#555;font-size:.9em}.routine-actions{display:flex;flex-shrink:0;height:40px}.routine-item-bottom-row{width:100%}.routine-assignments .assignment-list{position:relative;display:flex;justify-content:flex-start;gap:10px}.assignment-item{text-align:center}.assignment-avatar{font-size:2.5rem;line-height:1}.assignment-name{margin:4px 0 0;font-size:.7em;font-weight:500}.routine-assignments .assignment-list{position:relative;display:flex;justify-content:flex-end;gap:5px}.routine-assignments .assignment-item{text-align:center}.routine-assignments .assignment-avatar{font-size:2.5rem;line-height:1}.routine-assignments .assignment-name{margin:4px 0 0;font-size:.7em;font-weight:500}.routine-actions{display:flex;gap:10px}.menubar{display:flex;justify-content:space-between;align-items:center;padding:12px 25px;background-color:#2c3e50;color:#fff;box-shadow:0 2px 5px #0003;position:relative;z-index:100}.menubar-group,.desktop-nav{display:flex;align-items:center;gap:20px}.desktop-nav a,.mobile-menu a{color:#fff;text-decoration:none;font-size:1em;font-weight:700;padding:8px 12px;border-radius:4px;transition:background-color .2s;display:block}.desktop-nav a:hover,.mobile-menu a:hover{background-color:#ffffff1a}.welcome-message{font-style:italic;color:#bdc3c7;margin-right:10px}.logout-button{background-color:#c0392b;color:#fff}.family-selector{background-color:#34495e;color:#fff;border:1px solid #7f8c8d;font-weight:700;padding:8px;border-radius:4px}.hamburger-button{display:none;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}.mobile-controls{display:none;align-items:center;gap:10px}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:#34495e;padding:10px;box-shadow:0 4px 8px #0003}.mobile-menu.open{display:block}.mobile-menu .welcome-message,.mobile-menu .logout-button{margin:10px;width:calc(100% - 20px)}@media (max-width: 1000px){.desktop-nav{display:none}.hamburger-button{display:flex}}.daily-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.summary-card{background-color:#fff;padding:15px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #00000012}.summary-card .summary-value{display:block;font-size:2em;font-weight:700;color:#007bff}.summary-card .summary-label{font-size:.9em;color:#6c757d}.lists-page-container{display:flex;height:calc(100vh - 70px)}.lists-sidebar{width:300px;border-right:1px solid #ddd;padding:10px;overflow-y:auto;background-color:#f8f9fa;transition:width .3s ease}.lists-content{flex:1;padding:20px;overflow-y:auto}.list-item-selectable{padding:12px 15px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:500}.list-item-selectable.active{background-color:#007bff;color:#fff}.list-item-checkbox{width:20px;height:20px}.list-item-text.completed{text-decoration:line-through;color:#888}.list-item-delete-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:1.2em}@media (max-width: 768px){.routine-item{flex-direction:column;align-items:stretch;gap:15px}.routine-item-bottom-row{width:100%;justify-content:space-between}.routine-assignments .assignment-list{justify-content:flex-start}.lists-page-container{flex-direction:column}.lists-sidebar{width:100%;border-right:none}.lists-sidebar.has-selection{display:none}.lists-content{width:100%;padding:15px}.lists-content:not(.has-selection){display:none}.mobile-back-button{display:inline-block!important}.icon-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.icon-option{font-size:2.5rem;padding:5px;border-radius:8px;cursor:pointer;transition:transform .2s,background-color .2s;background-color:#f0f0f0;border:3px solid transparent;line-height:1}}.assignment-list{position:relative}.assignment-item,.more-indicator{display:flex;flex-direction:column;align-items:center;text-align:center}.more-indicator{width:48px;height:48px;background-color:#e9ecef;color:#495057;border-radius:50%;font-size:1.2em;font-weight:700;justify-content:center;cursor:pointer;border:2px dashed #adb5bd}.participants-popover{position:absolute;bottom:110%;right:0;background-color:#343a40;color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 4px 10px #0003;width:200px;z-index:10}.participants-popover h4{margin:0 0 10px;border-bottom:1px solid #6c757d;padding-bottom:5px}.participants-popover ul{margin:0;padding:0 0 0 15px}.settings-card{background-color:#fff;border-radius:12px;padding:20px 25px;margin-bottom:25px;box-shadow:0 4px 12px #00000014;border:1px solid #eef2f7}.settings-card h2{margin-top:0;font-size:1.3em;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;margin-left:auto}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#007bff}input:checked+.toggle-slider:before{transform:translate(22px)}.feature-toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;width:-webkit-fill-available}button.copied{background-color:#28a745;color:#fff}.react-calendar{width:100%;max-width:none;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d;font-family:inherit;padding:10px}.react-calendar__navigation{display:flex;margin-bottom:1em}.react-calendar__navigation button{background-color:transparent;color:#007bff;font-size:1.2em;font-weight:700}.react-calendar__navigation button:disabled{background-color:transparent;color:#ccc}.react-calendar__month-view__weekdays__weekday{text-align:center;font-weight:600;color:#6c757d;text-decoration:none;padding-bottom:.5em}.react-calendar__tile{background:none;border:2px solid transparent;border-radius:8px;padding:5px;height:60px;transition:background-color .2s}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e8f4fd}.react-calendar__tile--active{background-color:#e8f4fd;border-color:#007bff}.react-calendar__tile--now{border-color:#ffc107;background-color:#fffbeb}.react-calendar__tile abbr{color:#6c757d}.react-calendar__month-view__days__day--weekend abbr{color:#d9534f}.task-item:hover{background-color:#f5f5f5;transform:scale(1.02)}.task-item.completed{opacity:.7}.checkbox{transition:background-color .2s ease,transform .2s ease}.task-item:active .checkbox{transform:scale(1.2)}@keyframes popAndFade{0%{transform:scale(1);opacity:1;filter:blur(0)}50%{transform:scale(1.1);opacity:.8;filter:blur(1px)}to{transform:scale(.5);opacity:0;filter:blur(4px)}}.task-item.explode{animation:popAndFade .3s ease forwards}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}