.page-container{width:100%}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--space-4)}.page-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.settings-sections{display:flex;flex-direction:column;gap:var(--space-10);margin-top:var(--space-6)}.settings-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-3)}.settings-section-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.settings-field{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.settings-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text)}.settings-select{padding:var(--space-3) var(--space-4);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.settings-select:hover{border-color:var(--border-hover)}.settings-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}@media(max-width:767px){.page-title{font-size:var(--font-size-2xl)}.settings-section{padding:var(--space-4)}.settings-section-title{font-size:var(--font-size-lg)}}.household-member-upgrade-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.household-member-upgrade-controls{display:flex;align-items:center;gap:var(--space-3)}.household-member-upgrade-stepper-button{display:inline-flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.household-member-upgrade-stepper-button:hover:not(:disabled){border-color:var(--border-hover)}.household-member-upgrade-stepper-button:disabled{opacity:.5;cursor:not-allowed}.household-member-upgrade-count{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text);min-width:var(--space-8);text-align:center}.household-member-upgrade-helper{font-size:var(--font-size-xs);color:var(--text-tertiary)}.household-member-upgrade-note{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}@media(max-width:767px){.household-member-upgrade-actions{flex-direction:column}}.household-invite-form{display:flex;flex-direction:column;gap:var(--space-5)}.household-invite-intro{display:flex;align-items:center;gap:var(--space-3)}.household-invite-icon{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border-radius:50%;background:var(--accent-subtle);color:var(--accent)}.household-invite-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;color:var(--text)}.household-invite-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.household-invite-input{display:flex;align-items:center;gap:var(--space-2)}.household-invite-input svg{color:var(--text-tertiary)}.household-invite-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.household-invite-role-option{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.household-invite-role-option:hover{border-color:var(--border-hover);box-shadow:var(--shadow-float-sm)}.household-invite-role-option:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-float-md);transform:translateY(-1px)}.household-invite-role-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.household-invite-role-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.household-invite-role-description{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1)}@media(max-width:767px){.household-invite-roles{grid-template-columns:1fr}}.household-settings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.household-settings-title{display:flex;flex-direction:column;gap:var(--space-1)}.household-settings-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.household-settings-header-actions{display:flex;align-items:center;gap:var(--space-3)}.household-settings-section{padding:0}.household-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}.household-settings-grid--single{grid-template-columns:minmax(0,1fr)}.household-settings-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:transparent;border:1px solid var(--border);border-left:var(--space-1) solid var(--accent);border-radius:var(--radius-lg)}.household-settings-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.household-settings-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.household-settings-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.household-settings-card-body{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.household-settings-block{padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow-float-sm)}.household-settings-block--members{position:relative;padding-top:var(--space-8)}.household-settings-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.household-settings-muted{font-size:var(--font-size-sm);color:var(--text-secondary)}.household-name-form{display:flex;flex-direction:column;gap:var(--space-2)}.household-name-input-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.household-name-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text)}.household-name-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 var(--space-1) color-mix(in srgb,var(--accent) 10%,transparent)}.household-name-input--error{border-color:var(--color-attention)}.household-name-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.household-name-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--space-10);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.household-name-action:hover:not(:disabled){border-color:var(--border-hover)}.household-name-action--primary{background:var(--accent);border-color:var(--accent);color:var(--color-white)}.household-name-action--primary:hover:not(:disabled){background:var(--accent-hover)}.household-name-action:disabled{opacity:.6;cursor:not-allowed}.household-name-error{color:var(--color-attention);font-size:var(--font-size-xs)}.household-members-list{display:flex;flex-direction:column;gap:var(--space-3)}.household-members-header{display:flex;flex-direction:column;gap:var(--space-2)}.household-members-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.household-members-heading{display:flex;flex-direction:column;gap:var(--space-1)}.household-members-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text);margin:0}.household-members-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.household-members-capacity{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}.household-members-capacity-card{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-attention) calc(var(--capacity-intensity) * .5 + 10%),var(--bg-secondary)),color-mix(in srgb,var(--color-attention) 6%,var(--bg-secondary)) 70%);border:1px solid var(--border);box-shadow:var(--shadow-float-sm);display:flex;flex-direction:column;gap:var(--space-1);--capacity-intensity: 0%}.household-members-capacity-card--compact{max-width:360px}.household-members-capacity-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.household-members-capacity-sub{font-size:var(--font-size-xs);color:var(--text-secondary)}.household-members-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.household-members-invite{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--space-10);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.household-members-upgrade{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);min-height:var(--space-10);border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.household-members-upgrade:hover:not(:disabled){filter:brightness(.96)}.household-members-invite:hover:not(:disabled){border-color:var(--border-hover)}.household-members-invite:disabled{background:var(--accent-subtle);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border)}.household-members-items{display:flex;flex-direction:column;gap:var(--space-2)}.household-members-invites{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.household-members-invites-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.household-member-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border)}.household-member-info{display:flex;flex-direction:column;gap:var(--space-1)}.household-member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.household-member-email{font-size:var(--font-size-xs);color:var(--text-secondary)}.household-member-meta{display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.household-member-action{border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;transition:color var(--transition-fast)}.household-member-action--icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent}.household-member-action--icon:hover{border-color:var(--border);background:var(--bg-tertiary)}.household-member-action:hover{color:var(--color-attention)}.household-member-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.household-members-alert{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-attention);color:var(--color-white);border:1px solid var(--color-attention-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;box-shadow:var(--shadow-float-lg);max-width:360px}.household-members-alert--inline{margin-top:var(--space-4)}.household-members-alert--floating{justify-self:center}@media(max-width:767px){.household-settings-header{flex-direction:column;align-items:flex-start}.household-settings-header-actions{width:100%;flex-wrap:wrap}.household-settings-grid{grid-template-columns:1fr}.household-settings-card{padding:var(--space-4)}.household-members-header{align-items:stretch}.household-members-header-top{flex-direction:column;align-items:flex-start}.household-members-actions{width:100%;flex-wrap:wrap}.household-members-alert{width:100%}.household-member-row{flex-direction:column;align-items:flex-start}}