:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--background-color:#f9fafb;--card-background:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--touch-target:44px;--border-radius:12px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f9fafb;background-color:var(--background-color);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.app{margin:0 auto;max-width:600px;min-height:100vh;padding:16px;padding:var(--spacing-md);padding-bottom:100px}@media (min-width:768px){.app{padding-bottom:16px;padding-bottom:var(--spacing-md)}}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#4f46e5;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}h1{font-size:28px;font-weight:700}h1,h2{margin-bottom:12px;margin-bottom:var(--spacing-sm)}h2{font-size:22px;font-weight:600}p{color:#6b7280;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:44px;min-height:var(--touch-target);padding:12px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .2s ease;width:100%}.button-primary{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:#4338ca;background-color:var(--primary-hover)}.button-primary:disabled{background-color:#e5e7eb;background-color:var(--border-color);cursor:not-allowed}.button-secondary{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#111827;color:var(--text-primary)}.button-secondary:hover{border-color:#4f46e5;border-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.button-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.button-danger:hover{background-color:#dc2626}.button-small{font-size:14px;min-height:36px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label{color:#111827;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:16px;min-height:44px;min-height:var(--touch-target);padding:12px;padding:var(--spacing-sm);transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-error{color:#ef4444;color:var(--danger-color);font-size:14px;margin-top:8px;margin-top:var(--spacing-xs)}.card{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.hero-page{display:flex;flex-direction:column;justify-content:center;min-height:80vh;text-align:center}.hero-logo{display:block;height:auto;margin:0 auto 24px;margin:0 auto var(--spacing-lg);width:80px}.hero-content{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.hero-title{color:#111827;color:var(--text-primary);font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px;margin-bottom:var(--spacing-md)}.hero-description{color:#6b7280;color:var(--text-secondary);font-size:18px;line-height:1.5;margin-bottom:0}.hero-actions{gap:16px;gap:var(--spacing-md)}.auth-page,.hero-actions{display:flex;flex-direction:column;margin:0 auto;max-width:400px;width:100%}.auth-page{justify-content:center;min-height:80vh}.auth-page h1,.auth-page p{text-align:center}.auth-form{margin-left:auto;margin-right:auto;max-width:400px;width:100%}.auth-form,.auth-link{margin-top:24px;margin-top:var(--spacing-lg)}.auth-link{text-align:center}.auth-link a{color:#4f46e5;color:var(--primary-color);font-weight:600;text-decoration:none}.onboarding-page{padding-bottom:32px;padding-bottom:var(--spacing-xl);padding-top:32px;padding-top:var(--spacing-xl)}.onboarding-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.onboarding-header h1{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.onboarding-header p{color:#6b7280;color:var(--text-secondary)}.onboarding-form{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:500px;padding:24px;padding:var(--spacing-lg)}.onboarding-form .form-group:last-of-type{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.family-setup-choice{justify-content:center;margin:0 auto;max-width:500px;min-height:80vh;text-align:center}.family-setup-choice,.setup-buttons{display:flex;flex-direction:column;width:100%}.setup-buttons{gap:16px;gap:var(--spacing-md);margin-left:auto;margin-right:auto;margin-top:24px;margin-top:var(--spacing-lg);max-width:400px}.family-page{margin:0 auto;max-width:500px;padding-top:32px;padding-top:var(--spacing-xl);width:100%}.join-code-display{background-color:#f9fafb;background-color:var(--background-color);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin:24px 0;margin:var(--spacing-lg) 0;padding:24px;padding:var(--spacing-lg);text-align:center}.join-code-display .code{color:#4f46e5;color:var(--primary-color);font-family:monospace;font-size:32px;font-weight:700;letter-spacing:4px}.join-code-display p{margin-bottom:0;margin-top:12px;margin-top:var(--spacing-sm)}.todo-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.todo-header-family-name{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.todo-header h1{margin-bottom:0}.logout-button{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px;padding:var(--spacing-xs)}.logout-button:hover{color:#ef4444;color:var(--danger-color)}.compact-filters{align-items:flex-end;display:flex;gap:8px;gap:var(--spacing-xs);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--spacing-xs)}.compact-filter{background-color:#fff;border:none;border-radius:20px;color:#111827;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;min-height:32px;min-width:0;overflow:hidden;padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.compact-filter:hover{background-color:#f9fafb;background-color:var(--background-color)}.compact-filter:focus{outline:none}.compact-filter.active,.compact-filter:focus{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.compact-filter.active{border:2px solid #4f46e5;border:2px solid var(--primary-color)}.compact-filter.active:hover{background-color:#4338ca;background-color:var(--primary-hover);border-color:#4338ca;border-color:var(--primary-hover)}.compact-filter option{background-color:#fff;color:#111827;color:var(--text-primary)}.compact-filter-wrapper{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.compact-filter-label{color:#6b7280;color:var(--text-secondary);font-size:10px;font-weight:600;letter-spacing:.5px;line-height:1;padding:0 8px;padding:0 var(--spacing-xs);text-transform:uppercase}.compact-filter[type=date]{width:100%}.compact-filter[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5);opacity:.6}.compact-filter[type=date].active::-webkit-calendar-picker-indicator,.compact-filter[type=date]:focus::-webkit-calendar-picker-indicator{filter:invert(1);opacity:1}.compact-filter[type=date]:not(:valid){color:#6b7280;color:var(--text-secondary)}.compact-filter[type=date].active:not(:valid){color:#fffc}.filter-tabs{display:flex;gap:8px;gap:var(--spacing-xs);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--spacing-xs)}.filter-tab{background-color:#fff;border:none;border-radius:20px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background-color:#f9fafb;background-color:var(--background-color)}.filter-tab.active{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.empty-state{color:#6b7280;color:var(--text-secondary);padding:32px;padding:var(--spacing-xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.floating-add-button{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 12px #4f46e566;color:#fff;cursor:pointer;display:flex;font-size:32px;height:60px;justify-content:center;position:fixed;right:24px;right:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease;width:60px}.floating-add-button:hover{box-shadow:0 6px 16px #4f46e580;transform:scale(1.1)}.todo-item{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-bottom:12px;margin-bottom:var(--spacing-sm);overflow:hidden;transition:box-shadow .2s ease}.todo-item:hover{box-shadow:0 2px 8px #00000026}.todo-item-header{gap:12px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.todo-checkbox,.todo-item-header{align-items:center;cursor:pointer;display:flex}.todo-checkbox{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.todo-checkbox.checked,.todo-checkbox:hover{border-color:#10b981;border-color:var(--success-color)}.todo-checkbox.checked{background-color:#10b981;background-color:var(--success-color)}.todo-checkbox.checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.todo-content{flex:1 1;min-width:0}.todo-title{word-wrap:break-word;font-weight:500}.todo-title.completed{text-decoration:line-through}.todo-meta,.todo-title.completed{color:#6b7280;color:var(--text-secondary)}.todo-meta{display:flex;font-size:13px;gap:12px;gap:var(--spacing-sm);margin-top:4px}.todo-assignee{align-items:center;display:inline-flex;gap:4px}.todo-assignee.ai{color:#7c3aed;font-weight:500}.todo-due-date{color:#6b7280;color:var(--text-secondary)}.todo-due-date.overdue{color:#ef4444;color:var(--danger-color)}.todo-expand-icon{color:#6b7280;color:var(--text-secondary);font-size:20px;transition:transform .2s ease}.todo-expand-icon.expanded{transform:rotate(180deg)}.todo-expanded{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:0 16px 16px;padding:0 var(--spacing-md) var(--spacing-md)}.todo-expanded .form-group{margin-bottom:0}.todo-actions,.todo-expanded .form-group{margin-top:16px;margin-top:var(--spacing-md)}.todo-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-sm);padding-top:16px;padding-top:var(--spacing-md)}.add-todo-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-todo-form{background-color:#fff;border-radius:12px 12px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;padding:var(--spacing-lg);width:100%}.add-todo-form h2{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-actions{display:flex;gap:12px;gap:var(--spacing-sm);margin-top:24px;margin-top:var(--spacing-lg)}.form-actions .button{flex:1 1}.segmented-control{background-color:#f9fafb;background-color:var(--background-color);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;gap:8px;gap:var(--spacing-xs);padding:4px}.segmented-control-option{align-items:center;background-color:initial;border:none;border-radius:8px;border-radius:calc(var(--border-radius) - 4px);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;gap:var(--spacing-xs);justify-content:center;min-height:44px;min-height:var(--touch-target);padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all .2s ease}.segmented-control-option:hover{background-color:#ffffff80}.segmented-control-option.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#111827;color:var(--text-primary);font-weight:600}.segmented-control-option.ai-option{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e;font-weight:600}.segmented-control-option.ai-option:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 2px 6px #f59e0b4d;transform:translateY(-1px)}.segmented-control-option.ai-option.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 2px 8px #f59e0b66;color:#fff;transform:translateY(-1px)}.segmented-control-icon{font-size:18px}.segmented-control-badge{background-color:#0000001a;border-radius:10px;font-size:11px;font-weight:500;padding:2px 6px}.segmented-control-option.active .segmented-control-badge{background-color:#00000026}.segmented-control-option.ai-option.active .segmented-control-badge{background-color:#ffffff4d}.ai-callout{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:12px;border-radius:var(--border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.ai-callout-title{align-items:center;color:#92400e;display:flex;font-weight:600;gap:8px;gap:var(--spacing-xs);margin-bottom:8px;margin-bottom:var(--spacing-xs)}.ai-callout p{color:#92400e;font-size:14px;margin-bottom:0}.ai-status-badge{background-color:#f5f3ff;border-radius:4px;color:#7c3aed;display:inline-block;font-size:12px;margin-top:8px;margin-top:var(--spacing-xs);padding:4px 8px}@media (min-width:768px){.app{padding:32px;padding:var(--spacing-xl)}.add-todo-overlay{align-items:center}.add-todo-form{border-radius:12px;border-radius:var(--border-radius);max-width:500px}.hero-title{font-size:48px}.hero-description{font-size:20px}.hero-actions{flex-direction:row;max-width:500px}.hero-actions .button{flex:1 1}}.header-buttons{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm)}.settings-button{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px;padding:var(--spacing-xs)}.settings-button:hover{color:#4f46e5;color:var(--primary-color)}.settings-page{padding-top:16px;padding-top:var(--spacing-md)}.settings-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:32px;margin-bottom:var(--spacing-xl)}.settings-header h1{margin-bottom:0}.back-button{background:none;border:none;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:16px;font-weight:500;padding:8px;padding:var(--spacing-xs)}.back-button:hover{color:#4338ca;color:var(--primary-hover)}.settings-form{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;padding:24px;padding:var(--spacing-lg)}.settings-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.settings-section h2,.settings-section:last-of-type{margin-bottom:16px;margin-bottom:var(--spacing-md)}.settings-section h2{color:#6b7280;color:var(--text-secondary);font-size:18px}.form-success{background-color:#d1fae5;color:#10b981;color:var(--success-color);font-size:14px}.form-error,.form-success{border-radius:12px;border-radius:var(--border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:12px;padding:var(--spacing-sm)}.form-error{background-color:#fee2e2}.settings-links{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.settings-link{color:#4f46e5;color:var(--primary-color);display:block;font-weight:500;padding:12px 0;padding:var(--spacing-sm) 0;text-decoration:none}.settings-link:hover{color:#4338ca;color:var(--primary-hover)}.settings-logout{margin-top:12px;margin-top:var(--spacing-sm);width:100%}.settings-page .settings-section:not(.settings-links):not(:first-of-type){background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.bottom-nav{background-color:#fff;background-color:var(--card-background);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);bottom:0;left:0;position:fixed;right:0;z-index:100}.bottom-nav-mobile{align-items:center;display:flex;justify-content:space-around;padding:8px 0;padding:var(--spacing-xs) 0;padding-bottom:calc(8px + env(safe-area-inset-bottom, 0));padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom, 0))}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--border-radius);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:64px;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.bottom-nav-item:hover{background-color:#f9fafb;background-color:var(--background-color);color:#4f46e5;color:var(--primary-color)}.bottom-nav-item.active{background-color:#f5f3ff;color:#4f46e5;color:var(--primary-color);font-weight:600}.bottom-nav-icon{font-size:24px}.bottom-nav-label{font-size:12px;font-weight:500}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.bottom-nav-create-button{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 4px 12px #4f46e566;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;margin:0 8px;margin:0 var(--spacing-xs);transition:transform .2s ease,box-shadow .2s ease;width:56px}.bottom-nav-create-button:hover{box-shadow:0 6px 16px #4f46e580;transform:scale(1.1)}.bottom-nav-create-icon{font-size:32px;font-weight:300;line-height:1}@media (min-width:768px){.bottom-nav-mobile{display:none}}.side-nav-desktop{display:none}@media (min-width:768px){.bottom-nav{background-color:#fff;background-color:var(--card-background);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);border-top:none;bottom:0;left:0;padding:24px;padding:var(--spacing-lg);position:fixed;top:0;width:240px;z-index:100}.bottom-nav,.side-nav-desktop{display:flex;flex-direction:column;overflow-x:hidden}.side-nav-desktop{gap:24px;gap:var(--spacing-lg);height:100%;overflow-y:auto}.side-nav-logo{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;gap:var(--spacing-sm);margin-bottom:12px;margin-bottom:var(--spacing-sm);padding-bottom:16px;padding-bottom:var(--spacing-md);padding-left:0;padding-right:0;padding-top:0;transition:opacity .2s ease}.side-nav-logo:hover{opacity:.7}.side-nav-logo-img{display:block;height:40px;width:auto}.side-nav-logo-text{color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1}.side-nav-create-button{align-items:center;background-color:#111827;background-color:var(--text-primary);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;gap:var(--spacing-sm);isolation:isolate;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;width:100%}.side-nav-create-button:before{background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:12px;border-radius:var(--border-radius);content:"";inset:-1.5px;position:absolute;z-index:-1}.side-nav-create-button:hover{background-color:#1f2937;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.side-nav-create-icon{font-size:24px;font-weight:300;line-height:1}.side-nav-create-label{color:#fff;font-size:15px;font-weight:600}.side-nav-main{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-xs)}.side-nav-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;gap:16px;gap:var(--spacing-md);min-width:0;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:left;transition:all .2s ease;width:100%}.side-nav-item:hover{background-color:#f9fafb;background-color:var(--background-color)}.side-nav-item.active{background-color:#f5f3ff;border-left:3px solid #4f46e5;border-left:3px solid var(--primary-color);color:#4f46e5;color:var(--primary-color);font-weight:600;padding-left:13px;padding-left:calc(var(--spacing-md) - 3px)}.side-nav-icon{display:inline-block;font-size:20px;position:relative;text-align:center;width:24px}.side-nav-label{flex:1 1;font-size:15px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-badge{background-color:#ef4444;background-color:var(--danger-color);border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1.2;min-width:16px;padding:2px 5px;position:absolute;right:-10px;text-align:center;top:-6px}.side-nav-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs);margin-top:auto;padding-top:24px;padding-top:var(--spacing-lg)}}.discover-page,.notifications-page,.settings-page,.todo-list-page{padding-bottom:80px}.todo-list-page{padding-top:32px;padding-top:var(--spacing-xl)}@media (min-width:768px){.app{margin-left:240px;max-width:840px}.app:has(.auth-page),.app:has(.family-page),.app:has(.family-setup-choice),.app:has(.hero-page),.app:has(.onboarding-page){margin-left:auto!important;margin-right:auto!important;max-width:600px!important}.auth-form{max-width:400px}.discover-page,.notifications-page,.settings-page,.todo-list-page{padding-bottom:16px;padding-bottom:var(--spacing-md)}}.discover-page{padding-top:16px;padding-top:var(--spacing-md)}.discover-header{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.discover-header h1{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.discover-header p{color:#6b7280;color:var(--text-secondary);margin-bottom:0}.discover-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.discover-card{background-color:#fff;background-color:var(--card-background);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;padding:var(--spacing-md);text-align:left;transition:transform .2s ease,box-shadow .2s ease}.discover-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.discover-card:active{transform:translateY(0)}.discover-card-icon{display:block;font-size:32px;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.discover-card-title{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.discover-card-description{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:0}@media (min-width:480px){.discover-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:600px){.discover-grid{grid-template-columns:repeat(3,1fr)}}.upsell-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1100}.upsell-modal{animation:modalSlideUp .3s ease-out;background-color:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upsell-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;position:absolute;right:12px;right:var(--spacing-sm);top:12px;top:var(--spacing-sm);transition:all .2s ease;width:36px}.upsell-modal-close:hover{background-color:#f9fafb;background-color:var(--background-color);color:#111827;color:var(--text-primary)}.upsell-modal-icon{font-size:48px}.upsell-modal h2,.upsell-modal-icon{margin-bottom:16px;margin-bottom:var(--spacing-md)}.upsell-modal h2{color:#111827;color:var(--text-primary);font-size:24px}.upsell-modal-description{color:#6b7280;color:var(--text-secondary);font-size:15px;line-height:1.6}.upsell-modal-benefits,.upsell-modal-description{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.upsell-modal-benefits{background-color:#f9fafb;background-color:var(--background-color);border-radius:12px;border-radius:var(--border-radius);padding:16px;padding:var(--spacing-md);text-align:left}.upsell-benefit{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:14px;gap:12px;gap:var(--spacing-sm);padding:8px 0;padding:var(--spacing-xs) 0}.upsell-benefit-icon{font-size:18px}.upsell-upgrade-btn{margin-bottom:16px;margin-bottom:var(--spacing-md)}.upsell-already-purchased{background:none;border:none;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px;padding:var(--spacing-xs);transition:color .2s ease}.upsell-already-purchased:hover{color:#4338ca;color:var(--primary-hover);text-decoration:underline}.premium-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.premium-active{background-color:#d1fae5;color:#059669}.premium-inactive{background-color:#fee2e2;color:#dc2626}.premium-none{background-color:#f9fafb;background-color:var(--background-color);color:#6b7280;color:var(--text-secondary)}.premium-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.premium-header h2{margin-bottom:0}.settings-premium{background-color:#fff;background-color:var(--card-background);box-shadow:0 1px 3px #0000001a;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.premium-active-info,.settings-premium{border-radius:12px;border-radius:var(--border-radius)}.premium-active-info{background-color:#d1fae5;padding:16px;padding:var(--spacing-md)}.premium-active-info p{color:#059669;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.premium-active-info p:last-child{margin-bottom:0}.premium-inactive-info{background-color:#fee2e2;border-radius:12px;border-radius:var(--border-radius);padding:16px;padding:var(--spacing-md)}.premium-inactive-info p{color:#dc2626;margin-bottom:0}.premium-claim-section p{color:#6b7280;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.license-form{margin-top:16px;margin-top:var(--spacing-md)}.license-form .form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.license-display{font-size:13px}.license-display code{background-color:#0000001a;border-radius:4px;font-family:monospace;padding:2px 6px}.premium-lock-badge{font-size:12px;margin-left:4px}.premium-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;margin-left:var(--spacing-xs);padding:2px 8px;text-transform:uppercase}.task-inspect-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1100}.task-inspect-modal{animation:modalSlideUp .3s ease-out;background-color:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:560px;width:100%}.task-inspect-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.task-inspect-checkbox{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.task-inspect-checkbox.checked,.task-inspect-checkbox:hover{border-color:#10b981;border-color:var(--success-color)}.task-inspect-checkbox.checked{background-color:#10b981;background-color:var(--success-color)}.task-inspect-checkbox.checked:after{color:#fff;content:"\2713";font-size:14px;font-weight:700}.task-inspect-title-input{background:#0000;border:none;color:#111827;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;outline:none;padding:8px;padding:var(--spacing-xs)}.task-inspect-title-input:focus{background-color:#f9fafb;background-color:var(--background-color);border-radius:4px}.task-inspect-title-input::placeholder{color:#6b7280;color:var(--text-secondary);font-weight:400}.task-inspect-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.task-inspect-close:hover{background-color:#f9fafb;background-color:var(--background-color);color:#111827;color:var(--text-primary)}.task-inspect-body{flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.task-inspect-metadata{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.task-inspect-field{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs)}.task-inspect-field label{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-inspect-field input[type=date],.task-inspect-field select{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:15px;min-height:44px;min-height:var(--touch-target);padding:12px;padding:var(--spacing-sm);transition:border-color .2s ease;width:100%}.task-inspect-field input[type=date]:focus,.task-inspect-field select:focus{border-color:#4f46e5;border-color:var(--primary-color);outline:none}.task-inspect-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.task-inspect-section:last-child{margin-bottom:0}.task-inspect-section>label{color:#6b7280;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.task-inspect-notes{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-family:inherit;font-size:15px;line-height:1.5;min-height:100px;padding:12px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s ease;width:100%}.task-inspect-notes:focus{border-color:#4f46e5;border-color:var(--primary-color);outline:none}.task-inspect-notes::placeholder{color:#6b7280;color:var(--text-secondary)}.task-inspect-comments-list{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);max-height:200px;overflow-y:auto}.task-inspect-no-comments{color:#6b7280;color:var(--text-secondary);font-size:14px;padding:24px;padding:var(--spacing-lg);text-align:center}.task-inspect-comment{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md)}.task-inspect-comment:last-child{border-bottom:none}.task-inspect-comment-header{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm);margin-bottom:4px}.task-inspect-comment-name{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.task-inspect-comment-timestamp{color:#6b7280;color:var(--text-secondary);font-size:12px}.task-inspect-comment-text{color:#111827;color:var(--text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.task-inspect-comment-composer{position:relative}.task-inspect-comment-input{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-family:inherit;font-size:15px;line-height:1.5;margin-bottom:12px;margin-bottom:var(--spacing-sm);min-height:80px;padding:12px;padding:var(--spacing-sm);resize:vertical;transition:border-color .2s ease;width:100%}.task-inspect-comment-input:focus{border-color:#4f46e5;border-color:var(--primary-color);outline:none}.task-inspect-comment-input::placeholder{color:#6b7280;color:var(--text-secondary)}.task-inspect-comment-submit{width:auto}.task-inspect-mention-menu{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;z-index:1200}.task-inspect-mention-option{background:none;border:none;color:#111827;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease;width:100%}.task-inspect-mention-option:hover{background-color:#f9fafb;background-color:var(--background-color)}.task-inspect-mention-option:not(:last-child){border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.task-inspect-footer{background-color:#f9fafb;background-color:var(--background-color);border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-sm);justify-content:flex-end;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.task-inspect-footer .button{min-width:100px;width:auto}@media (max-width:480px){.task-inspect-modal{border-radius:0;max-height:100vh}.task-inspect-overlay{padding:0}.task-inspect-metadata{grid-template-columns:1fr}}.notifications-page{padding-bottom:80px;padding-top:16px;padding-top:var(--spacing-md)}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.notifications-header h1{margin-bottom:0}.mark-all-read-button{background:none;border:none;color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm)}.mark-all-read-button:hover{text-decoration:underline}.notifications-list{flex-direction:column}.notification-item,.notifications-list{display:flex;gap:12px;gap:var(--spacing-sm)}.notification-item{align-items:flex-start;background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .2s ease}.notification-item.unread{background-color:#eef2ff;border-left:4px solid #4f46e5;border-left:4px solid var(--primary-color)}.notification-item.read{opacity:.7}.notification-content{flex:1 1;min-width:0}.notification-message{color:#111827;color:var(--text-primary);font-size:15px;line-height:1.4;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.notification-item.unread .notification-message{font-weight:500}.notification-time{font-size:13px}.mark-read-button,.notification-time{color:#6b7280;color:var(--text-secondary)}.mark-read-button{background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.mark-read-button:hover{border-color:#4f46e5;border-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.bottom-nav-icon{display:inline-block;position:relative}.bottom-nav-badge{background-color:#ef4444;background-color:var(--danger-color);border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1.2;min-width:16px;padding:2px 5px;position:absolute;right:-10px;text-align:center;top:-6px}.admin-banner{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 2px 8px #7c3aed4d;color:#fff;display:flex;justify-content:space-between;left:0;padding:12px 16px;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;top:0;z-index:1200}.admin-banner-content{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--spacing-sm);min-width:0}.admin-banner-icon{font-size:18px}.admin-banner-text{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-banner-text strong{font-weight:600}.admin-banner-id{font-size:12px;margin-left:4px;opacity:.7}.admin-banner-exit{background-color:#fff3;border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:background-color .2s ease}.admin-banner-exit:hover{background-color:#ffffff4d}.admin-banner+.app{padding-top:68px;padding-top:calc(var(--spacing-md) + 52px)}@media (min-width:768px){.admin-banner{left:240px}}.admin-page{padding-bottom:80px;padding-top:16px;padding-top:var(--spacing-md)}.admin-header{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.admin-header h1{margin-bottom:8px;margin-bottom:var(--spacing-xs)}.admin-header p{color:#6b7280;color:var(--text-secondary);margin-bottom:0}.admin-section{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.admin-section h2{font-size:18px;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.admin-section p{font-size:14px}.admin-form .form-group,.admin-section p{margin-bottom:16px;margin-bottom:var(--spacing-md)}.admin-info ul{list-style:none;margin:0;padding:0}.admin-info li{align-items:flex-start;color:#6b7280;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;gap:var(--spacing-sm);padding:8px 0;padding:var(--spacing-xs) 0}.admin-info li:before{color:#4f46e5;color:var(--primary-color);content:"•";font-weight:700}.admin-unauthorized{padding:32px;padding:var(--spacing-xl);text-align:center}.settings-admin{background-color:#fff;background-color:var(--card-background);border-left:4px solid #7c3aed;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-top:24px;margin-top:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.settings-admin h2{color:#7c3aed}.settings-admin p{font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.concierge-sender-selector{background-color:#f3e8ff;border:1px solid #7c3aed;border-radius:12px;border-radius:var(--border-radius);margin-bottom:12px;margin-bottom:var(--spacing-sm);padding:12px;padding:var(--spacing-sm)}.concierge-sender-selector label{color:#5b21b6;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.concierge-sender-options{display:flex;gap:8px;gap:var(--spacing-xs)}.concierge-sender-option{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#111827;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.concierge-sender-option:hover{border-color:#7c3aed}.concierge-sender-option.active{background-color:#7c3aed;border-color:#7c3aed;color:#fff}.task-inspect-comment.concierge{background-color:#f3e8ff;border-left:3px solid #7c3aed;padding-left:13px;padding-left:calc(var(--spacing-md) - 3px)}.task-inspect-comment-name.concierge{color:#7c3aed}.task-inspect-comment-name.concierge:after{content:" (Kana Team)";font-size:11px;font-weight:400;opacity:.7}
/*# sourceMappingURL=main.8c89b217.css.map*/