:root,[data-amplify-theme]{--amplify-components-accordion-background-color: var(--amplify-colors-background-primary);--amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);--amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);--amplify-components-accordion-item-border-style: solid;--amplify-components-accordion-item-border-radius: var(--amplify-radii-small);--amplify-components-accordion-item-trigger-align-items: center;--amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);--amplify-components-accordion-item-trigger-color: inherit;--amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);--amplify-components-accordion-item-trigger-justify-content: space-between;--amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);--amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);--amplify-components-accordion-item-trigger-hover-color: inherit;--amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);--amplify-components-accordion-item-content-color: inherit;--amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);--amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);--amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);--amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);--amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);--amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(.87, 0, .13, 1);--amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary);--amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large);--amplify-components-ai-conversation-message-gap: var(--amplify-space-small);--amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small);--amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small);--amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary);--amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10);--amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small);--amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary);--amplify-components-ai-conversation-message-sender-username-font-size: inherit;--amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold);--amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary);--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);--amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small);--amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small);--amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);--amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-list-padding: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-list-padding-block-start: 0;--amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);--amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);--amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal);--amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary);--amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs);--amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium);--amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium);--amplify-components-alert-align-items: center;--amplify-components-alert-justify-content: space-between;--amplify-components-alert-color: var(--amplify-colors-font-primary);--amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);--amplify-components-alert-padding-block: var(--amplify-space-small);--amplify-components-alert-padding-inline: var(--amplify-space-medium);--amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);--amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);--amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);--amplify-components-alert-info-color: var(--amplify-colors-font-info);--amplify-components-alert-info-background-color: var(--amplify-colors-background-info);--amplify-components-alert-error-color: var(--amplify-colors-font-error);--amplify-components-alert-error-background-color: var(--amplify-colors-background-error);--amplify-components-alert-warning-color: var(--amplify-colors-font-warning);--amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-alert-success-color: var(--amplify-colors-font-success);--amplify-components-alert-success-background-color: var(--amplify-colors-background-success);--amplify-components-authenticator-max-width: 60rem;--amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);--amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);--amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);--amplify-components-authenticator-modal-top: var(--amplify-space-zero);--amplify-components-authenticator-modal-left: var(--amplify-space-zero);--amplify-components-authenticator-container-width-max: 30rem;--amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);--amplify-components-authenticator-router-border-style: solid;--amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);--amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);--amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);--amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);--amplify-components-authenticator-form-padding: var(--amplify-space-xl);--amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);--amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);--amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-width: 100%;--amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);--amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);--amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);--amplify-components-autocomplete-menu-border-style: solid;--amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);--amplify-components-autocomplete-menu-options-display: flex;--amplify-components-autocomplete-menu-options-flex-direction: column;--amplify-components-autocomplete-menu-options-max-height: 300px;--amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-option-color: currentcolor;--amplify-components-autocomplete-menu-option-cursor: pointer;--amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);--amplify-components-autocomplete-menu-option-transition-property: background-color, color;--amplify-components-autocomplete-menu-option-transition-timing-function: ease;--amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);--amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);--amplify-components-autocomplete-menu-empty-display: flex;--amplify-components-autocomplete-menu-loading-align-items: center;--amplify-components-autocomplete-menu-loading-display: flex;--amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);--amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);--amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);--amplify-components-avatar-color: var(--amplify-colors-font-tertiary);--amplify-components-avatar-line-height: 1;--amplify-components-avatar-font-weight: var(--amplify-font-weights-semibold);--amplify-components-avatar-font-size: var(--amplify-font-sizes-small);--amplify-components-avatar-text-align: center;--amplify-components-avatar-width: var(--amplify-font-sizes-xxl);--amplify-components-avatar-height: var(--amplify-font-sizes-xxl);--amplify-components-avatar-background-color: var(--amplify-colors-background-tertiary);--amplify-components-avatar-border-radius: 100%;--amplify-components-avatar-border-color: var(--amplify-colors-border-primary);--amplify-components-avatar-border-width: var(--amplify-border-widths-medium);--amplify-components-avatar-info-color: var(--amplify-colors-font-info);--amplify-components-avatar-info-background-color: var(--amplify-colors-background-info);--amplify-components-avatar-info-border-color: var(--amplify-colors-border-info);--amplify-components-avatar-warning-color: var(--amplify-colors-font-warning);--amplify-components-avatar-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-avatar-warning-border-color: var(--amplify-colors-border-warning);--amplify-components-avatar-success-color: var(--amplify-colors-font-success);--amplify-components-avatar-success-background-color: var(--amplify-colors-background-success);--amplify-components-avatar-success-border-color: var(--amplify-colors-border-success);--amplify-components-avatar-error-color: var(--amplify-colors-font-error);--amplify-components-avatar-error-background-color: var(--amplify-colors-background-error);--amplify-components-avatar-error-border-color: var(--amplify-colors-border-error);--amplify-components-avatar-small-font-size: var(--amplify-font-sizes-xs);--amplify-components-avatar-small-width: var(--amplify-font-sizes-xl);--amplify-components-avatar-small-height: var(--amplify-font-sizes-xl);--amplify-components-avatar-large-font-size: var(--amplify-font-sizes-medium);--amplify-components-avatar-large-width: var(--amplify-font-sizes-xxxl);--amplify-components-avatar-large-height: var(--amplify-font-sizes-xxxl);--amplify-components-badge-color: var(--amplify-colors-font-primary);--amplify-components-badge-line-height: 1;--amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);--amplify-components-badge-font-size: var(--amplify-font-sizes-small);--amplify-components-badge-text-align: center;--amplify-components-badge-padding-vertical: var(--amplify-space-xs);--amplify-components-badge-padding-horizontal: var(--amplify-space-small);--amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);--amplify-components-badge-border-radius: var(--amplify-radii-xl);--amplify-components-badge-info-color: var(--amplify-colors-font-info);--amplify-components-badge-info-background-color: var(--amplify-colors-background-info);--amplify-components-badge-warning-color: var(--amplify-colors-font-warning);--amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-badge-success-color: var(--amplify-colors-font-success);--amplify-components-badge-success-background-color: var(--amplify-colors-background-success);--amplify-components-badge-error-color: var(--amplify-colors-font-error);--amplify-components-badge-error-background-color: var(--amplify-colors-background-error);--amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);--amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);--amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);--amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);--amplify-components-badge-large-padding-vertical: var(--amplify-space-small);--amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);--amplify-components-breadcrumbs-flex-direction: row;--amplify-components-breadcrumbs-flex-wrap: wrap;--amplify-components-breadcrumbs-gap: 0;--amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary);--amplify-components-breadcrumbs-item-flex-direction: row;--amplify-components-breadcrumbs-item-color: inherit;--amplify-components-breadcrumbs-item-font-size: inherit;--amplify-components-breadcrumbs-item-align-items: center;--amplify-components-breadcrumbs-item-line-height: 1;--amplify-components-breadcrumbs-separator-color: inherit;--amplify-components-breadcrumbs-separator-font-size: inherit;--amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs);--amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color);--amplify-components-breadcrumbs-link-font-size: inherit;--amplify-components-breadcrumbs-link-font-weight: normal;--amplify-components-breadcrumbs-link-text-decoration: none;--amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs);--amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs);--amplify-components-breadcrumbs-link-current-color: inherit;--amplify-components-breadcrumbs-link-current-font-size: inherit;--amplify-components-breadcrumbs-link-current-font-weight: normal;--amplify-components-breadcrumbs-link-current-text-decoration: none;--amplify-components-button-font-weight: var(--amplify-font-weights-bold);--amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);--amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);--amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);--amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);--amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);--amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);--amplify-components-button-background-color: transparent;--amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);--amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);--amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);--amplify-components-button-color: var(--amplify-colors-font-primary);--amplify-components-button-hover-color: var(--amplify-colors-font-focus);--amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);--amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);--amplify-components-button-focus-color: var(--amplify-colors-font-focus);--amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);--amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-active-color: var(--amplify-colors-font-active);--amplify-components-button-active-background-color: var(--amplify-colors-primary-20);--amplify-components-button-active-border-color: var(--amplify-colors-primary-100);--amplify-components-button-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-loading-background-color: transparent;--amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-disabled-background-color: transparent;--amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-outlined-info-border-color: var(--amplify-colors-blue-60);--amplify-components-button-outlined-info-background-color: transparent;--amplify-components-button-outlined-info-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-hover-border-color: var(--amplify-colors-blue-60);--amplify-components-button-outlined-info-hover-background-color: var(--amplify-colors-blue-10);--amplify-components-button-outlined-info-hover-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10);--amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20);--amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-warning-border-color: var(--amplify-colors-orange-60);--amplify-components-button-outlined-warning-background-color: transparent;--amplify-components-button-outlined-warning-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-hover-border-color: var(--amplify-colors-orange-60);--amplify-components-button-outlined-warning-hover-background-color: var(--amplify-colors-orange-10);--amplify-components-button-outlined-warning-hover-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10);--amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);--amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20);--amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-success-border-color: var(--amplify-colors-green-60);--amplify-components-button-outlined-success-background-color: transparent;--amplify-components-button-outlined-success-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-hover-border-color: var(--amplify-colors-green-60);--amplify-components-button-outlined-success-hover-background-color: var(--amplify-colors-green-10);--amplify-components-button-outlined-success-hover-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10);--amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);--amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-80);--amplify-components-button-outlined-error-background-color: transparent;--amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-80);--amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-overlay-border-color: var(--amplify-colors-overlay-60);--amplify-components-button-outlined-overlay-background-color: transparent;--amplify-components-button-outlined-overlay-color: var(--amplify-colors-font-primary);--amplify-components-button-outlined-overlay-hover-border-color: var(--amplify-colors-overlay-60);--amplify-components-button-outlined-overlay-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-outlined-overlay-hover-color: var(--amplify-colors-neutral-90);--amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90);--amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90);--amplify-components-button-outlined-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90);--amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10);--amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100);--amplify-components-button-primary-border-color: transparent;--amplify-components-button-primary-border-width: var(--amplify-border-widths-small);--amplify-components-button-primary-border-style: solid;--amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);--amplify-components-button-primary-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-disabled-border-color: transparent;--amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-primary-loading-border-color: transparent;--amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-primary-hover-border-color: transparent;--amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);--amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-focus-border-color: transparent;--amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);--amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-primary-active-border-color: transparent;--amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);--amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-border-color: transparent;--amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);--amplify-components-button-primary-info-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-hover-border-color: transparent;--amplify-components-button-primary-info-hover-background-color: var(--amplify-colors-blue-90);--amplify-components-button-primary-info-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-focus-border-color: transparent;--amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90);--amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-primary-info-active-border-color: transparent;--amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100);--amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-border-color: transparent;--amplify-components-button-primary-warning-background-color: var(--amplify-colors-orange-80);--amplify-components-button-primary-warning-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-hover-border-color: transparent;--amplify-components-button-primary-warning-hover-background-color: var(--amplify-colors-orange-90);--amplify-components-button-primary-warning-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-focus-border-color: transparent;--amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90);--amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-primary-warning-active-border-color: transparent;--amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100);--amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-border-color: transparent;--amplify-components-button-primary-error-background-color: var(--amplify-colors-red-80);--amplify-components-button-primary-error-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-hover-border-color: transparent;--amplify-components-button-primary-error-hover-background-color: var(--amplify-colors-red-90);--amplify-components-button-primary-error-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-focus-border-color: transparent;--amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90);--amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-primary-error-active-border-color: transparent;--amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100);--amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-border-color: transparent;--amplify-components-button-primary-success-background-color: var(--amplify-colors-green-80);--amplify-components-button-primary-success-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-hover-border-color: transparent;--amplify-components-button-primary-success-hover-background-color: var(--amplify-colors-green-90);--amplify-components-button-primary-success-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-focus-border-color: transparent;--amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90);--amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-primary-success-active-border-color: transparent;--amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100);--amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-border-color: transparent;--amplify-components-button-primary-overlay-background-color: var(--amplify-colors-overlay-70);--amplify-components-button-primary-overlay-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-hover-border-color: transparent;--amplify-components-button-primary-overlay-hover-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-focus-border-color: transparent;--amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-primary-overlay-active-border-color: transparent;--amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-border-width: var(--amplify-space-zero);--amplify-components-button-menu-background-color: transparent;--amplify-components-button-menu-justify-content: start;--amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);--amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);--amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);--amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-background-color: transparent;--amplify-components-button-link-border-color: transparent;--amplify-components-button-link-border-width: var(--amplify-border-widths-small);--amplify-components-button-link-color: var(--amplify-colors-font-interactive);--amplify-components-button-link-hover-border-color: transparent;--amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);--amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);--amplify-components-button-link-focus-border-color: transparent;--amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);--amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);--amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-link-active-border-color: transparent;--amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);--amplify-components-button-link-active-color: var(--amplify-colors-font-active);--amplify-components-button-link-disabled-border-color: transparent;--amplify-components-button-link-disabled-background-color: transparent;--amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-loading-border-color: transparent;--amplify-components-button-link-loading-background-color: transparent;--amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-info-border-color: transparent;--amplify-components-button-link-info-background-color: transparent;--amplify-components-button-link-info-color: var(--amplify-colors-blue-100);--amplify-components-button-link-info-hover-border-color: transparent;--amplify-components-button-link-info-hover-background-color: var(--amplify-colors-blue-10);--amplify-components-button-link-info-hover-color: var(--amplify-colors-blue-90);--amplify-components-button-link-info-focus-border-color: transparent;--amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10);--amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100);--amplify-components-button-link-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-link-info-active-border-color: transparent;--amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20);--amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100);--amplify-components-button-link-warning-border-color: transparent;--amplify-components-button-link-warning-background-color: transparent;--amplify-components-button-link-warning-color: var(--amplify-colors-orange-100);--amplify-components-button-link-warning-hover-border-color: transparent;--amplify-components-button-link-warning-hover-background-color: var(--amplify-colors-orange-10);--amplify-components-button-link-warning-hover-color: var(--amplify-colors-orange-90);--amplify-components-button-link-warning-focus-border-color: transparent;--amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10);--amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100);--amplify-components-button-link-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);--amplify-components-button-link-warning-active-border-color: transparent;--amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20);--amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100);--amplify-components-button-link-success-border-color: transparent;--amplify-components-button-link-success-background-color: transparent;--amplify-components-button-link-success-color: var(--amplify-colors-green-100);--amplify-components-button-link-success-hover-border-color: transparent;--amplify-components-button-link-success-hover-background-color: var(--amplify-colors-green-10);--amplify-components-button-link-success-hover-color: var(--amplify-colors-green-90);--amplify-components-button-link-success-focus-border-color: transparent;--amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10);--amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100);--amplify-components-button-link-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-link-success-active-border-color: transparent;--amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20);--amplify-components-button-link-success-active-color: var(--amplify-colors-green-100);--amplify-components-button-link-error-border-color: transparent;--amplify-components-button-link-error-background-color: transparent;--amplify-components-button-link-error-color: var(--amplify-colors-red-100);--amplify-components-button-link-error-hover-border-color: transparent;--amplify-components-button-link-error-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-link-error-hover-color: var(--amplify-colors-red-90);--amplify-components-button-link-error-focus-border-color: transparent;--amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100);--amplify-components-button-link-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-link-error-active-border-color: transparent;--amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-link-error-active-color: var(--amplify-colors-red-100);--amplify-components-button-link-overlay-border-color: transparent;--amplify-components-button-link-overlay-background-color: transparent;--amplify-components-button-link-overlay-color: var(--amplify-colors-neutral-100);--amplify-components-button-link-overlay-hover-border-color: transparent;--amplify-components-button-link-overlay-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-link-overlay-hover-color: var(--amplify-colors-overlay-80);--amplify-components-button-link-overlay-focus-border-color: transparent;--amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90);--amplify-components-button-link-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-link-overlay-active-border-color: transparent;--amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10);--amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90);--amplify-components-button-warning-background-color: transparent;--amplify-components-button-warning-border-color: var(--amplify-colors-red-60);--amplify-components-button-warning-border-width: var(--amplify-border-widths-small);--amplify-components-button-warning-color: var(--amplify-colors-red-60);--amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);--amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);--amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);--amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);--amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);--amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-warning-active-color: var(--amplify-colors-red-100);--amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-warning-disabled-background-color: transparent;--amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-warning-loading-background-color: transparent;--amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-border-color: transparent;--amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);--amplify-components-button-destructive-border-style: solid;--amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);--amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-disabled-border-color: transparent;--amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-loading-border-color: transparent;--amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-hover-border-color: transparent;--amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);--amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-focus-border-color: transparent;--amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);--amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-destructive-active-border-color: transparent;--amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);--amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);--amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);--amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);--amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);--amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);--amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);--amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);--amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);--amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);--amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);--amplify-components-button-loader-wrapper-align-items: center;--amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);--amplify-components-card-background-color: var(--amplify-colors-background-primary);--amplify-components-card-border-radius: var(--amplify-radii-xs);--amplify-components-card-border-width: 0;--amplify-components-card-border-style: solid;--amplify-components-card-border-color: transparent;--amplify-components-card-box-shadow: none;--amplify-components-card-padding: var(--amplify-space-medium);--amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);--amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);--amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);--amplify-components-card-outlined-border-style: solid;--amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);--amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);--amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);--amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);--amplify-components-card-elevated-border-width: 0;--amplify-components-card-elevated-border-style: solid;--amplify-components-card-elevated-border-color: transparent;--amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);--amplify-components-checkbox-cursor: pointer;--amplify-components-checkbox-align-items: center;--amplify-components-checkbox-disabled-cursor: not-allowed;--amplify-components-checkbox-button-position: relative;--amplify-components-checkbox-button-align-items: center;--amplify-components-checkbox-button-justify-content: center;--amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);--amplify-components-checkbox-button-before-width: 100%;--amplify-components-checkbox-button-before-height: 100%;--amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);--amplify-components-checkbox-button-before-border-radius: 20%;--amplify-components-checkbox-button-before-border-style: solid;--amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);--amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);--amplify-components-checkbox-button-focus-outline-style: solid;--amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);--amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-checkbox-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);--amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-border-error);--amplify-components-checkbox-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);--amplify-components-checkbox-icon-border-radius: 20%;--amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);--amplify-components-checkbox-icon-transform: scale(0);--amplify-components-checkbox-icon-transition-property: all;--amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);--amplify-components-checkbox-icon-transition-timing-function: ease-in-out;--amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);--amplify-components-checkbox-icon-checked-transform: scale(1);--amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);--amplify-components-checkbox-icon-indeterminate-transform: scale(1);--amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-checkbox-label-color: var(--amplify-components-text-color);--amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-checkboxfield-align-items: flex-start;--amplify-components-checkboxfield-align-content: center;--amplify-components-checkboxfield-flex-direction: column;--amplify-components-checkboxfield-justify-content: center;--amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);--amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);--amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);--amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);--amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);--amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);--amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);--amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);--amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);--amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);--amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);--amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);--amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);--amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);--amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);--amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);--amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);--amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);--amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);--amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);--amplify-components-copy-font-size: var(--amplify-font-sizes-xs);--amplify-components-copy-gap: var(--amplify-space-relative-medium);--amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);--amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);--amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);--amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);--amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);--amplify-components-divider-border-style: solid;--amplify-components-divider-border-color: var(--amplify-colors-border-primary);--amplify-components-divider-border-width: var(--amplify-border-widths-medium);--amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);--amplify-components-divider-label-padding-inline: var(--amplify-space-medium);--amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);--amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);--amplify-components-divider-small-border-width: var(--amplify-border-widths-small);--amplify-components-divider-large-border-width: var(--amplify-border-widths-large);--amplify-components-divider-opacity: var(--amplify-opacities-60);--amplify-components-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-dropzone-border-style: dashed;--amplify-components-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-dropzone-color: var(--amplify-colors-font-primary);--amplify-components-dropzone-gap: var(--amplify-space-small);--amplify-components-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-dropzone-text-align: center;--amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-active-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-active-color: var(--amplify-colors-font-primary);--amplify-components-dropzone-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-dropzone-disabled-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-dropzone-disabled-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-disabled-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-dropzone-accepted-background-color: var(--amplify-colors-background-success);--amplify-components-dropzone-accepted-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-accepted-border-color: var(--amplify-colors-border-success);--amplify-components-dropzone-accepted-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-accepted-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-accepted-color: var(--amplify-colors-font-success);--amplify-components-dropzone-rejected-background-color: var(--amplify-colors-background-error);--amplify-components-dropzone-rejected-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-rejected-border-color: var(--amplify-colors-border-pressed);--amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);--amplify-components-field-gap: var(--amplify-space-xs);--amplify-components-field-font-size: var(--amplify-font-sizes-medium);--amplify-components-field-flex-direction: column;--amplify-components-field-small-gap: var(--amplify-space-xxxs);--amplify-components-field-small-font-size: var(--amplify-font-sizes-small);--amplify-components-field-large-gap: var(--amplify-space-small);--amplify-components-field-large-font-size: var(--amplify-font-sizes-large);--amplify-components-field-label-color: var(--amplify-colors-font-secondary);--amplify-components-fieldcontrol-border-style: solid;--amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);--amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);--amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);--amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);--amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);--amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);--amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);--amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);--amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);--amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);--amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);--amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);--amplify-components-fieldcontrol-outline-style: solid;--amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);--amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);--amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);--amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);--amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);--amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);--amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);--amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);--amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);--amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);--amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);--amplify-components-fieldcontrol-quiet-border-style: none;--amplify-components-fieldcontrol-quiet-border-inline-start: none;--amplify-components-fieldcontrol-quiet-border-inline-end: none;--amplify-components-fieldcontrol-quiet-border-block-start: none;--amplify-components-fieldcontrol-quiet-border-radius: 0;--amplify-components-fieldcontrol-quiet-focus-border-block-end-color: transparent;--amplify-components-fieldcontrol-quiet-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color: transparent;--amplify-components-fieldcontrol-quiet-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);--amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-fieldcontrol-disabled-cursor: not-allowed;--amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);--amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);--amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);--amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);--amplify-components-fieldcontrol-info-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-blue-100);--amplify-components-fieldcontrol-warning-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-orange-100);--amplify-components-fieldcontrol-success-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-green-100);--amplify-components-fieldcontrol-overlay-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-overlay-90);--amplify-components-fieldgroup-gap: var(--amplify-space-zero);--amplify-components-fieldgroup-vertical-align-items: center;--amplify-components-fieldgroup-outer-align-items: center;--amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);--amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);--amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);--amplify-components-fieldmessages-description-font-style: italic;--amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);--amplify-components-fieldset-background-color: transparent;--amplify-components-fieldset-border-radius: var(--amplify-radii-xs);--amplify-components-fieldset-flex-direction: column;--amplify-components-fieldset-gap: var(--amplify-components-field-gap);--amplify-components-fieldset-legend-color: var(--amplify-colors-font-primary);--amplify-components-fieldset-legend-font-size: var(--amplify-components-field-font-size);--amplify-components-fieldset-legend-font-weight: var(--amplify-font-weights-bold);--amplify-components-fieldset-legend-line-height: var(--amplify-line-heights-medium);--amplify-components-fieldset-legend-small-font-size: var(--amplify-components-field-small-font-size);--amplify-components-fieldset-legend-large-font-size: var(--amplify-components-field-large-font-size);--amplify-components-fieldset-outlined-padding: var(--amplify-space-medium);--amplify-components-fieldset-outlined-border-color: var(--amplify-colors-neutral-40);--amplify-components-fieldset-outlined-border-width: var(--amplify-border-widths-small);--amplify-components-fieldset-outlined-border-style: solid;--amplify-components-fieldset-outlined-small-padding: var(--amplify-space-small);--amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);--amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);--amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);--amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-dropzone-border-style: dashed;--amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);--amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-fileuploader-dropzone-text-align: center;--amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);--amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);--amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);--amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);--amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-file-border-style: solid;--amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);--amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);--amplify-components-fileuploader-file-gap: var(--amplify-space-small);--amplify-components-fileuploader-file-align-items: baseline;--amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);--amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);--amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);--amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);--amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);--amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-filelist-flex-direction: column;--amplify-components-fileuploader-filelist-gap: var(--amplify-space-small);--amplify-components-fileuploader-loader-stroke-linecap: round;--amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);--amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);--amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);--amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-previewer-border-style: solid;--amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);--amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);--amplify-components-fileuploader-previewer-max-height: 40rem;--amplify-components-fileuploader-previewer-max-width: auto;--amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);--amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);--amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);--amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);--amplify-components-fileuploader-previewer-footer-justify-content: flex-end;--amplify-components-flex-gap: var(--amplify-space-medium);--amplify-components-flex-justify-content: normal;--amplify-components-flex-align-items: stretch;--amplify-components-flex-align-content: normal;--amplify-components-flex-flex-wrap: nowrap;--amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);--amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);--amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);--amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);--amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);--amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);--amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);--amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);--amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);--amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);--amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);--amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);--amplify-components-heading-color: var(--amplify-colors-font-primary);--amplify-components-heading-line-height: var(--amplify-line-heights-small);--amplify-components-icon-line-height: 1;--amplify-components-icon-height: 1em;--amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);--amplify-components-image-max-width: 100%;--amplify-components-image-height: auto;--amplify-components-image-object-fit: initial;--amplify-components-image-object-position: initial;--amplify-components-inappmessaging-banner-height: 150px ;--amplify-components-inappmessaging-banner-width: 400px ;--amplify-components-inappmessaging-button-background-color: #e8e8e8;--amplify-components-inappmessaging-button-border-radius: 5px;--amplify-components-inappmessaging-button-color: black;--amplify-components-inappmessaging-dialog-height: 50vh;--amplify-components-inappmessaging-dialog-min-height: 400px;--amplify-components-inappmessaging-dialog-min-width: 400px;--amplify-components-inappmessaging-dialog-width: 30vw;--amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);--amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);--amplify-components-input-color: var(--amplify-components-fieldcontrol-color);--amplify-components-input-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-input-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-input-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-link-active-color: var(--amplify-colors-font-active);--amplify-components-link-color: var(--amplify-colors-font-interactive);--amplify-components-link-focus-color: var(--amplify-colors-font-focus);--amplify-components-link-hover-color: var(--amplify-colors-font-hover);--amplify-components-link-visited-color: var(--amplify-colors-font-interactive);--amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);--amplify-components-loader-width: var(--amplify-font-sizes-medium);--amplify-components-loader-height: var(--amplify-font-sizes-medium);--amplify-components-loader-font-size: var(--amplify-font-sizes-xs);--amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);--amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);--amplify-components-loader-stroke-linecap: round;--amplify-components-loader-animation-duration: 1s;--amplify-components-loader-small-width: var(--amplify-font-sizes-small);--amplify-components-loader-small-height: var(--amplify-font-sizes-small);--amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);--amplify-components-loader-large-width: var(--amplify-font-sizes-large);--amplify-components-loader-large-height: var(--amplify-font-sizes-large);--amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);--amplify-components-loader-linear-width: 100%;--amplify-components-loader-linear-min-width: 5rem;--amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);--amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);--amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);--amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);--amplify-components-loader-linear-stroke-linecap: round;--amplify-components-loader-linear-animation-duration: 1s;--amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);--amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs);--amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);--amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs);--amplify-components-loader-text-fill: var(--amplify-colors-font-primary);--amplify-components-menu-background-color: var(--amplify-colors-background-primary);--amplify-components-menu-border-radius: var(--amplify-radii-medium);--amplify-components-menu-border-width: var(--amplify-border-widths-small);--amplify-components-menu-border-style: solid;--amplify-components-menu-border-color: var(--amplify-colors-border-primary);--amplify-components-menu-box-shadow: var(--amplify-shadows-large);--amplify-components-menu-flex-direction: column;--amplify-components-menu-gap: var(--amplify-space-zero);--amplify-components-menu-max-width: 30rem;--amplify-components-menu-min-width: 14rem;--amplify-components-menu-small-width: var(--amplify-font-sizes-medium);--amplify-components-menu-small-height: var(--amplify-font-sizes-medium);--amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);--amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);--amplify-components-menu-item-min-height: 2.5rem;--amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);--amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);--amplify-components-message-align-items: center;--amplify-components-message-background-color: var(--amplify-colors-background-tertiary);--amplify-components-message-border-color: transparent;--amplify-components-message-border-style: solid;--amplify-components-message-border-width: var(--amplify-border-widths-small);--amplify-components-message-border-radius: var(--amplify-radii-xs);--amplify-components-message-color: var(--amplify-colors-font-primary);--amplify-components-message-justify-content: flex-start;--amplify-components-message-padding-block: var(--amplify-space-small);--amplify-components-message-padding-inline: var(--amplify-space-medium);--amplify-components-message-line-height: var(--amplify-line-heights-small);--amplify-components-message-icon-size: var(--amplify-font-sizes-xl);--amplify-components-message-heading-font-size: var(--amplify-font-sizes-medium);--amplify-components-message-heading-font-weight: var(--amplify-font-weights-bold);--amplify-components-message-dismiss-gap: var(--amplify-space-xxs);--amplify-components-message-plain-color: var(--amplify-colors-font-primary);--amplify-components-message-plain-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-border-color: transparent;--amplify-components-message-plain-info-color: var(--amplify-colors-font-info);--amplify-components-message-plain-info-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-info-border-color: transparent;--amplify-components-message-plain-error-color: var(--amplify-colors-font-error);--amplify-components-message-plain-error-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-error-border-color: transparent;--amplify-components-message-plain-success-color: var(--amplify-colors-font-success);--amplify-components-message-plain-success-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-success-border-color: transparent;--amplify-components-message-plain-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-plain-warning-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-warning-border-color: transparent;--amplify-components-message-outlined-color: var(--amplify-colors-font-primary);--amplify-components-message-outlined-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-border-color: var(--amplify-colors-border-primary);--amplify-components-message-outlined-info-color: var(--amplify-colors-font-info);--amplify-components-message-outlined-info-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-info-border-color: var(--amplify-colors-border-info);--amplify-components-message-outlined-error-color: var(--amplify-colors-font-error);--amplify-components-message-outlined-error-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-error-border-color: var(--amplify-colors-border-error);--amplify-components-message-outlined-success-color: var(--amplify-colors-font-success);--amplify-components-message-outlined-success-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-success-border-color: var(--amplify-colors-border-success);--amplify-components-message-outlined-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-outlined-warning-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-warning-border-color: var(--amplify-colors-border-warning);--amplify-components-message-filled-color: var(--amplify-colors-font-primary);--amplify-components-message-filled-background-color: var(--amplify-colors-background-secondary);--amplify-components-message-filled-border-color: transparent;--amplify-components-message-filled-info-color: var(--amplify-colors-font-info);--amplify-components-message-filled-info-background-color: var(--amplify-colors-background-info);--amplify-components-message-filled-info-border-color: transparent;--amplify-components-message-filled-error-color: var(--amplify-colors-font-error);--amplify-components-message-filled-error-background-color: var(--amplify-colors-background-error);--amplify-components-message-filled-error-border-color: transparent;--amplify-components-message-filled-success-color: var(--amplify-colors-font-success);--amplify-components-message-filled-success-background-color: var(--amplify-colors-background-success);--amplify-components-message-filled-success-border-color: transparent;--amplify-components-message-filled-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-filled-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-message-filled-warning-border-color: transparent;--amplify-components-pagination-current-align-items: center;--amplify-components-pagination-current-justify-content: center;--amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);--amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);--amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);--amplify-components-pagination-button-color: var(--amplify-colors-font-primary);--amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);--amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);--amplify-components-pagination-button-transition-property: background-color;--amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);--amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);--amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-pagination-ellipsis-align-items: baseline;--amplify-components-pagination-ellipsis-justify-content: center;--amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);--amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);--amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);--amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);--amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);--amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);--amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);--amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-passwordfield-button-color: var(--amplify-components-button-color);--amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);--amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);--amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);--amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-passwordfield-button-error-color: var(--amplify-components-button-outlined-error-color);--amplify-components-passwordfield-button-error-background-color: var(--amplify-components-button-outlined-error-background-color);--amplify-components-passwordfield-button-error-border-color: var(--amplify-components-button-outlined-error-border-color);--amplify-components-passwordfield-button-error-active-border-color: var(--amplify-components-button-outlined-error-active-border-color);--amplify-components-passwordfield-button-error-active-background-color: var(--amplify-components-button-outlined-error-active-background-color);--amplify-components-passwordfield-button-error-active-color: var(--amplify-components-button-outlined-error-active-color);--amplify-components-passwordfield-button-error-focus-border-color: var(--amplify-components-button-outlined-error-focus-border-color);--amplify-components-passwordfield-button-error-focus-background-color: var(--amplify-components-button-outlined-error-focus-background-color);--amplify-components-passwordfield-button-error-focus-color: var(--amplify-components-button-outlined-error-focus-color);--amplify-components-passwordfield-button-error-focus-box-shadow: var(--amplify-components-button-outlined-error-focus-box-shadow);--amplify-components-passwordfield-button-error-hover-border-color: var(--amplify-components-button-outlined-error-hover-border-color);--amplify-components-passwordfield-button-error-hover-background-color: var(--amplify-components-button-outlined-error-hover-background-color);--amplify-components-passwordfield-button-error-hover-color: var(--amplify-components-button-outlined-error-hover-color);--amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);--amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);--amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-placeholder-border-radius: var(--amplify-radii-small);--amplify-components-placeholder-transition-duration: var(--amplify-time-long);--amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);--amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);--amplify-components-placeholder-small-height: var(--amplify-space-small);--amplify-components-placeholder-default-height: var(--amplify-space-medium);--amplify-components-placeholder-large-height: var(--amplify-space-large);--amplify-components-radio-align-items: center;--amplify-components-radio-justify-content: flex-start;--amplify-components-radio-gap: inherit;--amplify-components-radio-disabled-cursor: not-allowed;--amplify-components-radio-button-align-items: center;--amplify-components-radio-button-justify-content: center;--amplify-components-radio-button-width: var(--amplify-font-sizes-medium);--amplify-components-radio-button-height: var(--amplify-font-sizes-medium);--amplify-components-radio-button-box-sizing: border-box;--amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);--amplify-components-radio-button-border-style: solid;--amplify-components-radio-button-border-radius: 50%;--amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);--amplify-components-radio-button-color: var(--amplify-colors-background-primary);--amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);--amplify-components-radio-button-transition-property: all;--amplify-components-radio-button-transition-duration: var(--amplify-time-medium);--amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);--amplify-components-radio-button-outline-style: solid;--amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);--amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-radio-button-padding: var(--amplify-border-widths-medium);--amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);--amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);--amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);--amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);--amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);--amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);--amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);--amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);--amplify-components-radio-label-color: var(--amplify-components-text-color);--amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);--amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);--amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);--amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);--amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);--amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);--amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);--amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);--amplify-components-rating-default-size: var(--amplify-font-sizes-xl);--amplify-components-rating-small-size: var(--amplify-font-sizes-small);--amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);--amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-searchfield-button-color: var(--amplify-components-button-color);--amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);--amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);--amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);--amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);--amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);--amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);--amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-select-color: var(--amplify-components-fieldcontrol-color);--amplify-components-select-background-color: var(--amplify-colors-background-primary);--amplify-components-select-padding-inline-end: var(--amplify-space-xxl);--amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-select-wrapper-flex: 1;--amplify-components-select-wrapper-display: block;--amplify-components-select-wrapper-position: relative;--amplify-components-select-wrapper-cursor: pointer;--amplify-components-select-icon-wrapper-align-items: center;--amplify-components-select-icon-wrapper-position: absolute;--amplify-components-select-icon-wrapper-top: 50%;--amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);--amplify-components-select-icon-wrapper-transform: translateY(-50%);--amplify-components-select-icon-wrapper-pointer-events: none;--amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);--amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);--amplify-components-select-option-background-color: transparent;--amplify-components-select-option-color: var(--amplify-colors-font-primary);--amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-select-option-disabled-background-color: transparent;--amplify-components-select-white-space: nowrap;--amplify-components-select-min-width: 6.5rem;--amplify-components-select-small-min-width: 5.5rem;--amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);--amplify-components-select-large-min-width: 7.5rem;--amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);--amplify-components-select-expanded-padding-block: var(--amplify-space-xs);--amplify-components-select-expanded-padding-inline: var(--amplify-space-small);--amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);--amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);--amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-selectfield-flex-direction: column;--amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);--amplify-components-sliderfield-padding-block: var(--amplify-space-xs);--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);--amplify-components-sliderfield-track-border-radius: 9999px;--amplify-components-sliderfield-track-height: .375rem;--amplify-components-sliderfield-track-min-width: 10rem;--amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);--amplify-components-sliderfield-range-border-radius: 9999px;--amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-sliderfield-thumb-width: 1.25rem;--amplify-components-sliderfield-thumb-height: 1.25rem;--amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);--amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);--amplify-components-sliderfield-thumb-border-radius: 50%;--amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);--amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);--amplify-components-sliderfield-thumb-border-style: solid;--amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-sliderfield-thumb-disabled-border-color: transparent;--amplify-components-sliderfield-thumb-disabled-box-shadow: none;--amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);--amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);--amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-sliderfield-thumb-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-sliderfield-small-track-height: .25rem;--amplify-components-sliderfield-small-thumb-width: 1rem;--amplify-components-sliderfield-small-thumb-height: 1rem;--amplify-components-sliderfield-large-track-height: .625rem;--amplify-components-sliderfield-large-thumb-width: 1.5rem;--amplify-components-sliderfield-large-thumb-height: 1.5rem;--amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-stepperfield-flex-direction: column;--amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);--amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-stepperfield-input-text-align: center;--amplify-components-stepperfield-button-color: var(--amplify-components-button-color);--amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);--amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);--amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-dropzone-border-style: dashed;--amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small);--amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-storagemanager-dropzone-text-align: center;--amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);--amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);--amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);--amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);--amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-file-border-style: solid;--amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs);--amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small);--amplify-components-storagemanager-file-gap: var(--amplify-space-small);--amplify-components-storagemanager-file-align-items: baseline;--amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary);--amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small);--amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl);--amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl);--amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);--amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-filelist-flex-direction: column;--amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);--amplify-components-storagemanager-loader-stroke-linecap: round;--amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);--amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);--amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large);--amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-previewer-border-style: solid;--amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero);--amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero);--amplify-components-storagemanager-previewer-max-height: 40rem;--amplify-components-storagemanager-previewer-max-width: auto;--amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary);--amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium);--amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);--amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);--amplify-components-storagemanager-previewer-footer-justify-content: flex-end;--amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);--amplify-components-switchfield-focused-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);--amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);--amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);--amplify-components-switchfield-label-padding: var(--amplify-space-xs);--amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);--amplify-components-switchfield-thumb-border-color: transparent;--amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);--amplify-components-switchfield-thumb-border-style: solid;--amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);--amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);--amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);--amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);--amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);--amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);--amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);--amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);--amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);--amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);--amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);--amplify-components-table-border-collapse: collapse;--amplify-components-table-display: table;--amplify-components-table-width: 100%;--amplify-components-table-head-display: table-header-group;--amplify-components-table-head-vertical-align: middle;--amplify-components-table-body-display: table-row-group;--amplify-components-table-body-vertical-align: middle;--amplify-components-table-foot-display: table-footer-group;--amplify-components-table-foot-vertical-align: middle;--amplify-components-table-row-display: table-row;--amplify-components-table-row-vertical-align: middle;--amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);--amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);--amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);--amplify-components-table-header-border-style: solid;--amplify-components-table-header-border-width: var(--amplify-border-widths-small);--amplify-components-table-header-color: var(--amplify-colors-font-primary);--amplify-components-table-header-display: table-cell;--amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);--amplify-components-table-header-padding: var(--amplify-space-medium);--amplify-components-table-header-vertical-align: middle;--amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-header-large-padding: var(--amplify-space-large);--amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);--amplify-components-table-header-small-padding: var(--amplify-space-xs);--amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);--amplify-components-table-data-border-style: solid;--amplify-components-table-data-border-width: var(--amplify-border-widths-small);--amplify-components-table-data-color: var(--amplify-colors-font-primary);--amplify-components-table-data-display: table-cell;--amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);--amplify-components-table-data-padding: var(--amplify-space-medium);--amplify-components-table-data-vertical-align: middle;--amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-data-large-padding: var(--amplify-space-large);--amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);--amplify-components-table-data-small-padding: var(--amplify-space-xs);--amplify-components-table-caption-caption-side: bottom;--amplify-components-table-caption-color: var(--amplify-colors-font-primary);--amplify-components-table-caption-display: table-caption;--amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-caption-text-align: center;--amplify-components-table-caption-word-break: break-all;--amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);--amplify-components-tabs-background-color: transparent;--amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);--amplify-components-tabs-border-style: solid;--amplify-components-tabs-border-width: var(--amplify-border-widths-medium);--amplify-components-tabs-gap: 0;--amplify-components-tabs-item-background-color: transparent;--amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);--amplify-components-tabs-item-border-style: solid;--amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);--amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);--amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);--amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);--amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);--amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);--amplify-components-tabs-item-text-align: center;--amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);--amplify-components-tabs-item-hover-background-color: transparent;--amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);--amplify-components-tabs-item-hover-box-shadow: none;--amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);--amplify-components-tabs-item-focus-background-color: transparent;--amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);--amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);--amplify-components-tabs-item-active-background-color: transparent;--amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);--amplify-components-tabs-item-active-box-shadow: none;--amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);--amplify-components-tabs-item-disabled-background-color: transparent;--amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-tabs-item-disabled-box-shadow: none;--amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-tabs-panel-background-color: transparent;--amplify-components-tabs-panel-padding-inline: 0;--amplify-components-tabs-panel-padding-block: var(--amplify-space-small);--amplify-components-text-color: var(--amplify-colors-font-primary);--amplify-components-text-primary-color: var(--amplify-colors-font-primary);--amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);--amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);--amplify-components-text-error-color: var(--amplify-colors-font-error);--amplify-components-text-warning-color: var(--amplify-colors-font-warning);--amplify-components-text-success-color: var(--amplify-colors-font-success);--amplify-components-text-info-color: var(--amplify-colors-font-info);--amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);--amplify-components-togglebutton-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);--amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);--amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);--amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);--amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);--amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);--amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);--amplify-components-togglebuttongroup-align-items: center;--amplify-components-togglebuttongroup-align-content: center;--amplify-components-togglebuttongroup-justify-content: flex-start;--amplify-border-widths-small: 1px;--amplify-border-widths-medium: 2px;--amplify-border-widths-large: 3px;--amplify-colors-red-10: hsl(0, 75%, 95%);--amplify-colors-red-20: hsl(0, 75%, 85%);--amplify-colors-red-40: hsl(0, 75%, 75%);--amplify-colors-red-60: hsl(0, 50%, 50%);--amplify-colors-red-80: hsl(0, 95%, 30%);--amplify-colors-red-90: hsl(0, 100%, 20%);--amplify-colors-red-100: hsl(0, 100%, 15%);--amplify-colors-orange-10: hsl(30, 75%, 95%);--amplify-colors-orange-20: hsl(30, 75%, 85%);--amplify-colors-orange-40: hsl(30, 75%, 75%);--amplify-colors-orange-60: hsl(30, 50%, 50%);--amplify-colors-orange-80: hsl(30, 95%, 30%);--amplify-colors-orange-90: hsl(30, 100%, 20%);--amplify-colors-orange-100: hsl(30, 100%, 15%);--amplify-colors-yellow-10: hsl(60, 75%, 95%);--amplify-colors-yellow-20: hsl(60, 75%, 85%);--amplify-colors-yellow-40: hsl(60, 75%, 75%);--amplify-colors-yellow-60: hsl(60, 50%, 50%);--amplify-colors-yellow-80: hsl(60, 95%, 30%);--amplify-colors-yellow-90: hsl(60, 100%, 20%);--amplify-colors-yellow-100: hsl(60, 100%, 15%);--amplify-colors-green-10: hsl(130, 60%, 95%);--amplify-colors-green-20: hsl(130, 60%, 90%);--amplify-colors-green-40: hsl(130, 44%, 63%);--amplify-colors-green-60: hsl(130, 43%, 46%);--amplify-colors-green-80: hsl(130, 33%, 37%);--amplify-colors-green-90: hsl(130, 27%, 29%);--amplify-colors-green-100: hsl(130, 22%, 23%);--amplify-colors-teal-10: hsl(190, 75%, 95%);--amplify-colors-teal-20: hsl(190, 75%, 85%);--amplify-colors-teal-40: hsl(190, 70%, 70%);--amplify-colors-teal-60: hsl(190, 50%, 50%);--amplify-colors-teal-80: hsl(190, 95%, 30%);--amplify-colors-teal-90: hsl(190, 100%, 20%);--amplify-colors-teal-100: hsl(190, 100%, 15%);--amplify-colors-blue-10: hsl(220, 95%, 95%);--amplify-colors-blue-20: hsl(220, 85%, 85%);--amplify-colors-blue-40: hsl(220, 70%, 70%);--amplify-colors-blue-60: hsl(220, 50%, 50%);--amplify-colors-blue-80: hsl(220, 95%, 30%);--amplify-colors-blue-90: hsl(220, 100%, 20%);--amplify-colors-blue-100: hsl(220, 100%, 15%);--amplify-colors-purple-10: hsl(300, 95%, 95%);--amplify-colors-purple-20: hsl(300, 85%, 85%);--amplify-colors-purple-40: hsl(300, 70%, 70%);--amplify-colors-purple-60: hsl(300, 50%, 50%);--amplify-colors-purple-80: hsl(300, 95%, 30%);--amplify-colors-purple-90: hsl(300, 100%, 20%);--amplify-colors-purple-100: hsl(300, 100%, 15%);--amplify-colors-pink-10: hsl(340, 95%, 95%);--amplify-colors-pink-20: hsl(340, 90%, 85%);--amplify-colors-pink-40: hsl(340, 70%, 70%);--amplify-colors-pink-60: hsl(340, 50%, 50%);--amplify-colors-pink-80: hsl(340, 95%, 30%);--amplify-colors-pink-90: hsl(340, 100%, 20%);--amplify-colors-pink-100: hsl(340, 100%, 15%);--amplify-colors-neutral-10: hsl(210, 5%, 98%);--amplify-colors-neutral-20: hsl(210, 5%, 94%);--amplify-colors-neutral-40: hsl(210, 5%, 87%);--amplify-colors-neutral-60: hsl(210, 10%, 58%);--amplify-colors-neutral-80: hsl(210, 10%, 40%);--amplify-colors-neutral-90: hsl(210, 25%, 25%);--amplify-colors-neutral-100: hsl(210, 50%, 10%);--amplify-colors-primary-10: var(--amplify-colors-teal-10);--amplify-colors-primary-20: var(--amplify-colors-teal-20);--amplify-colors-primary-40: var(--amplify-colors-teal-40);--amplify-colors-primary-60: var(--amplify-colors-teal-60);--amplify-colors-primary-80: var(--amplify-colors-teal-80);--amplify-colors-primary-90: var(--amplify-colors-teal-90);--amplify-colors-primary-100: var(--amplify-colors-teal-100);--amplify-colors-secondary-10: var(--amplify-colors-purple-10);--amplify-colors-secondary-20: var(--amplify-colors-purple-20);--amplify-colors-secondary-40: var(--amplify-colors-purple-40);--amplify-colors-secondary-60: var(--amplify-colors-purple-60);--amplify-colors-secondary-80: var(--amplify-colors-purple-80);--amplify-colors-secondary-90: var(--amplify-colors-purple-90);--amplify-colors-secondary-100: var(--amplify-colors-purple-100);--amplify-colors-font-primary: var(--amplify-colors-neutral-100);--amplify-colors-font-secondary: var(--amplify-colors-neutral-90);--amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);--amplify-colors-font-disabled: var(--amplify-colors-neutral-60);--amplify-colors-font-inverse: var(--amplify-colors-white);--amplify-colors-font-interactive: var(--amplify-colors-primary-80);--amplify-colors-font-hover: var(--amplify-colors-primary-90);--amplify-colors-font-focus: var(--amplify-colors-primary-100);--amplify-colors-font-active: var(--amplify-colors-primary-100);--amplify-colors-font-info: var(--amplify-colors-blue-90);--amplify-colors-font-warning: var(--amplify-colors-orange-90);--amplify-colors-font-error: var(--amplify-colors-red-90);--amplify-colors-font-success: var(--amplify-colors-green-90);--amplify-colors-background-primary: var(--amplify-colors-white);--amplify-colors-background-secondary: var(--amplify-colors-neutral-10);--amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);--amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);--amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);--amplify-colors-background-info: var(--amplify-colors-blue-10);--amplify-colors-background-warning: var(--amplify-colors-orange-10);--amplify-colors-background-error: var(--amplify-colors-red-10);--amplify-colors-background-success: var(--amplify-colors-green-10);--amplify-colors-border-primary: var(--amplify-colors-neutral-60);--amplify-colors-border-secondary: var(--amplify-colors-neutral-40);--amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);--amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);--amplify-colors-border-pressed: var(--amplify-colors-primary-100);--amplify-colors-border-focus: var(--amplify-colors-primary-100);--amplify-colors-border-error: var(--amplify-colors-red-80);--amplify-colors-border-info: var(--amplify-colors-blue-80);--amplify-colors-border-success: var(--amplify-colors-green-80);--amplify-colors-border-warning: var(--amplify-colors-orange-80);--amplify-colors-shadow-primary: hsla(210, 50%, 10%, .25);--amplify-colors-shadow-secondary: hsla(210, 50%, 10%, .15);--amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, .05);--amplify-colors-overlay-5: hsla(0, 0%, 0%, .05);--amplify-colors-overlay-10: hsla(0, 0%, 0%, .1);--amplify-colors-overlay-20: hsla(0, 0%, 0%, .2);--amplify-colors-overlay-30: hsla(0, 0%, 0%, .3);--amplify-colors-overlay-40: hsla(0, 0%, 0%, .4);--amplify-colors-overlay-50: hsla(0, 0%, 0%, .5);--amplify-colors-overlay-60: hsla(0, 0%, 0%, .6);--amplify-colors-overlay-70: hsla(0, 0%, 0%, .7);--amplify-colors-overlay-80: hsla(0, 0%, 0%, .8);--amplify-colors-overlay-90: hsla(0, 0%, 0%, .9);--amplify-colors-black: hsl(0, 0%, 0%);--amplify-colors-white: hsl(0, 0%, 100%);--amplify-colors-transparent: transparent;--amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;--amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;--amplify-font-sizes-xxxs: .375rem;--amplify-font-sizes-xxs: .5rem;--amplify-font-sizes-xs: .75rem;--amplify-font-sizes-small: .875rem;--amplify-font-sizes-medium: 1rem;--amplify-font-sizes-large: 1.25rem;--amplify-font-sizes-xl: 1.5rem;--amplify-font-sizes-xxl: 2rem;--amplify-font-sizes-xxxl: 2.5rem;--amplify-font-sizes-xxxxl: 3rem;--amplify-font-weights-hairline: 100;--amplify-font-weights-thin: 200;--amplify-font-weights-light: 300;--amplify-font-weights-normal: 400;--amplify-font-weights-medium: 500;--amplify-font-weights-semibold: 600;--amplify-font-weights-bold: 700;--amplify-font-weights-extrabold: 800;--amplify-font-weights-black: 900;--amplify-line-heights-small: 1.25;--amplify-line-heights-medium: 1.5;--amplify-line-heights-large: 2;--amplify-opacities-0: 0;--amplify-opacities-10: .1;--amplify-opacities-20: .2;--amplify-opacities-30: .3;--amplify-opacities-40: .4;--amplify-opacities-50: .5;--amplify-opacities-60: .6;--amplify-opacities-70: .7;--amplify-opacities-80: .8;--amplify-opacities-90: .9;--amplify-opacities-100: 1;--amplify-outline-offsets-small: 1px;--amplify-outline-offsets-medium: 2px;--amplify-outline-offsets-large: 3px;--amplify-outline-widths-small: 1px;--amplify-outline-widths-medium: 2px;--amplify-outline-widths-large: 3px;--amplify-radii-xs: .125rem;--amplify-radii-small: .25rem;--amplify-radii-medium: .5rem;--amplify-radii-large: 1rem;--amplify-radii-xl: 2rem;--amplify-radii-xxl: 4rem;--amplify-radii-xxxl: 8rem;--amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);--amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);--amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);--amplify-space-zero: 0;--amplify-space-xxxs: .25rem;--amplify-space-xxs: .375rem;--amplify-space-xs: .5rem;--amplify-space-small: .75rem;--amplify-space-medium: 1rem;--amplify-space-large: 1.5rem;--amplify-space-xl: 2rem;--amplify-space-xxl: 3rem;--amplify-space-xxxl: 4.5rem;--amplify-space-relative-xxxs: .25em;--amplify-space-relative-xxs: .375em;--amplify-space-relative-xs: .5em;--amplify-space-relative-small: .75em;--amplify-space-relative-medium: 1em;--amplify-space-relative-large: 1.5em;--amplify-space-relative-xl: 2em;--amplify-space-relative-xxl: 3em;--amplify-space-relative-xxxl: 4.5em;--amplify-space-relative-full: 100%;--amplify-time-short: .1s;--amplify-time-medium: .25s;--amplify-time-long: .5s;--amplify-transforms-slide-x-small: translateX(.5em);--amplify-transforms-slide-x-medium: translateX(1em);--amplify-transforms-slide-x-large: translateX(2em)}html,[data-amplify-theme]{font-family:var(--amplify-fonts-default-static)}@supports (font-variation-settings: normal){html,[data-amplify-theme]{font-family:var(--amplify-fonts-default-variable)}}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--amplify-line-heights-medium)}*{box-sizing:border-box}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}}[class*=amplify]{all:unset;box-sizing:border-box}.amplify-flex{align-content:var(--amplify-components-flex-align-content);align-items:var(--amplify-components-flex-align-items);display:flex;flex-wrap:var(--amplify-components-flex-flex-wrap);gap:var(--amplify-components-flex-gap);justify-content:var(--amplify-components-flex-justify-content)}.amplify-grid{display:grid}.amplify-scrollview{display:block;overflow:auto}.amplify-text{display:block;color:var(--amplify-components-text-color)}b.amplify-text,em.amplify-text,i.amplify-text,span.amplify-text,strong.amplify-text{display:inline}.amplify-text--truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amplify-text--primary{color:var(--amplify-components-text-primary-color)}.amplify-text--secondary{color:var(--amplify-components-text-secondary-color)}.amplify-text--tertiary{color:var(--amplify-components-text-tertiary-color)}.amplify-text--error{color:var(--amplify-components-text-error-color)}.amplify-text--info{color:var(--amplify-components-text-info-color)}.amplify-text--success{color:var(--amplify-components-text-success-color)}.amplify-text--warning{color:var(--amplify-components-text-warning-color)}.amplify-badge{background-color:var(--amplify-components-badge-background-color);border-radius:var(--amplify-components-badge-border-radius);color:var(--amplify-components-badge-color);display:inline-flex;font-size:var(--amplify-components-badge-font-size);font-weight:var(--amplify-components-badge-font-weight);line-height:var(--amplify-components-badge-line-height);padding:var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal);text-align:var(--amplify-components-badge-text-align)}.amplify-badge--info{color:var(--amplify-components-badge-info-color);background-color:var(--amplify-components-badge-info-background-color)}.amplify-badge--error{color:var(--amplify-components-badge-error-color);background-color:var(--amplify-components-badge-error-background-color)}.amplify-badge--warning{color:var(--amplify-components-badge-warning-color);background-color:var(--amplify-components-badge-warning-background-color)}.amplify-badge--success{color:var(--amplify-components-badge-success-color);background-color:var(--amplify-components-badge-success-background-color)}.amplify-badge--small{font-size:var(--amplify-components-badge-small-font-size);padding:var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal)}.amplify-badge--large{font-size:var(--amplify-components-badge-large-font-size);padding:var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal)}.amplify-button{--amplify-internal-button-background-color: var( --amplify-components-button-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-border-color );--amplify-internal-button-color: var(--amplify-components-button-color);--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-focus-box-shadow );--amplify-internal-button-border-width: var( --amplify-components-button-border-width );align-items:center;background-color:var(--amplify-internal-button-background-color);border-color:var(--amplify-internal-button-border-color);border-radius:var(--amplify-components-button-border-radius);border-style:var(--amplify-components-button-border-style);border-width:var(--amplify-internal-button-border-width);box-sizing:border-box;color:var(--amplify-internal-button-color);cursor:pointer;display:inline-flex;font-size:var(--amplify-components-button-font-size);font-weight:var(--amplify-components-button-font-weight);justify-content:center;line-height:var(--amplify-components-button-line-height);padding-block-start:var(--amplify-components-button-padding-block-start);padding-block-end:var(--amplify-components-button-padding-block-end);padding-inline-start:var(--amplify-components-button-padding-inline-start);padding-inline-end:var(--amplify-components-button-padding-inline-end);transition:all var(--amplify-components-button-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none;--amplify-internal-button-disabled-color: var( --amplify-components-button-disabled-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-disabled-background-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-disabled-border-color );--amplify-internal-button-disabled-text-decoration: initial;--amplify-internal-button-loading-background-color: var( --amplify-components-button-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-loading-color );--amplify-internal-button-loading-text-decoration: initial}.amplify-button:hover{--amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-hover-color )}.amplify-button:focus{--amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-focus-color );box-shadow:var(--amplify-internal-button-focus-box-shadow)}.amplify-button:active{--amplify-internal-button-background-color: var( --amplify-components-button-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-active-color )}.amplify-button--fullwidth{width:100%}.amplify-button--outlined--info{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-color )}.amplify-button--outlined--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-hover-color )}.amplify-button--outlined--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-info-focus-box-shadow )}.amplify-button--outlined--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-active-color )}.amplify-button--outlined--warning{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-color )}.amplify-button--outlined--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-hover-color )}.amplify-button--outlined--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-warning-focus-box-shadow )}.amplify-button--outlined--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-active-color )}.amplify-button--outlined--error{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-color )}.amplify-button--outlined--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-hover-color )}.amplify-button--outlined--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-error-focus-box-shadow )}.amplify-button--outlined--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-active-color )}.amplify-button--outlined--success{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-color )}.amplify-button--outlined--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-hover-color )}.amplify-button--outlined--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-success-focus-box-shadow )}.amplify-button--outlined--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-active-color )}.amplify-button--outlined--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-color )}.amplify-button--outlined--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-hover-color )}.amplify-button--outlined--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-overlay-focus-box-shadow )}.amplify-button--outlined--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-active-color )}.amplify-button--menu{border-width:var(--amplify-components-button-menu-border-width);background-color:var(--amplify-components-button-menu-background-color);justify-content:var(--amplify-components-button-menu-justify-content);--amplify-internal-button-disabled-color: var( --amplify-components-button-menu-disabled-color )}.amplify-button--menu:hover{color:var(--amplify-components-button-menu-hover-color);background-color:var(--amplify-components-button-menu-hover-background-color)}.amplify-button--menu:focus{box-shadow:none;color:var(--amplify-components-button-menu-focus-color);background-color:var(--amplify-components-button-menu-focus-background-color)}.amplify-button--menu:active{color:var(--amplify-components-button-menu-active-color);background-color:var(--amplify-components-button-menu-active-background-color)}.amplify-button--primary{--amplify-internal-button-border-width: var( --amplify-components-button-primary-border-width );--amplify-internal-button-background-color: var( --amplify-components-button-primary-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-primary-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-primary-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-primary-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-primary-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-primary-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-primary-loading-color )}.amplify-button--primary:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-hover-color )}.amplify-button--primary:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-focus-box-shadow )}.amplify-button--primary:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-active-color )}.amplify-button--primary--info{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-color )}.amplify-button--primary--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-hover-color )}.amplify-button--primary--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-info-focus-box-shadow )}.amplify-button--primary--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-active-color )}.amplify-button--primary--warning{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-color )}.amplify-button--primary--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-hover-color )}.amplify-button--primary--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-warning-focus-box-shadow )}.amplify-button--primary--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-active-color )}.amplify-button--primary--error{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-color )}.amplify-button--primary--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-hover-color )}.amplify-button--primary--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-error-focus-box-shadow )}.amplify-button--primary--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-active-color )}.amplify-button--primary--success{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-color )}.amplify-button--primary--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-hover-color )}.amplify-button--primary--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-success-focus-box-shadow )}.amplify-button--primary--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-active-color )}.amplify-button--primary--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-color )}.amplify-button--primary--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-hover-color )}.amplify-button--primary--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-overlay-focus-box-shadow )}.amplify-button--primary--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-active-color )}.amplify-button--link{--amplify-internal-button-border-width: var( --amplify-components-button-link-border-width );--amplify-internal-button-background-color: var( --amplify-components-button-link-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-link-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-link-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-link-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-link-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-link-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-link-loading-color )}.amplify-button--link:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-hover-color )}.amplify-button--link:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-focus-box-shadow )}.amplify-button--link:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-active-color )}.amplify-button--link--info{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-color )}.amplify-button--link--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-hover-color )}.amplify-button--link--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-info-focus-box-shadow )}.amplify-button--link--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-active-color )}.amplify-button--link--warning{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-color )}.amplify-button--link--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-hover-color )}.amplify-button--link--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-warning-focus-box-shadow )}.amplify-button--link--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-active-color )}.amplify-button--link--error{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-color )}.amplify-button--link--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-hover-color )}.amplify-button--link--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-error-focus-box-shadow )}.amplify-button--link--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-active-color )}.amplify-button--link--success{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-color )}.amplify-button--link--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-hover-color )}.amplify-button--link--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-success-focus-box-shadow )}.amplify-button--link--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-active-color )}.amplify-button--link--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-color )}.amplify-button--link--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-hover-color )}.amplify-button--link--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-overlay-focus-box-shadow )}.amplify-button--link--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-active-color )}.amplify-button--destructive{border-width:var(--amplify-components-button-destructive-border-width);background-color:var(--amplify-components-button-destructive-background-color);border-color:var(--amplify-components-button-destructive-border-color);color:var(--amplify-components-button-destructive-color);--amplify-internal-button-disabled-border-color: var( --amplify-components-button-destructive-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-destructive-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-destructive-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-destructive-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-destructive-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-destructive-loading-color )}.amplify-button--destructive:hover{background-color:var(--amplify-components-button-destructive-hover-background-color);border-color:var(--amplify-components-button-destructive-hover-border-color);color:var(--amplify-components-button-destructive-hover-color)}.amplify-button--destructive:focus{background-color:var(--amplify-components-button-destructive-focus-background-color);border-color:var(--amplify-components-button-destructive-focus-border-color);color:var(--amplify-components-button-destructive-focus-color);box-shadow:var(--amplify-components-button-destructive-focus-box-shadow)}.amplify-button--destructive:active{background-color:var(--amplify-components-button-destructive-active-background-color);border-color:var(--amplify-components-button-destructive-active-border-color);color:var(--amplify-components-button-destructive-active-color)}.amplify-button--warning{background-color:var(--amplify-components-button-warning-background-color);border-color:var(--amplify-components-button-warning-border-color);border-width:var(--amplify-components-button-warning-border-width);color:var(--amplify-components-button-warning-color);--amplify-internal-button-disabled-text-decoration: none;--amplify-internal-button-disabled-border-color: var( --amplify-components-button-warning-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-warning-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-warning-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-warning-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-warning-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-warning-loading-color );--amplify-internal-button-loading-text-decoration: none}.amplify-button--warning:hover{background-color:var(--amplify-components-button-warning-hover-background-color);border-color:var(--amplify-components-button-warning-hover-border-color);color:var(--amplify-components-button-warning-hover-color)}.amplify-button--warning:focus{background-color:var(--amplify-components-button-warning-focus-background-color);border-color:var(--amplify-components-button-warning-focus-border-color);color:var(--amplify-components-button-warning-focus-color);box-shadow:var(--amplify-components-button-warning-focus-box-shadow)}.amplify-button--warning:active{background-color:var(--amplify-components-button-warning-active-background-color);border-color:var(--amplify-components-button-warning-active-border-color);color:var(--amplify-components-button-warning-active-color)}.amplify-button--small{font-size:var(--amplify-components-button-small-font-size);padding-block-start:var(--amplify-components-button-small-padding-block-start);padding-block-end:var(--amplify-components-button-small-padding-block-end);padding-inline-start:var(--amplify-components-button-small-padding-inline-start);padding-inline-end:var(--amplify-components-button-small-padding-inline-end)}.amplify-button--large{font-size:var(--amplify-components-button-large-font-size);padding-block-start:var(--amplify-components-button-large-padding-block-start);padding-block-end:var(--amplify-components-button-large-padding-block-end);padding-inline-start:var(--amplify-components-button-large-padding-inline-start);padding-inline-end:var(--amplify-components-button-large-padding-inline-end)}.amplify-button--disabled{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration);cursor:not-allowed}.amplify-button--disabled:hover{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--disabled :focus{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--disabled:active{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--loading,.amplify-button--loading:hover{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button--loading:focus{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button--loading:active{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button__loader-wrapper{align-items:var(--amplify-components-button-loader-wrapper-align-items);gap:var(--amplify-components-button-loader-wrapper-gap)}@media (prefers-reduced-motion: reduce){.amplify-button{transition:none}}.amplify-dropzone{display:block;background-color:var(--amplify-components-dropzone-background-color);border-color:var(--amplify-components-dropzone-border-color);border-width:var(--amplify-components-dropzone-border-width);border-style:var(--amplify-components-dropzone-border-style);border-radius:var(--amplify-components-dropzone-border-radius);color:var(--amplify-components-dropzone-color);padding-block:var(--amplify-components-dropzone-padding-block);padding-inline:var(--amplify-components-dropzone-padding-inline);text-align:var(--amplify-components-dropzone-text-align)}.amplify-dropzone--disabled{cursor:not-allowed;background-color:var(--amplify-components-dropzone-disabled-background-color);border-color:var(--amplify-components-dropzone-disabled-border-color);border-width:var(--amplify-components-dropzone-disabled-border-width);border-style:var(--amplify-components-dropzone-disabled-border-style);border-radius:var(--amplify-components-dropzone-disabled-border-radius);color:var(--amplify-components-dropzone-disabled-color)}.amplify-dropzone--active{background-color:var(--amplify-components-dropzone-active-background-color);border-color:var(--amplify-components-dropzone-active-border-color);border-width:var(--amplify-components-dropzone-active-border-width);border-style:var(--amplify-components-dropzone-active-border-style);border-radius:var(--amplify-components-dropzone-active-border-radius);color:var(--amplify-components-dropzone-active-color)}.amplify-dropzone--rejected{background-color:var(--amplify-components-dropzone-rejected-background-color);border-color:var(--amplify-components-dropzone-rejected-border-color);border-width:var(--amplify-components-dropzone-rejected-border-width);border-style:var(--amplify-components-dropzone-rejected-border-style);border-radius:var(--amplify-components-dropzone-rejected-border-radius);color:var(--amplify-components-dropzone-rejected-color)}.amplify-dropzone--accepted{background-color:var(--amplify-components-dropzone-accepted-background-color);border-color:var(--amplify-components-dropzone-accepted-border-color);border-width:var(--amplify-components-dropzone-accepted-border-width);border-style:var(--amplify-components-dropzone-accepted-border-style);border-radius:var(--amplify-components-dropzone-accepted-border-radius);color:var(--amplify-components-dropzone-accepted-color)}.amplify-field__description{color:var(--amplify-components-fieldmessages-description-color);font-style:var(--amplify-components-fieldmessages-description-font-style);font-size:var(--amplify-components-fieldmessages-description-font-size)}.amplify-field__error-message{color:var(--amplify-components-fieldmessages-error-color);font-size:var(--amplify-components-fieldmessages-error-font-size)}.amplify-heading{color:var(--amplify-components-heading-color);line-height:var(--amplify-components-heading-line-height);display:block}.amplify-heading--truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amplify-heading--1{font-size:var(--amplify-components-heading-1-font-size);font-weight:var(--amplify-components-heading-1-font-weight)}.amplify-heading--2{font-size:var(--amplify-components-heading-2-font-size);font-weight:var(--amplify-components-heading-2-font-weight)}.amplify-heading--3{font-size:var(--amplify-components-heading-3-font-size);font-weight:var(--amplify-components-heading-3-font-weight)}.amplify-heading--4{font-size:var(--amplify-components-heading-4-font-size);font-weight:var(--amplify-components-heading-4-font-weight)}.amplify-heading--5{font-size:var(--amplify-components-heading-5-font-size);font-weight:var(--amplify-components-heading-5-font-weight)}.amplify-heading--6{font-size:var(--amplify-components-heading-6-font-size);font-weight:var(--amplify-components-heading-6-font-weight)}.amplify-icon{display:inline-block;vertical-align:middle;fill:currentColor;height:var(--amplify-components-icon-height);line-height:var(--amplify-components-icon-line-height)}.amplify-icon>svg{height:var(--amplify-components-icon-height);width:var(--amplify-components-icon-height)}.amplify-highlightmatch__highlighted{font-weight:var(--amplify-components-highlightmatch-highlighted-font-weight)}.amplify-input{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);-webkit-user-select:text;-moz-user-select:text;user-select:text;display:inline-block;--amplify-components-fieldcontrol-color: var( --amplify-components-input-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-input-border-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-input-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-input-focus-border-color )}.amplify-input:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-input--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-input--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-input--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-input--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-input--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-input--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-input--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-input--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-input[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-textarea{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap;max-height:100%}.amplify-textarea:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-textarea--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-textarea--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-textarea--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-textarea--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-textarea--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-textarea--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-textarea--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-textarea--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-textarea[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-image{height:var(--amplify-components-image-height);max-width:var(--amplify-components-image-max-width);-o-object-fit:var(--amplify-components-image-object-fit);object-fit:var(--amplify-components-image-object-fit);-o-object-position:var(--amplify-components-image-object-position);object-position:var(--amplify-components-image-object-position);overflow:clip}.amplify-link{color:var(--amplify-components-link-color);-webkit-text-decoration:var(--amplify-components-link-text-decoration);text-decoration:var(--amplify-components-link-text-decoration);cursor:pointer}.amplify-link:visited{color:var(--amplify-components-link-visited-color);-webkit-text-decoration:var(--amplify-components-link-visited-text-decoration);text-decoration:var(--amplify-components-link-visited-text-decoration)}.amplify-link:active{color:var(--amplify-components-link-active-color);-webkit-text-decoration:var(--amplify-components-link-active-text-decoration);text-decoration:var(--amplify-components-link-active-text-decoration)}.amplify-link:focus{color:var(--amplify-components-link-focus-color);-webkit-text-decoration:var(--amplify-components-link-focus-text-decoration);text-decoration:var(--amplify-components-link-focus-text-decoration)}.amplify-link:hover{color:var(--amplify-components-link-hover-color);-webkit-text-decoration:var(--amplify-components-link-hover-text-decoration);text-decoration:var(--amplify-components-link-hover-text-decoration)}.amplify-loader{width:var(--amplify-components-loader-width);height:var(--amplify-components-loader-height);font-size:var(--amplify-components-loader-font-size);fill:none;stroke:var(--amplify-components-loader-stroke-empty);--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-font-size );--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-stroke-width )}.amplify-loader circle:last-of-type{transform-origin:center center;animation-name:amplify-loader-circular;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--amplify-components-loader-animation-duration);stroke:var(--amplify-components-loader-stroke-filled);stroke-linecap:var(--amplify-components-loader-stroke-linecap)}@media (prefers-reduced-motion){.amplify-loader circle:last-of-type{animation:none;stroke-dasharray:100% 200%;stroke-dashoffset:50%}}.amplify-loader line:last-of-type{stroke:var(--amplify-components-loader-linear-stroke-filled);stroke-dasharray:50% 200%;animation-name:amplify-loader-linear;animation-duration:var(--amplify-components-loader-linear-animation-duration);animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion){.amplify-loader line:last-of-type{animation:none;stroke-dashoffset:-50%}}.amplify-loader--small{width:var(--amplify-components-loader-small-width);height:var(--amplify-components-loader-small-height);font-size:var(--amplify-components-loader-small-font-size);--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-small-stroke-width );--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-small-font-size )}.amplify-loader--large{width:var(--amplify-components-loader-large-width);height:var(--amplify-components-loader-large-height);font-size:var(--amplify-components-loader-large-font-size);--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-large-stroke-width );--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-large-font-size )}.amplify-loader--linear{width:var(--amplify-components-loader-linear-width);min-width:var(--amplify-components-loader-linear-min-width);stroke:var(--amplify-components-loader-linear-stroke-empty);stroke-linecap:var(--amplify-components-loader-linear-stroke-linecap);stroke-width:var(--amplify-internal-loader-linear-stroke-width);font-size:var(--amplify-internal-loader-linear-font-size)}.amplify-loader--determinate circle:last-of-type{animation:none;transform:rotate(-90deg)}.amplify-loader--determinate line:last-of-type{animation:none;stroke-dashoffset:0%;stroke-dasharray:none}.amplify-loader__label{fill:var(--amplify-components-loader-text-fill);stroke:none}@keyframes amplify-loader-circular{0%{stroke-dasharray:100% 200%;transform:rotate(120deg)}50%{stroke-dasharray:20% 400%}to{stroke-dasharray:100% 200%;transform:rotate(480deg)}}@keyframes amplify-loader-linear{0%{stroke-dashoffset:200%}to{stroke-dashoffset:-50%}}.amplify-placeholder{animation-direction:alternate;animation-duration:var(--amplify-components-placeholder-transition-duration);animation-iteration-count:infinite;animation-name:amplify-placeholder-loading;border-radius:var(--amplify-components-placeholder-border-radius);height:var(--amplify-components-placeholder-default-height);width:100%;display:block}.amplify-placeholder--small{height:var(--amplify-components-placeholder-small-height)}.amplify-placeholder--large{height:var(--amplify-components-placeholder-large-height)}@keyframes amplify-placeholder-loading{0%{background-color:var(--amplify-components-placeholder-start-color)}to{background-color:var(--amplify-components-placeholder-end-color)}}@media (prefers-reduced-motion: reduce){.amplify-placeholder{animation:none;background-color:var(--amplify-components-placeholder-end-color)}}[data-amplify-copy]{display:flex;font-size:var(--amplify-components-copy-font-size);gap:var(--amplify-components-copy-gap);justify-content:center;align-items:center;word-break:break-all}[data-amplify-copy-svg]{cursor:pointer;position:relative}[data-amplify-copy-svg] path{fill:var(--amplify-components-copy-svg-path-fill)}[data-amplify-copy-svg]:hover [data-amplify-copy-tooltip]{visibility:visible;font-size:var(--amplify-components-copy-tool-tip-font-size)}[data-amplify-copy-tooltip]{visibility:hidden;position:absolute;bottom:var(--amplify-components-copy-tool-tip-bottom);color:var(--amplify-components-copy-tool-tip-color)}.amplify-accordion{display:block;background-color:var(--amplify-components-accordion-background-color);border-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item{display:block;position:relative;border-width:var(--amplify-components-accordion-item-border-width);border-style:var(--amplify-components-accordion-item-border-style);border-color:var(--amplify-components-accordion-item-border-color)}.amplify-accordion__item+.amplify-accordion__item{margin-block-start:calc(-1 * var(--amplify-components-accordion-item-border-width))}.amplify-accordion__item:where(:first-of-type){border-start-end-radius:var(--amplify-components-accordion-item-border-radius);border-start-start-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item:where(:last-of-type){border-end-end-radius:var(--amplify-components-accordion-item-border-radius);border-end-start-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item__trigger{cursor:pointer;display:flex;position:relative;color:var(--amplify-components-accordion-item-trigger-color);border-radius:var(--amplify-components-accordion-item-border-radius);padding-inline:var(--amplify-components-accordion-item-trigger-padding-inline);padding-block:var(--amplify-components-accordion-item-trigger-padding-block);gap:var(--amplify-components-accordion-item-trigger-gap);align-items:var(--amplify-components-accordion-item-trigger-align-items);justify-content:var(--amplify-components-accordion-item-trigger-justify-content)}.amplify-accordion__item__trigger:hover{background-color:var(--amplify-components-accordion-item-trigger-hover-background-color);color:var(--amplify-components-accordion-item-trigger-hover-color)}.amplify-accordion__item__trigger:focus{box-shadow:var(--amplify-components-accordion-item-trigger-focus-box-shadow);border-color:var(--amplify-components-accordion-item-trigger-focus-border-color);z-index:2}.amplify-accordion__item__trigger::-webkit-details-marker{display:none}.amplify-accordion__item__content{display:block;color:var(--amplify-components-accordion-item-content-color);padding-block-end:var(--amplify-components-accordion-item-content-padding-block-end);padding-block-start:var(--amplify-components-accordion-item-content-padding-block-start);padding-inline:var(--amplify-components-accordion-item-content-padding-inline)}.amplify-accordion__item__icon{color:var(--amplify-components-accordion-item-icon-color);transition-property:transform;transition-duration:var(--amplify-components-accordion-item-icon-transition-duration);transition-timing-function:var(--amplify-components-accordion-item-icon-transition-timing-function)}[open] .amplify-accordion__item__icon{transform:rotate(180deg)}.amplify-alert{align-items:var(--amplify-components-alert-align-items);background-color:var(--amplify-components-alert-background-color);color:var(--amplify-components-alert-color);justify-content:var(--amplify-components-alert-justify-content);padding-block:var(--amplify-components-alert-padding-block);padding-inline:var(--amplify-components-alert-padding-inline)}.amplify-alert--info{color:var(--amplify-components-alert-info-color);background-color:var(--amplify-components-alert-info-background-color)}.amplify-alert--error{color:var(--amplify-components-alert-error-color);background-color:var(--amplify-components-alert-error-background-color)}.amplify-alert--warning{color:var(--amplify-components-alert-warning-color);background-color:var(--amplify-components-alert-warning-background-color)}.amplify-alert--success{color:var(--amplify-components-alert-success-color);background-color:var(--amplify-components-alert-success-background-color)}.amplify-alert__icon{font-size:var(--amplify-components-alert-icon-size);line-height:1}.amplify-alert__heading{display:block;font-weight:var(--amplify-components-alert-heading-font-weight);font-size:var(--amplify-components-alert-heading-font-size)}.amplify-alert__body{color:inherit;display:block}.amplify-alert__dismiss{color:inherit}.amplify-autocomplete__menu__option,.amplify-autocomplete__menu--loading,.amplify-autocomplete__menu--empty{padding-block:var(--amplify-components-autocomplete-menu-space-shared-padding-block);padding-inline:var(--amplify-components-autocomplete-menu-space-shared-padding-inline)}.amplify-autocomplete{position:relative;display:block}.amplify-autocomplete__menu{position:absolute;z-index:999999;width:var(--amplify-components-autocomplete-menu-width);margin-block-start:var(--amplify-components-autocomplete-menu-margin-block-start);background-color:var(--amplify-components-autocomplete-menu-background-color);border-color:var(--amplify-components-autocomplete-menu-border-color);border-width:var(--amplify-components-autocomplete-menu-border-width);border-style:var(--amplify-components-autocomplete-menu-border-style);border-radius:var(--amplify-components-autocomplete-menu-border-radius)}.amplify-autocomplete__menu--empty{display:var(--amplify-components-autocomplete-menu-empty-display)}.amplify-autocomplete__menu--loading{display:var(--amplify-components-autocomplete-menu-loading-display);align-items:var(--amplify-components-autocomplete-menu-loading-align-items);gap:var(--amplify-components-autocomplete-menu-loading-gap)}.amplify-autocomplete__menu__options{position:relative;overscroll-behavior:contain;display:var(--amplify-components-autocomplete-menu-options-display);flex-direction:var(--amplify-components-autocomplete-menu-options-flex-direction);max-height:var(--amplify-components-autocomplete-menu-options-max-height)}.amplify-autocomplete__menu__option{background-color:var(--amplify-components-autocomplete-menu-option-background-color);color:var(--amplify-components-autocomplete-menu-option-color);cursor:var(--amplify-components-autocomplete-menu-option-cursor);transition-duration:var(--amplify-components-autocomplete-menu-option-transition-duration);transition-property:var(--amplify-components-autocomplete-menu-option-transition-property);transition-timing-function:var(--amplify-components-autocomplete-menu-option-transition-timing-function)}.amplify-autocomplete__menu__option--active{background-color:var(--amplify-components-autocomplete-menu-option-active-background-color);color:var(--amplify-components-autocomplete-menu-option-active-color)}[data-amplify-authenticator]{display:grid}[data-amplify-authenticator][data-variation=modal]{overflow-y:auto;width:var(--amplify-components-authenticator-modal-width);height:var(--amplify-components-authenticator-modal-height);background-color:var(--amplify-components-authenticator-modal-background-color);position:fixed;top:var(--amplify-components-authenticator-modal-top);left:var(--amplify-components-authenticator-modal-left);z-index:1}[data-amplify-authenticator] [data-amplify-container]{place-self:center}@media (min-width: 30rem){[data-amplify-authenticator] [data-amplify-container]{width:var(--amplify-components-authenticator-container-width-max)}}[data-amplify-authenticator] [data-amplify-router]{background-color:var(--amplify-components-authenticator-router-background-color);box-shadow:var(--amplify-components-authenticator-router-box-shadow);border-color:var(--amplify-components-authenticator-router-border-color);border-width:var(--amplify-components-authenticator-router-border-width);border-style:var(--amplify-components-authenticator-router-border-style)}[data-amplify-authenticator] [data-amplify-footer]{padding-bottom:var(--amplify-components-authenticator-footer-padding-bottom);text-align:center}[data-amplify-authenticator] [data-amplify-form]{padding:var(--amplify-components-authenticator-form-padding)}[data-amplify-authenticator] [data-state=inactive]{background-color:var(--amplify-components-authenticator-state-inactive-background-color)}@media (max-width: 26rem){[data-amplify-authenticator] [data-amplify-sign-up-errors]{font-size:.688rem}}.amplify-authenticator__column{display:flex;flex-direction:column}.amplify-authenticator__subtitle{margin-bottom:var(--amplify-space-medium)}.amplify-authenticator__heading{font-size:var(--amplify-font-sizes-xl)}.amplify-authenticator__federated-text{align-self:center}.amplify-authenticator__federated-buttons{flex-direction:column;padding-block-end:var(--amplify-space-medium)}.amplify-authenticator__federated-button{font-weight:400;gap:var(--amplify-space-medium)}.amplify-avatar{--avatar-color: var(--amplify-components-avatar-color);--avatar-background-color: var(--amplify-components-avatar-background-color);--avatar-filled-background-color: var(--amplify-components-avatar-color);--avatar-filled-color: var(--amplify-components-avatar-background-color);--avatar-border-color: var(--amplify-components-avatar-border-color);--avatar-size: var(--amplify-components-avatar-width);--amplify-components-icon-height: 100%;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--avatar-color);background-color:var(--avatar-background-color);font-weight:var(--amplify-components-avatar-font-weight);font-size:var(--amplify-components-avatar-font-size);width:var(--amplify-components-avatar-width);height:var(--amplify-components-avatar-height);overflow:hidden;border-radius:var(--amplify-components-avatar-border-radius)}.amplify-avatar--filled{background-color:var(--avatar-filled-background-color);color:var(--avatar-filled-color)}.amplify-avatar--outlined{border-width:var(--amplify-components-avatar-border-width);border-style:solid;padding:var(--amplify-components-avatar-border-width);border-color:var(--avatar-border-color);background-color:transparent;color:var(--avatar-color)}.amplify-avatar--small{--avatar-size: var(--amplify-components-avatar-small-width);width:var(--amplify-components-avatar-small-width);height:var(--amplify-components-avatar-small-height);font-size:var(--amplify-components-avatar-small-font-size)}.amplify-avatar--large{--avatar-size: var(--amplify-components-avatar-large-width);width:var(--amplify-components-avatar-large-width);height:var(--amplify-components-avatar-large-height);font-size:var(--amplify-components-avatar-large-font-size)}.amplify-avatar--warning{--avatar-border-color: var( --amplify-components-avatar-warning-border-color );--avatar-background-color: var( --amplify-components-avatar-warning-background-color );--avatar-color: var(--amplify-components-avatar-warning-color);--avatar-filled-background-color: var( --amplify-components-avatar-warning-color );--avatar-filled-color: var( --amplify-components-avatar-warning-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-warning-color )}.amplify-avatar--error{--avatar-border-color: var(--amplify-components-avatar-error-border-color);--avatar-background-color: var( --amplify-components-avatar-error-background-color );--avatar-color: var(--amplify-components-avatar-error-color);--avatar-filled-background-color: var( --amplify-components-avatar-error-color );--avatar-filled-color: var( --amplify-components-avatar-error-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-error-color )}.amplify-avatar--info{--avatar-border-color: var(--amplify-components-avatar-info-border-color);--avatar-background-color: var( --amplify-components-avatar-info-background-color );--avatar-color: var(--amplify-components-avatar-info-color);--avatar-filled-background-color: var( --amplify-components-avatar-info-color );--avatar-filled-color: var( --amplify-components-avatar-info-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-info-color )}.amplify-avatar--success{--avatar-border-color: var( --amplify-components-avatar-success-border-color );--avatar-background-color: var( --amplify-components-avatar-success-background-color );--avatar-color: var(--amplify-components-avatar-success-color);--avatar-filled-background-color: var( --amplify-components-avatar-success-color );--avatar-filled-color: var( --amplify-components-avatar-success-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-success-color )}.amplify-avatar__icon{display:flex;font-size:calc(var(--avatar-size) * .6)}.amplify-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.amplify-avatar__loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:transparent}.amplify-breadcrumbs__list{display:flex;flex-wrap:var(--amplify-components-breadcrumbs-flex-wrap);flex-direction:var(--amplify-components-breadcrumbs-flex-direction);gap:var(--amplify-components-breadcrumbs-gap);color:var(--amplify-components-breadcrumbs-color)}.amplify-breadcrumbs__item{display:inline-flex;flex-direction:var(--amplify-components-breadcrumbs-item-flex-direction);align-items:var(--amplify-components-breadcrumbs-item-align-items);line-height:var(--amplify-components-breadcrumbs-item-line-height);color:var(--amplify-components-breadcrumbs-item-color);font-size:var(--amplify-components-breadcrumbs-item-font-size)}.amplify-breadcrumbs__separator{color:var(--amplify-components-breadcrumbs-separator-color);font-size:var(--amplify-components-breadcrumbs-separator-font-size);padding-inline:var(--amplify-components-breadcrumbs-separator-padding-inline)}.amplify-breadcrumbs__link{color:var(--amplify-components-breadcrumbs-link-color);font-size:var(--amplify-components-breadcrumbs-link-font-size);font-weight:var(--amplify-components-breadcrumbs-link-font-weight);padding-inline:var(--amplify-components-breadcrumbs-link-padding-inline);padding-block:var(--amplify-components-breadcrumbs-link-padding-block);-webkit-text-decoration:var(--amplify-components-breadcrumbs-link-text-decoration);text-decoration:var(--amplify-components-breadcrumbs-link-text-decoration)}.amplify-breadcrumbs__link--current{color:var(--amplify-components-breadcrumbs-link-current-color);font-size:var(--amplify-components-breadcrumbs-link-current-font-size);font-weight:var(--amplify-components-breadcrumbs-link-current-font-weight);-webkit-text-decoration:var(--amplify-components-breadcrumbs-link-current-text-decoration);text-decoration:var(--amplify-components-breadcrumbs-link-current-text-decoration)}.amplify-card{background-color:var(--amplify-components-card-background-color);border-radius:var(--amplify-components-card-border-radius);border-width:var(--amplify-components-card-border-width);border-style:var(--amplify-components-card-border-style);border-color:var(--amplify-components-card-border-color);box-shadow:var(--amplify-components-card-box-shadow);display:block;padding:var(--amplify-components-card-padding)}.amplify-card--outlined{background-color:var(--amplify-components-card-outlined-background-color);border-radius:var(--amplify-components-card-outlined-border-radius);border-width:var(--amplify-components-card-outlined-border-width);border-style:var(--amplify-components-card-outlined-border-style);border-color:var(--amplify-components-card-outlined-border-color);box-shadow:var(--amplify-components-card-outlined-box-shadow)}.amplify-card--elevated{background-color:var(--amplify-components-card-elevated-background-color);border-radius:var(--amplify-components-card-elevated-border-radius);border-width:var(--amplify-components-card-elevated-border-width);border-style:var(--amplify-components-card-elevated-border-style);border-color:var(--amplify-components-card-elevated-border-color);box-shadow:var(--amplify-components-card-elevated-box-shadow)}.amplify-collection{flex-direction:column}.amplify-collection__pagination{justify-content:center;--amplify-components-pagination-current-color: var( --amplify-components-collection-pagination-current-color );--amplify-components-pagination-current-background-color: var( --amplify-components-collection-pagination-current-background-color );--amplify-components-pagination-button-color: var( --amplify-components-collection-pagination-button-color );--amplify-components-pagination-button-hover-color: var( --amplify-components-collection-pagination-button-hover-color );--amplify-components-pagination-button-hover-background-color: var( --amplify-components-collection-pagination-button-hover-background-color );--amplify-components-pagination-button-disabled-color: var( --amplify-components-collection-pagination-button-disabled-color )}.amplify-collection__search{flex-direction:row;justify-content:center;--amplify-components-searchfield-input-color: var( --amplify-components-collection-search-input-color );--amplify-components-searchfield-button-color: var( --amplify-components-collection-search-button-color );--amplify-components-searchfield-button-active-background-color: var( --amplify-components-collection-search-button-active-background-color );--amplify-components-searchfield-button-active-border-color: var( --amplify-components-collection-search-button-active-border-color );--amplify-components-searchfield-button-active-color: var( --amplify-components-collection-search-button-active-color );--amplify-components-searchfield-button-disabled-background-color: var( --amplify-components-collection-search-button-disabled-background-color );--amplify-components-searchfield-button-disabled-border-color: var( --amplify-components-collection-search-button-disabled-border-color );--amplify-components-searchfield-button-disabled-color: var( --amplify-components-collection-search-button-disabled-color );--amplify-components-searchfield-button-focus-background-color: var( --amplify-components-collection-search-button-focus-background-color );--amplify-components-searchfield-button-focus-border-color: var( --amplify-components-collection-search-button-focus-border-color );--amplify-components-searchfield-button-focus-color: var( --amplify-components-collection-search-button-focus-color );--amplify-components-searchfield-button-hover-background-color: var( --amplify-components-collection-search-button-hover-background-color );--amplify-components-searchfield-button-hover-border-color: var( --amplify-components-collection-search-button-hover-border-color );--amplify-components-searchfield-button-hover-color: var( --amplify-components-collection-search-button-hover-color )}.amplify-checkbox{cursor:var(--amplify-components-checkbox-cursor);align-items:var(--amplify-components-checkbox-align-items);flex-direction:row-reverse;gap:inherit;position:relative}.amplify-checkbox--disabled{cursor:var(--amplify-components-checkbox-disabled-cursor);color:var(--amplify-components-checkbox-label-disabled-color)}.amplify-checkbox__button{position:var(--amplify-components-checkbox-button-position);align-items:var(--amplify-components-checkbox-button-align-items);justify-content:var(--amplify-components-checkbox-button-justify-content);color:var(--amplify-components-checkbox-button-color);--amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-focus-border-color );--amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-focus-box-shadow )}.amplify-checkbox__button:before{content:"";display:inline-block;position:absolute;box-sizing:border-box;width:var(--amplify-components-checkbox-button-before-width);height:var(--amplify-components-checkbox-button-before-height);border-width:var(--amplify-components-checkbox-button-before-border-width);border-radius:var(--amplify-components-checkbox-button-before-border-radius);border-style:var(--amplify-components-checkbox-button-before-border-style);border-color:var(--amplify-components-checkbox-button-before-border-color)}.amplify-checkbox__button--focused:before{outline-color:var(--amplify-components-checkbox-button-focus-outline-color);outline-style:var(--amplify-components-checkbox-button-focus-outline-style);outline-width:var(--amplify-components-checkbox-button-focus-outline-width);outline-offset:var(--amplify-components-checkbox-button-focus-outline-offset);border-color:var(--amplify-internal-checkbox_button-focused-before-border-color);box-shadow:var(--amplify-internal-checkbox_button-focused-before-box-shadow)}.amplify-checkbox__button--error{--amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-error-focus-border-color );--amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-error-focus-box-shadow )}.amplify-checkbox__button--error:before{border-color:var(--amplify-components-checkbox-button-error-border-color)}.amplify-checkbox__button--disabled:before{border-color:var(--amplify-components-checkbox-button-disabled-border-color)}.amplify-checkbox__icon{line-height:1;width:1em;height:1em;background-color:var(--amplify-components-checkbox-icon-background-color);opacity:var(--amplify-components-checkbox-icon-opacity);transform:var(--amplify-components-checkbox-icon-transform);border-radius:var(--amplify-components-checkbox-icon-border-radius);transition-property:var(--amplify-components-checkbox-icon-transition-property);transition-duration:var(--amplify-components-checkbox-icon-transition-duration);transition-timing-function:var(--amplify-components-checkbox-icon-transition-timing-function);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-background-color )}.amplify-checkbox__icon--checked{opacity:var(--amplify-components-checkbox-icon-checked-opacity);transform:var(--amplify-components-checkbox-icon-checked-transform);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-checked-disabled-background-color )}.amplify-checkbox__icon--indeterminate{opacity:var(--amplify-components-checkbox-icon-indeterminate-opacity);transform:var(--amplify-components-checkbox-icon-indeterminate-transform);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-indeterminate-disabled-background-color )}.amplify-checkbox__icon--disabled{background-color:var(--amplify-internal-checkbox-icon-disabled-background-color)}.amplify-checkbox__label{color:var(--amplify-components-checkbox-label-color)}.amplify-checkbox__label--disabled{color:var(--amplify-components-checkbox-label-disabled-color)}.amplify-checkboxfield{align-content:var(--amplify-components-checkboxfield-align-content);align-items:var(--amplify-components-checkboxfield-align-items);flex-direction:var(--amplify-components-checkboxfield-flex-direction);justify-content:var(--amplify-components-checkboxfield-justify-content)}.amplify-dialcodeselect{height:var(--amplify-components-countrycodeselect-height)}.amplify-divider{--amplify-internal-divider-size: var( --amplify-components-divider-border-width );border-color:var(--amplify-components-divider-border-color);border-style:var(--amplify-components-divider-border-style);border-width:0;opacity:var(--amplify-components-divider-opacity);padding:0;display:flex;position:relative;text-align:center;justify-content:center}.amplify-divider:after{content:attr(data-label);position:absolute;transform:translateY(-50%);font-size:var(--amplify-components-divider-label-font-size);padding-inline:var(--amplify-components-divider-label-padding-inline);background-color:var(--amplify-components-divider-label-background-color);color:var(--amplify-components-divider-label-color)}.amplify-divider--small{--amplify-internal-divider-size: var( --amplify-components-divider-small-border-width )}.amplify-divider--large{--amplify-internal-divider-size: var( --amplify-components-divider-large-border-width )}.amplify-divider--horizontal{width:100%;border-bottom-width:var(--amplify-internal-divider-size)}.amplify-divider--vertical{border-left-width:var(--amplify-internal-divider-size);flex-direction:column}.amplify-divider--vertical:after{top:auto;transform:translate(-50%);padding-block:0;padding-inline:0}.amplify-field{font-size:var(--amplify-components-field-font-size);gap:var(--amplify-components-field-gap);flex-direction:var(--amplify-components-field-flex-direction)}.amplify-field--small{font-size:var(--amplify-components-field-small-font-size);gap:var(--amplify-components-field-small-gap)}.amplify-field--large{font-size:var(--amplify-components-field-large-font-size);gap:var(--amplify-components-field-large-gap)}.amplify-label{color:var(--amplify-components-field-label-color)}.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-end .amplify-field-group__control,.amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),.amplify-field-group__outer-start--quiet .amplify-field-group__control,.amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),.amplify-field-group :not(:first-child) .amplify-input{border-start-start-radius:0;border-end-start-radius:0}@supports not (border-start-start-radius: 0){.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-end .amplify-field-group__control,.amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),.amplify-field-group__outer-start--quiet .amplify-field-group__control,.amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),.amplify-field-group :not(:first-child) .amplify-input{border-top-left-radius:0;border-bottom-left-radius:0}}.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,.amplify-field-group__outer-end--quiet .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),.amplify-field-group__outer-start .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group :not(:last-child) .amplify-input{border-end-end-radius:0;border-start-end-radius:0}@supports not (border-end-end-radius: 0){.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,.amplify-field-group__outer-end--quiet .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),.amplify-field-group__outer-start .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group :not(:last-child) .amplify-input{border-bottom-right-radius:0;border-top-right-radius:0}}.amplify-field-group{gap:var(--amplify-components-fieldgroup-gap);align-self:stretch}.amplify-field-group--horizontal{flex-direction:row}.amplify-field-group--vertical{flex-direction:column;align-items:var(--amplify-components-fieldgroup-vertical-align-items)}.amplify-field-group__outer-start,.amplify-field-group__outer-end{display:flex;flex-shrink:0;align-items:var(--amplify-components-fieldgroup-outer-align-items)}.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control{height:100%}.amplify-field-group__outer-start .amplify-field-group__control:not(:focus){border-inline-end-color:transparent}.amplify-field-group__outer-start .amplify-field-group__control:focus{z-index:1}.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus){border-block-start-color:transparent;border-inline-start-color:transparent}.amplify-field-group__outer-end .amplify-field-group__control:not(:focus){border-inline-start-color:transparent}.amplify-field-group__outer-end .amplify-field-group__control:focus{z-index:1}.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus){border-block-start-color:transparent;border-inline-end-color:transparent}.amplify-field-group__field-wrapper{position:relative;width:100%}.amplify-field-group__field-wrapper--vertical{width:-moz-fit-content;width:fit-content}.amplify-field-group__inner-end,.amplify-field-group__inner-start{position:absolute;top:0;height:100%;pointer-events:none}.amplify-field-group__inner-end .amplify-button,.amplify-field-group__inner-start .amplify-button{pointer-events:all;height:100%}.amplify-field-group__inner-end{right:0;left:auto}.amplify-field-group__inner-start,html[dir=rtl] .amplify-field-group__inner-end{right:auto;left:0}html[dir=rtl] .amplify-field-group__inner-start{left:auto;right:0}.amplify-field-group--has-inner-end .amplify-input{padding-inline-end:calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3)}.amplify-field-group--has-inner-start .amplify-input{padding-inline-start:calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3)}.amplify-field-group__icon:not(.amplify-field-group__icon-button){display:flex;padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-start);flex-direction:column;justify-content:center;height:100%}.amplify-fieldset{background-color:var(--amplify-components-fieldset-background-color);border-radius:var(--amplify-components-fieldset-border-radius);flex-direction:var(--amplify-components-fieldset-flex-direction);gap:var(--amplify-components-fieldset-gap)}.amplify-fieldset--small{gap:var(--amplify-components-fieldset-small-gap)}.amplify-fieldset--large{gap:var(--amplify-components-fieldset-large-gap)}.amplify-fieldset--outlined{border:var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);padding:var(--amplify-components-fieldset-outlined-padding)}.amplify-fieldset--outlined.amplify-fieldset--small{padding:var(--amplify-components-fieldset-outlined-small-padding)}.amplify-fieldset--outlined.amplify-fieldset--large{padding:var(--amplify-components-fieldset-outlined-large-padding)}.amplify-fieldset__legend{color:var(--amplify-components-fieldset-legend-color);font-weight:var(--amplify-components-fieldset-legend-font-weight);line-height:var(--amplify-components-fieldset-legend-line-height);font-size:var(--amplify-components-fieldset-legend-font-size)}.amplify-fieldset__legend--small{font-size:var(--amplify-components-fieldset-legend-small-font-size)}.amplify-fieldset__legend--large{font-size:var(--amplify-components-fieldset-legend-large-font-size)}.amplify-liveness-cancel-container{z-index:2;position:absolute;top:var(--amplify-space-medium);right:var(--amplify-space-medium)}.liveness-detector .amplify-button--primary:focus{box-shadow:unset;outline:var(--amplify-components-button-focus-color) solid 2px;outline-offset:2px}.amplify-liveness-cancel-button{background-color:#fff;color:#047d95}.amplify-liveness-fade-out{animation-name:amplify-liveness-animation-fadeout;animation-duration:1s;animation-fill-mode:forwards}@keyframes amplify-liveness-animation-fadeout{0%{opacity:1}to{opacity:0}}.amplify-liveness-camera-module{flex-direction:column;align-items:center;justify-content:center;background-color:var(--amplify-components-liveness-camera-module-background-color);border:1px solid var(--amplify-colors-neutral-40);position:relative}.amplify-liveness-camera-module--mobile{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2}.amplify-liveness-video{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.amplify-liveness-freshness-canvas{height:100%;width:100%;position:fixed;top:0;left:0;pointer-events:none;z-index:1}.amplify-liveness-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.amplify-liveness-oval-canvas{flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}.amplify-liveness-oval-canvas--mobile{position:fixed}.amplify-liveness-video-anchor{position:relative;width:100%}.amplify-liveness-recording-icon-container{z-index:1;position:absolute;top:var(--amplify-space-medium);left:var(--amplify-space-medium)}.amplify-liveness-recording-icon{flex-direction:column;align-items:center;background-color:#fff;padding:var(--amplify-space-xxs);gap:var(--amplify-space-xxs);border-radius:var(--amplify-radii-small)}.amplify-liveness-recording-icon .amplify-text{color:var(--amplify-colors-black)}.amplify-liveness-instruction-overlay{z-index:2}.amplify-liveness-countdown-container{background-color:var(--amplify-colors-background-primary);border-radius:100%;padding:var(--amplify-space-xs)}.amplify-liveness-instruction-list{flex-direction:column}.amplify-liveness-instruction-list li{display:flex}.amplify-liveness-toast{background-color:var(--amplify-colors-background-primary);padding:var(--amplify-space-small);max-width:100%}.amplify-liveness-toast__message{color:var(--amplify-colors-font-primary);text-align:center;flex-direction:column}.amplify-liveness-toast--medium{border-radius:var(--amplify-radii-medium)}.amplify-liveness-toast--large{font-size:var(--amplify-font-sizes-xxl);padding:0 var(--amplify-space-xs)}.amplify-liveness-toast--primary{background-color:var(--amplify-colors-primary-80)}.amplify-liveness-toast--primary .amplify-liveness-toast__message{color:var(--amplify-colors-font-inverse);text-align:center;flex-direction:column}.amplify-liveness-toast__container{gap:var(--amplify-space-xs);flex-direction:column;align-items:center}.amplify-liveness-toast--error{background-color:var(--amplify-colors-red-80)}.amplify-liveness-toast--error .amplify-liveness-toast__message{color:var(--amplify-colors-font-inverse)}.amplify-liveness-match-indicator{display:block;width:min(70%,200px);position:relative;--amplify-liveness-match-indicator-transition: transform .2s linear}.amplify-liveness-match-indicator__bar{--percentage: 0;display:block;width:100%;height:var(--amplify-space-medium);border-radius:var(--amplify-radii-medium);background:var(--amplify-colors-white);position:relative;overflow:hidden;transform:translateZ(0);border:1px solid var(--amplify-colors-border-tertiary)}.amplify-liveness-match-indicator__pin{--percentage: 0;display:block;width:100%;position:absolute;top:50%;left:0;transform:translate(var(--percentage));transition:var(--amplify-liveness-match-indicator-transition)}.amplify-liveness-match-indicator__bar:after{position:absolute;content:"";width:100%;height:100%;background:var(--amplify-colors-primary-80);left:-100%;transform:translate(var(--percentage));transition:var(--amplify-liveness-match-indicator-transition)}.amplify-liveness-match-indicator__pin:after{--height: var(--amplify-space-xl);position:absolute;content:"";width:var(--amplify-space-small);height:var(--height);border-radius:var(--amplify-radii-medium);background:var(--amplify-colors-primary-80);left:0;top:0;transform:translate(-50%,calc(var(--height) / 2 * -1))}.amplify-liveness-figures{flex-wrap:wrap}.amplify-liveness-figure{flex-direction:column;gap:0}.amplify-liveness-figure__caption{padding:var(--amplify-space-xxs)}.amplify-liveness-figure__caption--success{background-color:var(--amplify-colors-background-success);color:var(--amplify-colors-font-success)}.amplify-liveness-figure__caption--error{background-color:var(--amplify-colors-background-error);color:var(--amplify-colors-font-error)}.amplify-liveness-figure__image{background-color:#fff;border:1px solid var(--amplify-colors-border-primary);position:relative;display:flex;justify-content:center}.amplify-liveness-figure__image svg{display:block}.amplify-liveness-figure__image--success{border-color:var(--amplify-colors-green-90)}.amplify-liveness-figure__image--error{border-color:var(--amplify-colors-border-error)}.amplify-liveness-figure__icon{position:absolute;left:0;top:0}.amplify-liveness-landscape-error-modal{background-color:var(--amplify-colors-background-primary);flex-direction:column;text-align:center;align-items:center;justify-content:center;width:100%}.amplify-liveness-landscape-error-modal__header{font-size:large;font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-landscape-error-modal__button{justify-content:center}.amplify-liveness-start-screen-header{display:flex;flex-direction:column}.amplify-liveness-start-screen-header__heading{color:var(--amplify-colors-font-primary);font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-start-screen-header__body{color:var(--amplify-colors-font-primary)}.amplify-liveness-start-screen-warning{color:var(--amplify-colors-blue-90);background-color:var(--amplify-colors-blue-10);align-items:center;z-index:3}.amplify-liveness-start-screen-instructions__heading{color:var(--amplify-colors-font-primary);font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-overlay-opaque{background-color:var(--amplify-colors-overlay-40)}.amplify-liveness-overlay{flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--amplify-space-large)}.amplify-liveness-error-modal{gap:var(--amplify-space-xs);align-items:center;justify-content:center;color:var(--amplify-colors-font-error)}.amplify-liveness-error-modal__heading{font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-hint--mobile{margin-top:var(--amplify-space-xxxl)}.amplify-liveness-hint__text{align-items:center;gap:var(--amplify-space-xs)}.amplify-liveness-popover{position:relative}.amplify-liveness-popover__anchor{position:absolute;top:26px;left:20px;z-index:3;border-style:solid;border-width:0 9px 9px 9px;border-color:transparent transparent var(--amplify-colors-background-primary) transparent}.amplify-liveness-popover__anchor-secondary{position:absolute;top:24px;left:19px;z-index:2;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent var(--amplify-colors-border-secondary) transparent}.amplify-liveness-popover__container{position:absolute;background-color:var(--amplify-colors-background-primary);color:var(--amplify-colors-font-primary);flex-direction:row;font-size:var(--amplify-font-sizes-xs);font-weight:var(--amplify-font-weights-normal);padding:var(--amplify-space-small);top:33px;width:240px;border:1px solid var(--amplify-colors-border-secondary);border-radius:2px;z-index:4}.amplify-liveness-start-screen-camera-select{flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--amplify-space-xl);align-items:center;justify-content:flex-end;display:flex;z-index:2}.amplify-liveness-start-screen-camera-select__container{display:flex;justify-content:space-between;align-items:inherit;gap:var(--amplify-space-xs)}.amplify-liveness-start-screen-camera-select__label,.amplify-liveness-start-screen-camera-select .amplify-select,.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper{background-color:var(--amplify-colors-background-primary);color:var(--amplify-colors-font-primary)}.amplify-liveness-start-screen-camera-waiting{flex-direction:column;align-items:center;justify-content:center;text-align:center;height:480px}.amplify-menu__wrapper{z-index:999999}.amplify-menu__trigger{display:flex;justify-content:center;align-items:center}.amplify-menu__content{background-color:var(--amplify-components-menu-background-color);border-radius:var(--amplify-components-menu-border-radius);box-shadow:var(--amplify-components-menu-box-shadow);flex-direction:var(--amplify-components-menu-flex-direction);gap:var(--amplify-components-menu-gap);min-width:var(--amplify-components-menu-min-width);max-width:var(--amplify-components-menu-max-width);border-color:var(--amplify-components-menu-border-color);border-width:var(--amplify-components-menu-border-width);border-style:var(--amplify-components-menu-border-style)}.amplify-menu__content__item{min-height:var(--amplify-components-menu-item-min-height);padding-inline-start:var(--amplify-components-menu-item-padding-inline-start);padding-inline-end:var(--amplify-components-menu-item-padding-inline-end)}.amplify-menu__content__item:not(:first-child):not(:last-child){border-radius:0}.amplify-menu__content__item:first-child{border-end-end-radius:0;border-end-start-radius:0}@supports not (border-end-end-radius: 0){.amplify-menu__content__item:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}}.amplify-menu__content__item:last-child{border-start-end-radius:0;border-start-start-radius:0}@supports not (border-end-end-radius: 0){.amplify-menu__content__item:last-child{border-top-right-radius:0;border-top-left-radius:0}}.amplify-message{align-items:var(--amplify-components-message-align-items);background-color:var(--amplify-components-message-background-color);color:var(--amplify-components-message-color);justify-content:var(--amplify-components-message-justify-content);padding-block:var(--amplify-components-message-padding-block);padding-inline:var(--amplify-components-message-padding-inline);border-color:var(--amplify-components-message-border-color);border-radius:var(--amplify-components-message-border-radius);border-style:var(--amplify-components-message-border-style);border-width:var(--amplify-components-message-border-width);line-height:var(--amplify-components-message-line-height)}.amplify-message--plain{background-color:var(--amplify-components-message-plain-background-color);border-color:var(--amplify-components-message-plain-border-color);color:var(--amplify-components-message-plain-color)}.amplify-message--plain.amplify-message--info{background-color:var(--amplify-components-message-plain-info-background-color);border-color:var(--amplify-components-message-plain-info-border-color);color:var(--amplify-components-message-plain-info-color)}.amplify-message--plain.amplify-message--error{background-color:var(--amplify-components-message-plain-error-background-color);border-color:var(--amplify-components-message-plain-error-border-color);color:var(--amplify-components-message-plain-error-color)}.amplify-message--plain.amplify-message--warning{background-color:var(--amplify-components-message-plain-warning-background-color);border-color:var(--amplify-components-message-plain-warning-border-color);color:var(--amplify-components-message-plain-warning-color)}.amplify-message--plain.amplify-message--success{background-color:var(--amplify-components-message-plain-success-background-color);border-color:var(--amplify-components-message-plain-success-border-color);color:var(--amplify-components-message-plain-success-color)}.amplify-message--outlined{background-color:var(--amplify-components-message-outlined-background-color);border-color:var(--amplify-components-message-outlined-border-color);color:var(--amplify-components-message-outlined-color)}.amplify-message--outlined.amplify-message--info{background-color:var(--amplify-components-message-outlined-info-background-color);border-color:var(--amplify-components-message-outlined-info-border-color);color:var(--amplify-components-message-outlined-info-color)}.amplify-message--outlined.amplify-message--error{background-color:var(--amplify-components-message-outlined-error-background-color);border-color:var(--amplify-components-message-outlined-error-border-color);color:var(--amplify-components-message-outlined-error-color)}.amplify-message--outlined.amplify-message--warning{background-color:var(--amplify-components-message-outlined-warning-background-color);border-color:var(--amplify-components-message-outlined-warning-border-color);color:var(--amplify-components-message-outlined-warning-color)}.amplify-message--outlined.amplify-message--success{background-color:var(--amplify-components-message-outlined-success-background-color);border-color:var(--amplify-components-message-outlined-success-border-color);color:var(--amplify-components-message-outlined-success-color)}.amplify-message--filled{background-color:var(--amplify-components-message-filled-background-color);border-color:var(--amplify-components-message-filled-border-color);color:var(--amplify-components-message-filled-color)}.amplify-message--filled.amplify-message--info{background-color:var(--amplify-components-message-filled-info-background-color);border-color:var(--amplify-components-message-filled-info-border-color);color:var(--amplify-components-message-filled-info-color)}.amplify-message--filled.amplify-message--error{background-color:var(--amplify-components-message-filled-error-background-color);border-color:var(--amplify-components-message-filled-error-border-color);color:var(--amplify-components-message-filled-error-color)}.amplify-message--filled.amplify-message--warning{background-color:var(--amplify-components-message-filled-warning-background-color);border-color:var(--amplify-components-message-filled-warning-border-color);color:var(--amplify-components-message-filled-warning-color)}.amplify-message--filled.amplify-message--success{background-color:var(--amplify-components-message-filled-success-background-color);border-color:var(--amplify-components-message-filled-success-border-color);color:var(--amplify-components-message-filled-success-color)}.amplify-message__icon{font-size:var(--amplify-components-message-icon-size)}.amplify-message__icon>*{display:block}.amplify-message__heading{font-weight:var(--amplify-components-message-heading-font-weight);font-size:var(--amplify-components-message-heading-font-size)}.amplify-message__content{flex:1;flex-direction:column;gap:var(--amplify-space-xxxs)}.amplify-message__dismiss{margin-inline-start:auto;gap:var(--amplify-components-message-dismiss-gap)}.amplify-pagination{list-style-type:none}.amplify-pagination__item{height:var(--amplify-components-pagination-item-shared-height);min-width:var(--amplify-components-pagination-item-shared-min-width);border-radius:var(--amplify-components-pagination-item-shared-border-radius);display:flex;align-items:center;justify-content:center;font-weight:initial;color:var(--amplify-components-pagination-button-color);margin-inline-start:var(--amplify-components-pagination-item-container-margin-left);margin-inline-end:var(--amplify-components-pagination-item-container-margin-right);padding-inline-start:var(--amplify-components-pagination-button-padding-inline-start);padding-inline-end:var(--amplify-components-pagination-button-padding-inline-end);transition-property:var(--amplify-components-pagination-button-transition-property);transition-duration:var(--amplify-components-pagination-button-transition-duration)}.amplify-pagination__item:hover{text-decoration:none;color:var(--amplify-components-pagination-button-hover-color);background-color:var(--amplify-components-pagination-button-hover-background-color)}.amplify-pagination__item--disabled{color:var(--amplify-components-pagination-button-disabled-color);pointer-events:none}.amplify-pagination__item--current{align-items:var(--amplify-components-pagination-current-align-items);justify-content:var(--amplify-components-pagination-current-justify-content);color:var(--amplify-components-pagination-current-color);font-size:var(--amplify-components-pagination-current-font-size);background-color:var(--amplify-components-pagination-current-background-color)}.amplify-pagination__item--ellipsis{align-items:var(--amplify-components-pagination-ellipsis-align-items);justify-content:var(--amplify-components-pagination-ellipsis-justify-content);padding-inline-start:var(--amplify-components-pagination-ellipsis-padding-inline-start);padding-inline-end:var(--amplify-components-pagination-ellipsis-padding-inline-end)}.amplify-passwordfield{--amplify-components-fieldcontrol-color: var( --amplify-components-passwordfield-color );--amplify-components-button-color: var( --amplify-components-passwordfield-button-color );--amplify-components-button-active-background-color: var( --amplify-components-passwordfield-button-active-background-color );--amplify-components-button-active-border-color: var( --amplify-components-passwordfield-button-active-border-color );--amplify-components-button-active-color: var( --amplify-components-passwordfield-button-active-color );--amplify-components-button-disabled-background-color: var( --amplify-components-passwordfield-button-disabled-background-color );--amplify-components-button-disabled-border-color: var( --amplify-components-passwordfield-button-disabled-border-color );--amplify-components-button-disabled-color: var( --amplify-components-passwordfield-button-disabled-color );--amplify-components-button-focus-background-color: var( --amplify-components-passwordfield-button-focus-background-color );--amplify-components-button-focus-border-color: var( --amplify-components-passwordfield-button-focus-border-color );--amplify-components-button-focus-color: var( --amplify-components-passwordfield-button-focus-color );--amplify-components-button-hover-background-color: var( --amplify-components-passwordfield-button-hover-background-color );--amplify-components-button-hover-border-color: var( --amplify-components-passwordfield-button-hover-border-color );--amplify-components-button-hover-color: var( --amplify-components-passwordfield-button-hover-color );--amplify-components-button-outlined-error-color: var( --amplify-components-passwordfield-button-error-color );--amplify-components-button-outlined-error-border-color: var( --amplify-components-passwordfield-button-error-border-color );--amplify-components-button-outlined-error-background-color: var( --amplify-components-passwordfield-button-error-background-color );--amplify-components-button-outlined-error-active-color: var( --amplify-components-passwordfield-button-error-active-color );--amplify-components-button-outlined-error-active-border-color: var( --amplify-components-passwordfield-button-error-active-border-color );--amplify-components-button-outlined-error-active-background-color: var( --amplify-components-passwordfield-button-error-active-background-color );--amplify-components-button-outlined-error-hover-color: var( --amplify-components-passwordfield-button-error-hover-color );--amplify-components-button-outlined-error-hover-border-color: var( --amplify-components-passwordfield-button-error-hover-border-color );--amplify-components-button-outlined-error-hover-background-color: var( --amplify-components-passwordfield-button-error-hover-background-color );--amplify-components-button-outlined-error-focus-color: var( --amplify-components-passwordfield-button-error-focus-color );--amplify-components-button-outlined-error-focus-box-shadow: var( --amplify-components-passwordfield-button-error-focus-box-shadow );--amplify-components-button-outlined-error-focus-border-color: var( --amplify-components-passwordfield-button-error-focus-border-color );--amplify-components-button-outlined-error-focus-background-color: var( --amplify-components-passwordfield-button-error-focus-background-color )}.amplify-phonenumberfield select:not(:focus){border-right:none}.amplify-phonenumberfield{--amplify-components-selectfield-color: var( --amplify-components-phonenumberfield-color );--amplify-components-selectfield-border-color: var( --amplify-components-phonenumberfield-border-color );--amplify-components-selectfield-font-size: var( --amplify-components-phonenumberfield-font-size );--amplify-components-selectfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color );--amplify-components-textfield-color: var( --amplify-components-phonenumberfield-color );--amplify-components-textfield-border-color: var( --amplify-components-phonenumberfield-border-color );--amplify-components-textfield-font-size: var( --amplify-components-phonenumberfield-font-size );--amplify-components-textfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color )}.amplify-rating{display:flex;position:relative;text-align:left;font-size:var(--amplify-components-rating-default-size);line-height:var(--amplify-components-rating-default-size)}.amplify-rating--small{font-size:var(--amplify-components-rating-small-size);line-height:var(--amplify-components-rating-small-size)}.amplify-rating--large{font-size:var(--amplify-components-rating-large-size);line-height:var(--amplify-components-rating-large-size)}.amplify-rating__item{position:relative;height:1em;width:1em}.amplify-rating__icon{width:1em;height:1em;display:block;position:absolute;overflow:hidden}.amplify-rating__icon--filled{color:var(--amplify-components-rating-filled-color)}.amplify-rating__icon--empty{color:var(--amplify-components-rating-empty-color)}.amplify-radio{align-items:var(--amplify-components-radio-align-items);justify-content:var(--amplify-components-radio-justify-content);gap:inherit;flex-direction:row-reverse;position:relative}.amplify-radio--disabled{cursor:var(--amplify-components-radio-disabled-cursor)}.amplify-radio__button{flex-shrink:0;align-items:var(--amplify-components-radio-button-align-items);justify-content:var(--amplify-components-radio-button-justify-content);padding:var(--amplify-components-radio-button-padding);box-sizing:var(--amplify-components-radio-button-box-sizing);border-width:var(--amplify-components-radio-button-border-width);border-style:var(--amplify-components-radio-button-border-style);border-radius:var(--amplify-components-radio-button-border-radius);border-color:var(--amplify-components-radio-button-border-color);color:var(--amplify-components-radio-button-color);background-color:var(--amplify-components-radio-button-background-color);transition-property:var(--amplify-components-radio-button-transition-property);transition-duration:var(--amplify-components-radio-button-transition-duration);width:var(--amplify-components-radio-button-width);height:var(--amplify-components-radio-button-height);outline-color:var(--amplify-components-radio-button-outline-color);outline-style:var(--amplify-components-radio-button-outline-style);outline-width:var(--amplify-components-radio-button-outline-width);outline-offset:var(--amplify-components-radio-button-outline-offset)}.amplify-radio__button:before{content:"";display:inline-block;width:100%;height:100%;border-radius:var(--amplify-components-radio-button-before-border-radius);background-color:currentColor;border-radius:50%}.amplify-radio__button--small{width:var(--amplify-components-radio-button-small-width);height:var(--amplify-components-radio-button-small-height)}.amplify-radio__button--large{width:var(--amplify-components-radio-button-large-width);height:var(--amplify-components-radio-button-large-height)}.amplify-radio__input:checked+.amplify-radio__button{color:var(--amplify-components-radio-button-checked-color)}.amplify-radio__input:checked:disabled+.amplify-radio__button{color:var(--amplify-components-radio-button-checked-disabled-color)}.amplify-radio__input:focus+.amplify-radio__button{border-color:var(--amplify-components-radio-button-focus-border-color);box-shadow:var(--amplify-components-radio-button-focus-box-shadow)}.amplify-radio__input[aria-invalid=true]+.amplify-radio__button{border-color:var(--amplify-components-radio-button-error-border-color)}.amplify-radio__input[aria-invalid=true]:focus+.amplify-radio__button{box-shadow:var(--amplify-components-radio-button-error-focus-box-shadow)}.amplify-radio__input:disabled+.amplify-radio__button{border-color:var(--amplify-components-radio-button-disabled-border-color);background-color:var(--amplify-components-radio-button-disabled-background-color)}.amplify-radio__label{color:var(--amplify-components-radio-label-color)}.amplify-radio__label--disabled{color:var(--amplify-components-radio-label-disabled-color)}.amplify-radiogroup{gap:inherit;flex-direction:inherit;align-items:inherit}.amplify-radiogroupfield{flex-direction:column;align-items:flex-start;--amplify-components-fieldset-legend-color: var( --amplify-components-radiogroup-legend-color );--amplify-components-fieldset-legend-font-weight: var( --amplify-components-radiogroup-legend-font-weight );--amplify-components-radio-button-border-width: var( --amplify-components-radiogroup-radio-border-width );--amplify-components-radio-button-border-color: var( --amplify-components-radiogroup-radio-border-color );--amplify-components-radio-button-background-color: var( --amplify-components-radiogroup-radio-background-color );--amplify-components-radio-label-color: var( --amplify-components-radiogroup-radio-label-color );--amplify-components-radio-button-checked-color: var( --amplify-components-radiogroup-radio-checked-color )}.amplify-searchfield{--amplify-components-fieldcontrol-color: var( --amplify-components-searchfield-input-color )}.amplify-searchfield__search{color:var(--amplify-components-searchfield-button-color);background-color:var(--amplify-components-searchfield-button-background-color)}.amplify-searchfield__search:active{background-color:var(--amplify-components-button-active-background-color);border-color:var(--amplify-components-button-active-border-color);color:var(--amplify-components-button-active-color)}.amplify-searchfield__search:focus{background-color:var(--amplify-components-searchfield-button-focus-background-color);border-color:var(--amplify-components-searchfield-button-focus-border-color);color:var(--amplify-components-searchfield-button-focus-color)}.amplify-searchfield__search:hover{background-color:var(--amplify-components-searchfield-button-hover-background-color);border-color:var(--amplify-components-searchfield-button-hover-border-color);color:var(--amplify-components-searchfield-button-hover-color)}.amplify-searchfield__search:disabled{background-color:var(--amplify-components-searchfield-button-disabled-background-color);border-color:var(--amplify-components-searchfield-button-disabled-border-color);color:var(--amplify-components-searchfield-button-disabled-color)}.amplify-select__wrapper{flex:var(--amplify-components-select-wrapper-flex);display:var(--amplify-components-select-wrapper-display);position:var(--amplify-components-select-wrapper-position);cursor:var(--amplify-components-select-wrapper-cursor);align-self:stretch}.amplify-select__icon{color:var(--amplify-components-fieldcontrol-color);align-items:var(--amplify-components-select-icon-wrapper-align-items);position:var(--amplify-components-select-icon-wrapper-position);top:var(--amplify-components-select-icon-wrapper-top);right:var(--amplify-components-select-icon-wrapper-right);transform:var(--amplify-components-select-icon-wrapper-transform);pointer-events:var(--amplify-components-select-icon-wrapper-pointer-events)}.amplify-select__icon--small{right:var(--amplify-components-select-icon-wrapper-small-right)}.amplify-select__icon--large{right:var(--amplify-components-select-icon-wrapper-large-right)}.amplify-select{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);background-color:var(--amplify-components-select-background-color);color:var(--amplify-components-select-color);min-width:var(--amplify-components-select-min-width);padding-inline-end:var(--amplify-components-select-padding-inline-end);white-space:var(--amplify-components-select-white-space)}.amplify-select:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-select--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-select--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-select--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-select--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-select--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-select--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-select--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-select--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-select[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-select option{background-color:var(--amplify-components-select-option-background-color);color:var(--amplify-components-select-option-color)}.amplify-select option[disabled=""]{background-color:var(--amplify-components-select-option-disabled-background-color);color:var(--amplify-components-select-option-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor)}.amplify-select[disabled]{background-color:var(--amplify-components-select-disabled-background-color);color:var(--amplify-components-select-disabled-color)}.amplify-select[disabled] option{color:inherit;background-color:inherit}.amplify-select--small{min-width:var(--amplify-components-select-small-min-width);padding-inline-end:var(--amplify-components-select-small-padding-inline-end)}.amplify-select--large{min-width:var(--amplify-components-select-large-min-width);padding-inline-end:var(--amplify-components-select-large-padding-inline-end)}.amplify-select--expanded{overflow:auto;padding:var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline)}.amplify-select--expanded option{padding:var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline)}.amplify-selectfield{flex-direction:var(--amplify-components-selectfield-flex-direction);--amplify-components-fieldcontrol-border-color: var( --amplify-components-selectfield-border-color );--amplify-components-fieldcontrol-color: var( --amplify-components-selectfield-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-selectfield-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-selectfield-focus-border-color );--amplify-components-field-label-color: var( --amplify-components-selectfield-label-color )}.amplify-sliderfield{flex-direction:column}.amplify-sliderfield__label{display:flex;justify-content:space-between}.amplify-sliderfield__root{align-items:center;box-sizing:content-box;display:flex;padding-block:var(--amplify-components-sliderfield-padding-block);position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-thumb-height )}.amplify-sliderfield__root--disabled{cursor:not-allowed}.amplify-sliderfield__root--horizontal{height:var(--amplify-internal-sliderfield-root-height)}.amplify-sliderfield__root--vertical{flex-direction:column;width:var(--amplify-internal-sliderfield-root-width)}.amplify-sliderfield__root--large{--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-large-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-large-thumb-height )}.amplify-sliderfield__root--small{--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-small-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-small-thumb-height )}.amplify-sliderfield__track{position:relative;flex-grow:1;border-radius:var(--amplify-components-sliderfield-track-border-radius);background-color:var(--amplify-components-sliderfield-track-background-color);--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-track-height );--amplify-internal-sliderfield-track-min-width: var( --amplify-components-sliderfield-track-min-width );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-track-height );--amplify-internal-sliderfield-track-min-height: var( --amplify-components-sliderfield-track-min-width )}.amplify-sliderfield__track--horizontal{height:var(--amplify-internal-sliderfield-track-height);min-width:var(--amplify-internal-sliderfield-track-min-width)}.amplify-sliderfield__track--vertical{width:var(--amplify-internal-sliderfield-track-width);min-height:var(--amplify-internal-sliderfield-track-min-height)}.amplify-sliderfield__track--large{--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-large-track-height );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-large-track-height )}.amplify-sliderfield__track--small{--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-small-track-height );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-small-track-height )}.amplify-sliderfield__range{position:absolute;border-radius:var(--amplify-components-sliderfield-range-border-radius);background-color:var(--amplify-components-sliderfield-range-background-color)}.amplify-sliderfield__range--disabled{background-color:var(--amplify-components-sliderfield-range-disabled-background-color)}.amplify-sliderfield__range--horizontal{height:100%}.amplify-sliderfield__range--vertical{width:100%}.amplify-sliderfield__thumb{display:block;width:var(--amplify-components-sliderfield-thumb-width);height:var(--amplify-components-sliderfield-thumb-height);background-color:var(--amplify-components-sliderfield-thumb-background-color);box-shadow:var(--amplify-components-sliderfield-thumb-box-shadow);border-radius:var(--amplify-components-sliderfield-thumb-border-radius);border-width:var(--amplify-components-sliderfield-thumb-border-width);border-color:var(--amplify-components-sliderfield-thumb-border-color);border-style:var(--amplify-components-sliderfield-thumb-border-style)}.amplify-sliderfield__thumb:hover{background-color:var(--amplify-components-sliderfield-thumb-hover-background-color);border-color:var(--amplify-components-sliderfield-thumb-hover-border-color)}.amplify-sliderfield__thumb:focus{border-color:var(--amplify-components-sliderfield-thumb-focus-border-color);box-shadow:var(--amplify-components-sliderfield-thumb-focus-box-shadow)}.amplify-sliderfield__thumb--disabled{background-color:var(--amplify-components-sliderfield-thumb-disabled-background-color);border-color:var(--amplify-components-sliderfield-thumb-disabled-border-color);box-shadow:var(--amplify-components-sliderfield-thumb-disabled-box-shadow)}.amplify-sliderfield__thumb--large{width:var(--amplify-components-sliderfield-large-thumb-width);height:var(--amplify-components-sliderfield-large-thumb-height)}.amplify-sliderfield__thumb--small{width:var(--amplify-components-sliderfield-small-thumb-width);height:var(--amplify-components-sliderfield-small-thumb-height)}.amplify-stepperfield{flex-direction:var(--amplify-components-stepperfield-flex-direction);--amplify-components-fieldcontrol-border-color: var( --amplify-components-stepperfield-border-color );--amplify-components-button-border-color: var( --amplify-components-stepperfield-border-color );--amplify-components-fieldcontrol-color: var( --amplify-components-stepperfield-input-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-stepperfield-input-font-size );--amplify-components-button-color: var( --amplify-components-stepperfield-button-color );--amplify-components-button-active-color: var( --amplify-components-stepperfield-button-active-color );--amplify-components-button-active-background-color: var( --amplify-components-stepperfield-button-active-background-color );--amplify-components-button-focus-color: var( --amplify-components-stepperfield-button-focus-color );--amplify-components-button-focus-background-color: var( --amplify-components-stepperfield-button-focus-background-color );--amplify-components-button-disabled-color: var( --amplify-components-stepperfield-button-disabled-color );--amplify-components-button-disabled-background-color: var( --amplify-components-stepperfield-button-disabled-background-color );--amplify-components-button-hover-color: var( --amplify-components-stepperfield-button-hover-color );--amplify-components-button-hover-background-color: var( --amplify-components-stepperfield-button-hover-background-color )}.amplify-stepperfield__button--decrease,.amplify-stepperfield__button--increase{background-color:var(--amplify-components-stepperfield-button-background-color)}.amplify-stepperfield__button--decrease--disabled,.amplify-stepperfield__button--increase--disabled{background-color:var(--amplify-components-stepperfield-button-disabled-background-color)}.amplify-stepperfield__button--decrease--quiet,.amplify-stepperfield__button--increase--quiet{border-width:0 0 var(--amplify-components-button-border-width) 0;border-radius:0}.amplify-stepperfield__button--decrease[data-invalid=true]{border-inline-end:none}.amplify-stepperfield__button--increase[data-invalid=true]{border-inline-start:none}.amplify-stepperfield__input{-moz-appearance:textfield;text-align:var(--amplify-components-stepperfield-input-text-align)}.amplify-stepperfield__input::-webkit-outer-spin-button,.amplify-stepperfield__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amplify-stepperfield__input:not(:focus,[aria-invalid=true]){border-inline-start:none;border-inline-end:none}.amplify-switchfield{display:inline-block;font-size:var(--amplify-components-switchfield-font-size);cursor:pointer}.amplify-switchfield--small{font-size:var(--amplify-components-switchfield-small-font-size)}.amplify-switchfield--large{font-size:var(--amplify-components-switchfield-large-font-size)}.amplify-switch__wrapper{display:inline-flex;align-items:center}.amplify-switch__wrapper--start{flex-direction:row}.amplify-switch__wrapper--end{flex-direction:row-reverse}.amplify-switch__wrapper--top{flex-direction:column}.amplify-switch__wrapper--bottom{flex-direction:column-reverse}.amplify-switch__track{display:inline-flex;justify-content:flex-start;box-sizing:content-box;border-radius:var(--amplify-components-switchfield-track-border-radius);padding:var(--amplify-components-switchfield-track-padding);width:var(--amplify-components-switchfield-track-width);height:var(--amplify-components-switchfield-track-height);transition-duration:var(--amplify-components-switchfield-track-transition-duration);background-color:var(--amplify-components-switchfield-track-background-color)}.amplify-switch__track--checked{background-color:var(--amplify-components-switchfield-track-checked-background-color)}.amplify-switch__track--disabled{opacity:var(--amplify-components-switchfield-disabled-opacity);cursor:not-allowed}.amplify-switch__track--focused{box-shadow:var(--amplify-components-switchfield-focused-shadow)}.amplify-switch__track--error{background-color:var(--amplify-components-switchfield-track-error-background-color)}.amplify-switch__thumb{background-color:var(--amplify-components-switchfield-thumb-background-color);transition-duration:var(--amplify-components-switchfield-thumb-transition-duration);border-radius:var(--amplify-components-switchfield-thumb-border-radius);width:var(--amplify-components-switchfield-thumb-width);height:var(--amplify-components-switchfield-thumb-width);border-width:var(--amplify-components-switchfield-thumb-border-width);border-style:var(--amplify-components-switchfield-thumb-border-style);border-color:var(--amplify-components-switchfield-thumb-border-color);overflow-wrap:break-word}.amplify-switch__thumb--checked{transform:var(--amplify-components-switchfield-thumb-checked-transform)}.amplify-switch__thumb--disabled{cursor:not-allowed}.amplify-switch__label{padding:var(--amplify-components-switchfield-label-padding);cursor:pointer}.amplify-table{border-collapse:var(--amplify-components-table-border-collapse);display:var(--amplify-components-table-display);width:var(--amplify-components-table-width);--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-padding );--amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) 0px var(--amplify-components-table-data-border-width) 0px;--amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) 0px var(--amplify-components-table-header-border-width) 0px}.amplify-table--small{--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-small-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-small-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-small-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-small-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-small-padding )}.amplify-table--large{--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-large-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-large-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-large-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-large-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-large-padding )}.amplify-table--bordered{--amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width);--amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width)}.amplify-table--striped .amplify-table__row:not(.amplify-table__head *):nth-child(odd){background-color:var(--amplify-components-table-row-striped-background-color)}.amplify-table__caption{caption-side:var(--amplify-components-table-caption-caption-side);color:var(--amplify-components-table-caption-color);display:var(--amplify-components-table-caption-display);font-size:var(--amplify-internal-table-caption-font-size);text-align:var(--amplify-components-table-caption-text-align);word-break:var(--amplify-components-table-caption-word-break)}.amplify-table__head{display:var(--amplify-components-table-head-display);vertical-align:var(--amplify-components-table-head-vertical-align)}.amplify-table__body{display:var(--amplify-components-table-body-display);vertical-align:var(--amplify-components-table-body-vertical-align)}.amplify-table__foot{display:var(--amplify-components-table-foot-display);vertical-align:var(--amplify-components-table-foot-vertical-align)}.amplify-table__row{display:var(--amplify-components-table-row-display);vertical-align:var(--amplify-components-table-row-vertical-align)}.amplify-table__th{border-color:var(--amplify-components-table-header-border-color);border-style:var(--amplify-components-table-header-border-style);border-width:var(--amplify-internal-table-th-border-width);color:var(--amplify-components-table-header-color);display:var(--amplify-components-table-header-display);font-size:var(--amplify-internal-table-th-font-size);font-weight:var(--amplify-components-table-header-font-weight);padding:var(--amplify-internal-table-th-padding);vertical-align:var(--amplify-components-table-header-vertical-align)}.amplify-table__th:first-child{border-left-width:var(--amplify-components-table-header-border-width)}.amplify-table__th:last-child{border-right-width:var(--amplify-components-table-header-border-width)}.amplify-table__td{border-color:var(--amplify-components-table-data-border-color);border-style:var(--amplify-components-table-data-border-style);border-width:var(--amplify-internal-table-td-border-width);color:var(--amplify-components-table-data-color);display:var(--amplify-components-table-data-display);font-size:var(--amplify-internal-table-td-font-size);font-weight:var(--amplify-components-table-data-font-weight);padding:var(--amplify-internal-table-td-padding);vertical-align:var(--amplify-components-table-data-vertical-align)}.amplify-table__td:first-child{border-left-width:var(--amplify-components-table-data-border-width)}.amplify-table__td:last-child{border-right-width:var(--amplify-components-table-data-border-width)}.amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover{background-color:var(--amplify-components-table-row-hover-background-color)}.amplify-tabs__list{--internal-item-margin-start: 0;--internal-item-margin-end: calc( -1 * var(--amplify-components-tabs-item-border-width) );--internal-item-border-width: 0 0 var(--amplify-components-tabs-border-width) 0;--internal-item-flex: initial;display:flex;flex-direction:row;background-color:var(--amplify-components-tabs-background-color);box-shadow:var(--amplify-components-tabs-box-shadow);border-width:var(--internal-item-border-width);border-style:var(--amplify-components-tabs-border-style);border-color:var(--amplify-components-tabs-border-color);gap:var(--amplify-components-tabs-gap)}.amplify-tabs__list--top{--internal-item-border-width: var(--amplify-components-tabs-border-width) 0 0 0;--internal-item-margin-start: calc( -1 * var(--amplify-components-tabs-item-border-width) );--internal-item-margin-end: 0}.amplify-tabs__list--equal{--internal-item-flex: 1 1 0}.amplify-tabs__list--relative{--internal-item-flex: 1 1 auto}.amplify-tabs__panel{display:none;background-color:var(--amplify-components-tabs-panel-background-color);padding-inline:var(--amplify-components-tabs-panel-padding-inline);padding-block:var(--amplify-components-tabs-panel-padding-block)}.amplify-tabs__panel--active{display:block}.amplify-tabs__item{position:relative;background-color:var(--amplify-components-tabs-item-background-color);box-sizing:border-box;color:var(--amplify-components-tabs-item-color);font-size:var(--amplify-components-tabs-item-font-size);font-weight:var(--amplify-components-tabs-item-font-weight);padding:var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);text-align:var(--amplify-components-tabs-item-text-align);transition:all var(--amplify-components-tabs-item-transition-duration);border-width:var(--internal-item-border-width);border-style:var(--amplify-components-tabs-item-border-style);border-color:var(--amplify-components-tabs-item-border-color);flex:var(--internal-item-flex);margin-block-start:var(--internal-item-margin-start);margin-block-end:var(--internal-item-margin-end)}.amplify-tabs__item--active{color:var(--amplify-components-tabs-item-active-color);border-color:var(--amplify-components-tabs-item-active-border-color);background-color:var(--amplify-components-tabs-item-active-background-color);transition-property:none}.amplify-tabs__item:hover{color:var(--amplify-components-tabs-item-hover-color);cursor:pointer}.amplify-tabs__item:focus-visible{z-index:2;color:var(--amplify-components-tabs-item-focus-color);background-color:var(--amplify-components-tabs-item-focus-background-color);border-color:var(--amplify-components-tabs-item-focus-border-color);box-shadow:var(--amplify-components-tabs-item-focus-box-shadow)}.amplify-tabs__item:active{background-color:var(--amplify-components-tabs-item-active-background-color);border-color:var(--amplify-components-tabs-item-active-border-color);box-shadow:var(--amplify-components-tabs-item-active-box-shadow);color:var(--amplify-components-tabs-item-active-color)}.amplify-tabs__item[disabled]{background-color:var(--amplify-components-tabs-item-disabled-background-color);border-color:var(--amplify-components-tabs-item-disabled-border-color);box-shadow:var(--amplify-components-tabs-item-disabled-box-shadow);color:var(--amplify-components-tabs-item-disabled-color);cursor:not-allowed}.amplify-textareafield{max-height:100%;flex-direction:column;--amplify-components-fieldcontrol-color: var( --amplify-components-textareafield-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-textareafield-border-color );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textareafield-focus-border-color )}.amplify-textfield{--amplify-components-fieldcontrol-color: var( --amplify-components-textfield-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-textfield-border-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-textfield-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textfield-focus-border-color )}.amplify-togglebutton{--amplify-internal-togglebutton-background-color: initial;--amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-border-color );--amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-color );background-color:var(--amplify-internal-togglebutton-background-color);border-color:var(--amplify-internal-togglebutton-border-color);color:var(--amplify-internal-togglebutton-color);--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-background-color );--amplify-internal-togglebutton-focus-border-color: var( --amplify-components-togglebutton-focus-border-color );--amplify-internal-togglebutton-focus-color: var( --amplify-components-togglebutton-focus-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-hover-background-color );--amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-border-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-color );--amplify-internal-togglebutton-active-background-color: var( --amplify-components-togglebutton-active-background-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-disabled-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-disabled-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-disabled-color )}.amplify-togglebutton:focus{background-color:var(--amplify-internal-togglebutton-focus-background-color);border-color:var(--amplify-internal-togglebutton-focus-border-color);color:var(--amplify-internal-togglebutton-focus-color)}.amplify-togglebutton:hover{background-color:var(--amplify-internal-togglebutton-hover-background-color);border-color:var(--amplify-internal-togglebutton-hover-border-color);color:var(--amplify-internal-togglebutton-hover-color)}.amplify-togglebutton:active{background-color:var(--amplify-internal-togglebutton-active-background-color)}.amplify-togglebutton:disabled{background-color:var(--amplify-internal-togglebutton-disabled-background-color);border-color:var(--amplify-internal-togglebutton-disabled-border-color);color:var(--amplify-internal-togglebutton-disabled-color)}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-pressed-border-color );--amplify-internal-togglebutton-background-color: var( --amplify-components-togglebutton-pressed-background-color );--amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-pressed-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-pressed-hover-background-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-pressed-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-pressed-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-pressed-color )}.amplify-togglebutton--primary{--amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-background-color );--amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-primary-background-color );--amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-border-color );--amplify-internal-togglebutton-border-color: var( --amplify-internal-togglebutton-primary-border-color );--amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-color );--amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-primary-color );border-width:var(--amplify-components-togglebutton-primary-border-width);--amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-focus-background-color );--amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-focus-border-color );--amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-focus-color );--amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-focus-box-shadow );--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-primary-focus-background-color );--amplify-internal-togglebutton-focus-border-color: var( --amplify-internal-togglebutton-primary-focus-border-color );--amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-primary-focus-color );--amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-hover-background-color );--amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-internal-togglebutton-primary-border-color );--amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-hover-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-primary-hover-background-color );--amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-primary-hover-border-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-primary-hover-color );--amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-disabled-background-color );--amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-disabled-border-color );--amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-disabled-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-primary-disabled-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-internal-togglebutton-primary-disabled-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-primary-disabled-color )}.amplify-togglebutton--primary:focus{box-shadow:var(--amplify-internal-togglebutton-primary-focus-box-shadow)}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color );--amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color );--amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-primary-pressed-color );--amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-pressed-focus-background-color );--amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-pressed-focus-border-color );--amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-pressed-focus-color );--amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-pressed-hover-background-color );--amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-components-togglebutton-primary-pressed-hover-border-color );--amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-pressed-hover-color );--amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color );--amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color );--amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-pressed-color )}.amplify-togglebutton--pressed:hover{--amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-pressed-hover-box-shadow )}.amplify-togglebutton--link{--amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-background-color );--amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-color );--amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-link-background-color );--amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-link-color );--amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-focus-background-color );--amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-focus-color );--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-link-focus-background-color );--amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-link-focus-color );--amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-hover-background-color );--amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-hover-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-link-hover-background-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-link-hover-color );--amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-disabled-color );--amplify-internal-togglebutton-link-disabled-background-color: var( --amplify-components-togglebutton-link-disabled-background-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-link-disabled-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-link-disabled-background-color )}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-pressed-color );--amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-pressed-background-color );--amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-pressed-focus-background-color );--amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-pressed-focus-color );--amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-pressed-hover-background-color );--amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-pressed-hover-color );--amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-pressed-color )}.amplify-togglebuttongroup{align-items:var(--amplify-components-togglebuttongroup-align-items);align-content:var(--amplify-components-togglebuttongroup-align-content);justify-content:var(--amplify-components-togglebuttongroup-justify-content);gap:0}.amplify-togglebuttongroup .amplify-togglebutton:focus,.amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed{z-index:2}.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type){margin-inline-start:calc(-1 * var(--amplify-components-button-border-width));border-start-start-radius:0;border-end-start-radius:0}@supports not (border-start-start-radius: 0){.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}}.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type){border-start-end-radius:0;border-end-end-radius:0}@supports not (border-end-end-radius: 0){.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type){border-bottom-right-radius:0;border-top-right-radius:0}}.amplify-fileuploader__dropzone{background-color:var(--amplify-components-fileuploader-dropzone-background-color);border-color:var(--amplify-components-fileuploader-dropzone-border-color);border-radius:var(--amplify-components-fileuploader-dropzone-border-radius);border-style:var(--amplify-components-fileuploader-dropzone-border-style);border-width:var(--amplify-components-fileuploader-dropzone-border-width);text-align:var(--amplify-components-fileuploader-dropzone-text-align);padding-block:var(--amplify-components-fileuploader-dropzone-padding-block);padding-inline:var(--amplify-components-fileuploader-dropzone-padding-inline);display:flex;flex-direction:column;align-items:center;gap:var(--amplify-components-fileuploader-dropzone-gap)}.amplify-fileuploader__dropzone--small{flex-direction:row;justify-content:center}.amplify-fileuploader__dropzone--active{border-color:var(--amplify-components-fileuploader-dropzone-active-border-color);border-width:var(--amplify-components-fileuploader-dropzone-active-border-width);background-color:var(--amplify-components-fileuploader-dropzone-active-background-color)}.amplify-fileuploader__dropzone__icon{font-size:var(--amplify-components-fileuploader-dropzone-icon-font-size);color:var(--amplify-components-fileuploader-dropzone-icon-color)}.amplify-fileuploader__dropzone__text{color:var(--amplify-components-fileuploader-dropzone-text-color);font-size:var(--amplify-components-fileuploader-dropzone-text-font-size);font-weight:var(--amplify-components-fileuploader-dropzone-text-font-weight)}.amplify-fileuploader__file__list{display:flex;flex-direction:var(--amplify-components-fileuploader-filelist-flex-direction);gap:var(--amplify-components-fileuploader-filelist-gap)}.amplify-fileuploader__file{position:relative;border-width:var(--amplify-components-fileuploader-file-border-width);border-style:var(--amplify-components-fileuploader-file-border-style);border-color:var(--amplify-components-fileuploader-file-border-color);border-radius:var(--amplify-components-fileuploader-file-border-radius);display:flex;flex-direction:column;padding-inline:var(--amplify-components-fileuploader-file-padding-inline);padding-block:var(--amplify-components-fileuploader-file-padding-block);align-items:var(--amplify-components-fileuploader-file-align-items)}.amplify-fileuploader__file__wrapper{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--amplify-components-fileuploader-file-gap)}.amplify-fileuploader__file__name{text-overflow:ellipsis;overflow:hidden;font-weight:var(--amplify-components-fileuploader-file-name-font-weight);font-size:var(--amplify-components-fileuploader-file-name-font-size);color:var(--amplify-components-fileuploader-file-name-color)}.amplify-fileuploader__file__size{font-weight:var(--amplify-components-fileuploader-file-size-font-weight);font-size:var(--amplify-components-fileuploader-file-size-font-size);color:var(--amplify-components-fileuploader-file-size-color)}.amplify-fileuploader__file__main{flex:1;white-space:nowrap;overflow:hidden}.amplify-fileuploader__file__image{position:relative;display:flex;align-items:center;justify-content:center;width:var(--amplify-components-fileuploader-file-image-width);height:var(--amplify-components-fileuploader-file-image-height);background-color:var(--amplify-components-fileuploader-file-image-background-color);border-radius:var(--amplify-components-fileuploader-file-image-border-radius);color:var(--amplify-components-fileuploader-file-image-color)}.amplify-fileuploader__file__image img{max-height:100%}.amplify-fileuploader__file__status--error{color:var(--amplify-colors-font-error);font-size:var(--amplify-components-fileuploader-file-size-font-size)}.amplify-fileuploader__file__status--success{color:var(--amplify-colors-font-success)}.amplify-fileuploader__loader{stroke-linecap:var(--amplify-components-fileuploader-loader-stroke-linecap);stroke:var(--amplify-components-fileuploader-loader-stroke-empty);stroke-width:var(--amplify-components-fileuploader-loader-stroke-width);height:var(--amplify-components-fileuploader-loader-stroke-width);--amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled );overflow:hidden;position:absolute;bottom:0;left:0;width:100%}.amplify-fileuploader__previewer{display:flex;flex-direction:column;max-width:var(--amplify-components-fileuploader-previewer-max-width);max-height:var(--amplify-components-fileuploader-previewer-max-height);overflow:auto;gap:var(--amplify-components-fileuploader-previewer-body-gap);padding-inline:var(--amplify-components-fileuploader-previewer-body-padding-inline);padding-block:var(--amplify-components-fileuploader-previewer-body-padding-block);background-color:var(--amplify-components-fileuploader-previewer-background-color);border-width:var(--amplify-components-fileuploader-previewer-border-width);border-style:var(--amplify-components-fileuploader-previewer-border-style);border-color:var(--amplify-components-fileuploader-previewer-border-color);border-radius:var(--amplify-components-fileuploader-previewer-border-radius)}.amplify-fileuploader__previewer__text{font-weight:var(--amplify-components-fileuploader-previewer-text-font-weight);font-size:var(--amplify-components-fileuploader-previewer-text-font-size);color:var(--amplify-components-fileuploader-previewer-text-color)}.amplify-fileuploader__previewer__footer{display:flex;flex-direction:row;justify-content:var(--amplify-components-fileuploader-previewer-footer-justify-content)}.amplify-fileuploader__previewer__actions{display:flex;flex-direction:row;gap:var(--amplify-space-small)}.amplify-inappmessaging-backdrop{background-color:var(--amplify-colors-overlay-50);top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000}.amplify-inappmessaging-backdrop-content-container{align-items:center;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;z-index:1001}.amplify-inappmessaging-backdrop-content{pointer-events:auto}.amplify-inappmessaging-bannermessage{box-shadow:var(--amplify-shadows-medium);height:var(--amplify-components-inappmessaging-banner-height);margin:var(--amplify-space-small);max-width:50%;position:fixed;width:var(--amplify-components-inappmessaging-banner-width)}.amplify-inappmessaging-bannermessage--top{top:0}.amplify-inappmessaging-bannermessage--middle{bottom:0;margin:auto var(--amplify-space-small);top:0}.amplify-inappmessaging-bannermessage--bottom{bottom:0}.amplify-inappmessaging-bannermessage--left{left:0}.amplify-inappmessaging-bannermessage--center{left:0;margin:var(--amplify-space-small) auto;right:0}.amplify-inappmessaging-bannermessage--right{right:0}.amplify-inappmessaging-bannermessage--center-middle{top:0;right:0;bottom:0;left:0;margin:auto}.amplify-inappmessaging-bannermessage--full-width{max-width:initial;width:calc(100% - 2 * var(--amplify-space-small))}.amplify-inappmessaging-fullscreenmessage{height:var(--amplify-components-inappmessaging-dialog-height);min-height:var(--amplify-components-inappmessaging-dialog-min-height);min-width:var(--amplify-components-inappmessaging-dialog-min-width);width:var(--amplify-components-inappmessaging-dialog-width)}.amplify-inappmessaging-fullscreenmessage--fullscreen{height:auto;top:0;right:0;bottom:0;left:0;position:fixed;width:auto;z-index:1000}.amplify-inappmessaging-messagelayout{background-color:var(--amplify-colors-background-primary);flex-direction:column;flex-grow:1;gap:var(--amplify-space-xxxs);max-width:100%;padding:var(--amplify-space-medium)}.amplify-inappmessaging-messagelayout__button{border-width:0;width:100%}.amplify-inappmessaging-messagelayout__button,.amplify-inappmessaging-messagelayout__button:active,.amplify-inappmessaging-messagelayout__button:visited,.amplify-inappmessaging-messagelayout__button:hover,.amplify-inappmessaging-messagelayout__button:focus{background-color:var(--amplify-components-inappmessaging-button-background-color);border-radius:var(--amplify-components-inappmessaging-button-border-radius);color:var(--amplify-components-inappmessaging-button-color)}.amplify-inappmessaging-messagelayout__button--dark:active,.amplify-inappmessaging-messagelayout__button--dark:visited,.amplify-inappmessaging-messagelayout__button--light:active,.amplify-inappmessaging-messagelayout__button--light:visited{filter:brightness(100%)}.amplify-inappmessaging-messagelayout__button--dark:hover,.amplify-inappmessaging-messagelayout__button--dark:focus{filter:brightness(120%)}.amplify-inappmessaging-messagelayout__button--light:hover,.amplify-inappmessaging-messagelayout__button--light:focus{filter:brightness(80%)}.amplify-inappmessaging-messagelayout__close-button,.amplify-inappmessaging-messagelayout__close-button:active,.amplify-inappmessaging-messagelayout__close-button:visited{color:var(--amplify-colors-neutral-80)}.amplify-inappmessaging-messagelayout__close-button:hover,.amplify-inappmessaging-messagelayout__close-button:focus{color:var(--amplify-colors-neutral-100)}.amplify-inappmessaging-messagelayout__content{flex-grow:1;overflow:hidden}.amplify-inappmessaging-messagelayout__content--horizontal{flex-direction:row}.amplify-inappmessaging-messagelayout__content--vertical{flex-direction:column;justify-content:center}.amplify-inappmessaging-messagelayout__header{flex-shrink:0;font-size:var(--amplify-components-inappmessaging-header-font-size);font-weight:var(--amplify-components-inappmessaging-header-font-weight)}.amplify-inappmessaging-messagelayout__image-container{align-items:center;display:flex;justify-content:center;position:relative}.amplify-inappmessaging-messagelayout__image-container img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:absolute}.amplify-inappmessaging-messagelayout__image-container--horizontal{max-width:15%;min-width:15%}.amplify-inappmessaging-messagelayout__image-container--vertical{max-height:40%;min-height:40%}.amplify-inappmessaging-messagelayout__text-container{flex-direction:column;overflow-y:auto;gap:var(--amplify-space-xxxs)}.amplify-inappmessaging-messagelayout__text-container--horizontal{flex-grow:1}.amplify-inappmessaging-messagelayout__text-container--vertical{flex-grow:0}.amplify-inappmessaging-modalmessage{align-items:center;height:initial;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;width:initial;z-index:1000}.amplify-inappmessaging-modalmessage__dialog{box-shadow:var(--amplify-shadows-medium);height:var(--amplify-components-inappmessaging-dialog-height);min-height:var(--amplify-components-inappmessaging-dialog-min-height);min-width:var(--amplify-components-inappmessaging-dialog-min-width);pointer-events:auto;width:var(--amplify-components-inappmessaging-dialog-width)}.amplify-inappmessaging-modalmessage__dialog--full-width{width:100%;margin:var(--amplify-space-small)}.amplify-storagemanager__dropzone{background-color:var(--amplify-components-storagemanager-dropzone-background-color);border-color:var(--amplify-components-storagemanager-dropzone-border-color);border-radius:var(--amplify-components-storagemanager-dropzone-border-radius);border-style:var(--amplify-components-storagemanager-dropzone-border-style);border-width:var(--amplify-components-storagemanager-dropzone-border-width);text-align:var(--amplify-components-storagemanager-dropzone-text-align);padding-block:var(--amplify-components-storagemanager-dropzone-padding-block);padding-inline:var(--amplify-components-storagemanager-dropzone-padding-inline);display:flex;flex-direction:column;align-items:center;gap:var(--amplify-components-storagemanager-dropzone-gap)}.amplify-storagemanager__dropzone--small{flex-direction:row;justify-content:center}.amplify-storagemanager__dropzone--active{border-color:var(--amplify-components-storagemanager-dropzone-active-border-color);border-width:var(--amplify-components-storagemanager-dropzone-active-border-width);background-color:var(--amplify-components-storagemanager-dropzone-active-background-color)}.amplify-storagemanager__dropzone__icon{font-size:var(--amplify-components-storagemanager-dropzone-icon-font-size);color:var(--amplify-components-storagemanager-dropzone-icon-color)}.amplify-storagemanager__dropzone__text{color:var(--amplify-components-storagemanager-dropzone-text-color);font-size:var(--amplify-components-storagemanager-dropzone-text-font-size);font-weight:var(--amplify-components-storagemanager-dropzone-text-font-weight)}.amplify-storagemanager__file__list{display:flex;flex-direction:var(--amplify-components-storagemanager-filelist-flex-direction);gap:var(--amplify-components-storagemanager-filelist-gap)}.amplify-storagemanager__file{position:relative;border-width:var(--amplify-components-storagemanager-file-border-width);border-style:var(--amplify-components-storagemanager-file-border-style);border-color:var(--amplify-components-storagemanager-file-border-color);border-radius:var(--amplify-components-storagemanager-file-border-radius);display:flex;flex-direction:column;padding-inline:var(--amplify-components-storagemanager-file-padding-inline);padding-block:var(--amplify-components-storagemanager-file-padding-block);align-items:var(--amplify-components-storagemanager-file-align-items)}.amplify-storagemanager__file__wrapper{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--amplify-components-storagemanager-file-gap)}.amplify-storagemanager__file__name{text-overflow:ellipsis;overflow:hidden;font-weight:var(--amplify-components-storagemanager-file-name-font-weight);font-size:var(--amplify-components-storagemanager-file-name-font-size);color:var(--amplify-components-storagemanager-file-name-color)}.amplify-storagemanager__file__size{font-weight:var(--amplify-components-storagemanager-file-size-font-weight);font-size:var(--amplify-components-storagemanager-file-size-font-size);color:var(--amplify-components-storagemanager-file-size-color)}.amplify-storagemanager__file__main{flex:1;white-space:nowrap;overflow:hidden}.amplify-storagemanager__file__image{position:relative;display:flex;align-items:center;justify-content:center;width:var(--amplify-components-storagemanager-file-image-width);height:var(--amplify-components-storagemanager-file-image-height);background-color:var(--amplify-components-storagemanager-file-image-background-color);border-radius:var(--amplify-components-storagemanager-file-image-border-radius);color:var(--amplify-components-storagemanager-file-image-color)}.amplify-storagemanager__file__image img{max-height:100%}.amplify-storagemanager__file__status--error{color:var(--amplify-colors-font-error);font-size:var(--amplify-components-storagemanager-file-size-font-size)}.amplify-storagemanager__file__status--success{color:var(--amplify-colors-font-success)}.amplify-storagemanager__loader{stroke-linecap:var(--amplify-components-storagemanager-loader-stroke-linecap);stroke:var(--amplify-components-storagemanager-loader-stroke-empty);stroke-width:var(--amplify-components-storagemanager-loader-stroke-width);height:var(--amplify-components-storagemanager-loader-stroke-width);--amplify-components-loader-linear-stroke-filled: var( --amplify-components-storagemanager-loader-stroke-filled );overflow:hidden;position:absolute;bottom:0;left:0;width:100%}.amplify-storagemanager__previewer{display:flex;flex-direction:column;max-width:var(--amplify-components-storagemanager-previewer-max-width);max-height:var(--amplify-components-storagemanager-previewer-max-height);overflow:auto;gap:var(--amplify-components-storagemanager-previewer-body-gap);padding-inline:var(--amplify-components-storagemanager-previewer-body-padding-inline);padding-block:var(--amplify-components-storagemanager-previewer-body-padding-block);background-color:var(--amplify-components-storagemanager-previewer-background-color);border-width:var(--amplify-components-storagemanager-previewer-border-width);border-style:var(--amplify-components-storagemanager-previewer-border-style);border-color:var(--amplify-components-storagemanager-previewer-border-color);border-radius:var(--amplify-components-storagemanager-previewer-border-radius)}.amplify-storagemanager__previewer__text{font-weight:var(--amplify-components-storagemanager-previewer-text-font-weight);font-size:var(--amplify-components-storagemanager-previewer-text-font-size);color:var(--amplify-components-storagemanager-previewer-text-color)}.amplify-storagemanager__previewer__footer{display:flex;flex-direction:row;justify-content:var(--amplify-components-storagemanager-previewer-footer-justify-content)}.amplify-storagemanager__previewer__actions{display:flex;flex-direction:row;gap:var(--amplify-space-small)}.amplify-storage-browser{display:flex;flex-direction:column;align-items:stretch;height:100%;position:relative;padding:var(--amplify-space-small);gap:var(--amplify-space-small)}.amplify-storage-browser__error{background-color:var(--amplify-colors-background-error);color:var(--amplify-colors-font-error);padding:var(--amplify-space-medium)}.amplify-storage-browser__navigation,.amplify-storage-browser__exit{align-self:flex-start}.amplify-storage-browser__title{font-weight:var(--amplify-font-weights-bold);font-size:var(--amplify-font-sizes-large)}.amplify-storage-browser__controls,.amplify-storage-browser__summary,.amplify-storage-browser__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:var(--amplify-space-medium)}.amplify-storage-browser__footer{justify-content:flex-end}.amplify-storage-browser__search{display:flex;flex-direction:row;flex:1;gap:var(--amplify-space-small)}.amplify-storage-browser__drop-zone{flex:1;overflow:hidden;position:relative;width:100%;display:block}.amplify-storage-browser__data-table{overflow:auto;position:relative;border-width:var(--amplify-border-widths-small);border-style:solid;border-color:var(--amplify-colors-border-primary);border-radius:var(--amplify-radii-small);width:100%;height:100%;display:block}.amplify-storage-browser__table{width:100%;position:relative}.amplify-storage-browser__table-head{position:sticky;top:0;background:var(--amplify-colors-background-primary);box-shadow:var(--amplify-shadows-small);z-index:2}.amplify-storage-browser__table-header{border:none;padding:var(--amplify-space-xxxs)}.amplify-storage-browser__table-data-cell{padding:var(--amplify-space-xxxs)}.amplify-storage-browser__table-data-cell:first-child,.amplify-storage-browser__table-data-cell:last-child{border-inline-start-width:0;border-inline-end-width:0}.amplify-storage-browser__table-data-cell-icon{vertical-align:middle;margin-inline-end:var(--amplify-space-xs)}.amplify-storage-browser__table-header--select,.amplify-storage-browser__table-data--select,.amplify-storage-browser__table-header--download,.amplify-storage-browser__table-data--download,.amplify-storage-browser__table-data--cancel{text-align:center}.amplify-storage-browser__table-data--size,.amplify-storage-browser__table-header--size{text-align:end}.amplify-storage-browser__table-button-data-cell,.amplify-storage-browser__table-date-data-cell,.amplify-storage-browser__table-number-data-cell,.amplify-storage-browser__table-text-data-cell,.amplify-storage-browser__table-sort-header{display:flex;width:100%;gap:var(--amplify-space-xxs);padding:var(--amplify-space-xxs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;justify-content:flex-start}.amplify-storage-browser__table-button-data-cell-icon--action-progress,.amplify-storage-browser__table-date-data-cell-icon--action-progress,.amplify-storage-browser__table-number-data-cell-icon--action-progress,.amplify-storage-browser__table-text-data-cell-icon--action-progress,.amplify-storage-browser__table-sort-header-icon--action-progress{animation-name:amplify-loader-circular;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--amplify-components-loader-animation-duration)}.amplify-storage-browser__status{display:flex;flex-direction:row;gap:var(--amplify-space-xs);align-items:center}.amplify-storage-browser__status-display{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--amplify-space-small);flex:1}.amplify-storage-browser__status-label{font-weight:var(--amplify-font-weights-bold)}.amplify-storage-browser__status-value{color:var(--amplify-colors-font-secondary)}.amplify-storage-browser__destination{display:flex;flex-direction:row;gap:var(--amplify-space-xs);align-items:center}.amplify-storage-browser__destination-label{font-weight:var(--amplify-font-weights-bold)}.amplify-storage-browser__message{flex:1}.amplify-storage-browser__buttons{justify-content:flex-end;display:flex;gap:var(--amplify-space-small)}.amplify-storage-browser__loader{position:absolute;stroke-width:var(--amplify-border-widths-large);height:var(--amplify-border-widths-large);top:0;z-index:3}.amplify-ai-conversation{display:flex;flex-direction:column;height:100%;flex:1}.amplify-ai-conversation__message{--internal-content-bg: ;--internal-flex-direction: ;--internal-content-padding: ;--internal-body-align-items: ;display:flex;flex-direction:var(--internal-flex-direction);gap:var(--amplify-components-ai-conversation-message-gap);padding-inline:var(--amplify-components-ai-conversation-message-padding-inline);padding-block:var(--amplify-components-ai-conversation-message-padding-block)}.amplify-ai-conversation__message__list{display:flex;flex-direction:column}.amplify-ai-conversation__message__avatar{flex-shrink:0}.amplify-ai-conversation__message__sender{display:flex;flex-direction:var(--internal-flex-direction);align-items:center;min-height:var(--amplify-components-avatar-height);gap:var(--amplify-components-ai-conversation-message-sender-gap)}.amplify-ai-conversation__message__sender__username{color:var(--amplify-components-ai-conversation-message-sender-username-color);font-size:var(--amplify-components-ai-conversation-message-sender-username-font-size);font-weight:var(--amplify-components-ai-conversation-message-sender-username-font-weight)}.amplify-ai-conversation__message__sender__timestamp{color:var(--amplify-components-ai-conversation-message-sender-timestamp-color);font-size:var(--amplify-components-ai-conversation-message-sender-timestamp-font-size);font-weight:var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight)}.amplify-ai-conversation__message__body{display:flex;flex:1;flex-direction:column;align-items:var(--internal-body-align-items);gap:var(--amplify-components-ai-conversation-message-body-gap)}.amplify-ai-conversation__message__content{background-color:var(--internal-content-bg);border-radius:var(--amplify-radii-medium);padding:var(--internal-content-padding);display:flex;flex-direction:column;gap:var(--amplify-space-small)}.amplify-ai-conversation__message__text{display:block}.amplify-ai-conversation__message__image{max-width:25%}.amplify-ai-conversation__message__actions{display:flex;flex-direction:row;gap:var(--amplify-components-ai-conversation-message-actions-gap)}.amplify-ai-conversation__message--bubble{--internal-content-bg: var(--internal-bg-color);--internal-content-padding: var(--amplify-space-xxs) var(--amplify-space-xs);--internal-flex-direction: row-reverse;--internal-body-align-items: flex-end}.amplify-ai-conversation__message--user{--internal-bg-color: var( --amplify-components-ai-conversation-message-user-background-color )}.amplify-ai-conversation__message--assistant{--internal-bg-color: var( --amplify-components-ai-conversation-message-assistant-background-color );--internal-flex-direction: row;--internal-body-align-items: flex-start}.amplify-ai-conversation__scrollview{flex:1 0 50%}.amplify-ai-conversation__form{display:flex;flex-direction:row;align-items:flex-start;padding:var(--amplify-components-ai-conversation-form-padding);gap:var(--amplify-components-ai-conversation-form-gap);max-height:100%;overflow:hidden}.amplify-ai-conversation__form__dropzone{text-align:initial;border:none;padding:0;display:grid;overflow:hidden}.amplify-ai-conversation__form__error{padding:0;padding-block-start:var(--amplify-components-ai-conversation-attachment-list-padding-block-start);gap:var(--amplify-components-ai-conversation-attachment-gap)}.amplify-ai-conversation__attachment{display:flex;flex-direction:row;align-items:center;padding-block:var(--amplify-components-ai-conversation-attachment-padding-block);padding-inline:var(--amplify-components-ai-conversation-attachment-padding-inline);border-width:var(--amplify-components-ai-conversation-attachment-border-width);border-style:solid;border-color:var(--amplify-components-ai-conversation-attachment-border-color);border-radius:var(--amplify-components-ai-conversation-attachment-border-radius);gap:var(--amplify-components-ai-conversation-attachment-gap);font-size:var(--amplify-components-ai-conversation-attachment-font-size)}.amplify-ai-conversation__attachment__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--amplify-components-ai-conversation-attachment-list-gap);padding:var(--amplify-components-ai-conversation-attachment-list-padding);padding-block-start:var(--amplify-components-ai-conversation-attachment-list-padding-block-start)}.amplify-ai-conversation__attachment__image{width:var(--amplify-components-ai-conversation-attachment-image-width);height:var(--amplify-components-ai-conversation-attachment-image-height);-o-object-fit:cover;object-fit:cover}.amplify-ai-conversation__attachment__name{color:var(--amplify-components-ai-conversation-attachment-name-color);font-size:var(--amplify-components-ai-conversation-attachment-name-font-size);font-weight:var(--amplify-components-ai-conversation-attachment-name-font-weight)}.amplify-ai-conversation__attachment__size{color:var(--amplify-components-ai-conversation-attachment-size-color);font-size:var(--amplify-components-ai-conversation-attachment-size-font-size);font-weight:var(--amplify-components-ai-conversation-attachment-size-font-weight)}.amplify-ai-conversation__attachment__remove{padding:var(--amplify-components-ai-conversation-attachment-remove-padding)}.amplify-ai-conversation__prompt{font-weight:400}.amplify-label-start{flex-direction:row}.amplify-label-end{flex-direction:row-reverse}.amplify-label-top{flex-direction:column}.amplify-label-bottom{flex-direction:column-reverse}.amplify-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;fill:transparent;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._layoutContainer_13to2_4{display:flex;height:100vh;background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:auto;--theme-primary: #0066cc;--theme-primary-hover: #0052a3;--theme-primary-light: rgba(0, 102, 204, .1);--theme-gradient: linear-gradient(135deg, #0066cc, #0052a3);--theme-shadow: 0 4px 12px rgba(0, 102, 204, .3);--theme-shadow-hover: 0 6px 16px rgba(0, 102, 204, .4)}._layoutContainer_13to2_4._dark_13to2_21{background:#000}@media (max-width: 768px){._layoutContainer_13to2_4{position:fixed;top:0;left:0;right:0;bottom:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "content" "tabs"}._mainContent_13to2_40{grid-area:content;overflow:hidden}._mobileTabBar_13to2_45{grid-area:tabs;position:static}._layoutContainer_13to2_4._dark_13to2_21{background:#111}._layoutContainer_13to2_4:not(._dark_13to2_21){background:#fff}}._mobileTabBar_13to2_45{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid #e2e8f0;z-index:1000}._layoutContainer_13to2_4._dark_13to2_21 ._mobileTabBar_13to2_45{background:#1a1a1a;border-top-color:#333}@media (max-width: 768px){._mobileTabBar_13to2_45{display:flex}}._mobileTab_13to2_45{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background:transparent;border:none;color:#999;cursor:pointer;transition:all .2s ease;position:relative;font-size:11px;font-weight:500}._layoutContainer_13to2_4._dark_13to2_21 ._mobileTab_13to2_45{color:#666}._mobileTab_13to2_45:hover{color:#1a1a1a}._layoutContainer_13to2_4._dark_13to2_21 ._mobileTab_13to2_45:hover{color:#fff}._mobileTab_13to2_45._active_13to2_113{color:var(--theme-primary)}._mobileTab_13to2_45._active_13to2_113:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--theme-primary);border-radius:0 0 1px 1px}._mobileTabIcon_13to2_129{margin-bottom:2px}._mobileTabCount_13to2_133{position:absolute;top:4px;right:8px;background:#e2e8f0;color:#666;font-size:9px;font-weight:600;padding:1px 4px;border-radius:6px;min-width:12px;text-align:center;line-height:1}._layoutContainer_13to2_4._dark_13to2_21 ._mobileTabCount_13to2_133{background:#666;color:#ccc}._mobileTab_13to2_45._active_13to2_113 ._mobileTabCount_13to2_133{background:var(--theme-primary);color:#fff}._sidebarBackdrop_13to2_159{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}@media (max-width: 768px){._sidebarBackdrop_13to2_159{display:block}._sidebarBackdrop_13to2_159._open_13to2_178{opacity:1;pointer-events:auto}}._sidebar_13to2_159{width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:relative;transition:all .3s ease;z-index:1000;border-top:3px solid var(--theme-primary)}._layoutContainer_13to2_4._dark_13to2_21 ._sidebar_13to2_159{background:#1a1a1a;border-right-color:#333}._sidebar_13to2_159._collapsed_13to2_202{width:60px}@media (max-width: 768px){._sidebar_13to2_159{position:fixed;top:0;left:-100%;width:280px;height:100%;z-index:9999;transition:left .3s ease;box-shadow:none}._sidebar_13to2_159._mobileOpen_13to2_218{left:0;box-shadow:4px 0 20px #0000001a}}._collapseBtn_13to2_225{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;background:var(--theme-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--theme-shadow);transition:all .2s ease;z-index:1001}._collapseBtn_13to2_225:hover{background:var(--theme-primary-hover);box-shadow:var(--theme-shadow-hover);transform:translateY(-50%) scale(1.05)}@media (max-width: 768px){._collapseBtn_13to2_225{display:none}}._sidebarHeader_13to2_258{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;position:relative}._layoutContainer_13to2_4._dark_13to2_21 ._sidebarHeader_13to2_258{border-bottom-color:#333}._sidebarHeader_13to2_258:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--theme-primary) 0%,transparent 70%);opacity:.4}._logo_13to2_282{display:flex;align-items:center;gap:12px;font-weight:700;color:#1a1a1a}._layoutContainer_13to2_4._dark_13to2_21 ._logo_13to2_282{color:#fff}._logoIcon_13to2_294{width:32px;height:32px;background:var(--theme-gradient);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:var(--theme-shadow);transition:all .3s ease;position:relative}._logoIcon_13to2_294:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-1px)}._logoIcon_13to2_294:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--theme-primary);border:2px solid #ffffff;border-radius:50%;transition:all .3s ease}._layoutContainer_13to2_4._dark_13to2_21 ._logoIcon_13to2_294:after{border-color:#1a1a1a}._logoText_13to2_332{font-size:18px;transition:all .3s ease}._logoText_13to2_332._hidden_13to2_337{display:none}._closeBtn_13to2_341{display:none;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}._layoutContainer_13to2_4._dark_13to2_21 ._closeBtn_13to2_341{color:#ccc}._closeBtn_13to2_341:hover{background:#f1f5f9;color:#1a1a1a}._layoutContainer_13to2_4._dark_13to2_21 ._closeBtn_13to2_341:hover{background:#2a2a2a;color:#fff}@media (max-width: 768px){._closeBtn_13to2_341{display:block}}._navSection_13to2_373{padding:20px 16px 12px}._navSection_13to2_373:first-of-type{border-bottom:1px solid rgba(226,232,240,.5);margin-bottom:8px;padding-bottom:16px}._layoutContainer_13to2_4._dark_13to2_21 ._navSection_13to2_373:first-of-type{border-bottom-color:#33333380}._sectionTitle_13to2_387{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;position:relative}._layoutContainer_13to2_4._dark_13to2_21 ._sectionTitle_13to2_387{color:#666}._sectionTitle_13to2_387._hidden_13to2_337{display:none}._navSection_13to2_373:first-of-type ._sectionTitle_13to2_387:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:2px;height:12px;background:var(--theme-primary);border-radius:1px;opacity:.6}._navItems_13to2_418{display:flex;flex-direction:column;gap:4px}._navItem_13to2_418{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:#666;cursor:pointer;transition:all .2s ease;position:relative;font-weight:500;font-size:14px}._layoutContainer_13to2_4._dark_13to2_21 ._navItem_13to2_418{color:#ccc}._sidebar_13to2_159._collapsed_13to2_202 ._navItem_13to2_418{justify-content:center}._navItem_13to2_418:hover{background:#f1f5f9;color:#1a1a1a;transform:translate(2px)}._layoutContainer_13to2_4._dark_13to2_21 ._navItem_13to2_418:hover{background:#2a2a2a;color:#fff}._navItem_13to2_418._active_13to2_113{background:var(--theme-gradient);color:#fff;box-shadow:var(--theme-shadow);transform:translate(0)}._navItem_13to2_418._active_13to2_113:hover{transform:translate(0);box-shadow:var(--theme-shadow-hover)}._navItem_13to2_418._workspace_13to2_471{border:2px solid transparent;font-weight:600;margin-bottom:4px}._navItem_13to2_418._workspace_13to2_471._active_13to2_113{border-color:var(--theme-primary-light)}._navItem_13to2_418._workspace_13to2_471:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--theme-primary);border-radius:0 2px 2px 0;transition:all .2s ease}._navItem_13to2_418._workspace_13to2_471._active_13to2_113:before{height:24px}._navItem_13to2_418._contentType_13to2_499{font-weight:500;font-size:13px;opacity:.9}._navItem_13to2_418._contentType_13to2_499:not(._sidebar_13to2_159._collapsed_13to2_202){margin-left:12px}._navItem_13to2_418._contentType_13to2_499._active_13to2_113{opacity:1;background:#f1f5f9;color:var(--theme-primary);box-shadow:none}._layoutContainer_13to2_4._dark_13to2_21 ._navItem_13to2_418._contentType_13to2_499._active_13to2_113{background:#2a2a2a}._navItemIcon_13to2_521{width:20px;height:20px;flex-shrink:0;transition:all .2s ease}._navItem_13to2_418._active_13to2_113 ._navItemIcon_13to2_521{transform:scale(1.1)}._navItemLabel_13to2_532{font-size:14px;transition:all .3s ease}._navItemLabel_13to2_532._hidden_13to2_337{display:none}._navItem_13to2_418._contentType_13to2_499 ._navItemLabel_13to2_532{font-size:13px}._navItemBadge_13to2_546{margin-left:auto;background:#ff6b6b;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 4px #ff6b6b4d;animation:_pulse_13to2_1 2s infinite}._navItemBadge_13to2_546._hidden_13to2_337{display:none}._navItemBadge_13to2_546._family_13to2_564{background:var(--theme-primary);box-shadow:0 2px 4px var(--theme-primary-light)}@keyframes _pulse_13to2_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}._navItemCount_13to2_574{margin-left:auto;background:#e2e8f0;color:#666;font-size:11px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:18px;text-align:center}._layoutContainer_13to2_4._dark_13to2_21 ._navItemCount_13to2_574{background:#666;color:#ccc}._navItemCount_13to2_574._hidden_13to2_337{display:none}._proBadge_13to2_595{margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}._proBadge_13to2_595._hidden_13to2_337{display:none}._mainContent_13to2_40{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}._layoutContainer_13to2_4._dark_13to2_21 ._mainContent_13to2_40{background:#111}@media (max-width: 768px){._mainContent_13to2_40{flex:1;display:flex;flex-direction:column;overflow:hidden}}._contentArea_13to2_640{flex:1;overflow:auto;display:flex;flex-direction:column;padding-bottom:0}@media (max-width: 768px){._contentArea_13to2_640{flex:1;overflow-y:auto;padding-bottom:64px}}._notesContainer_13to2_657{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}._notesContent_13to2_665{display:flex;flex-direction:column;gap:12px;padding:16px}._noteItem_13to2_672{width:100%}._pinnedNotesGrid_13to2_677{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:16px}@media (max-width: 768px){._pinnedNotesGrid_13to2_677{grid-template-columns:1fr;gap:16px;padding:16px}}._pinnedNoteItem_13to2_692{width:100%}._emptyState_13to2_697{text-align:center;padding:60px 20px;color:#999}._layoutContainer_13to2_4._dark_13to2_21 ._emptyState_13to2_697{color:#666}._emptyIcon_13to2_707{font-size:48px;margin-bottom:16px;opacity:.6}._emptyTitle_13to2_713{font-size:18px;font-weight:600;color:#666;margin-bottom:8px}._layoutContainer_13to2_4._dark_13to2_21 ._emptyTitle_13to2_713{color:#ccc}._emptyDescription_13to2_724{font-size:14px;line-height:1.5;max-width:400px;margin:0 auto}._searchResultsHeader_13to2_732{background:#f8f9fa;padding:12px 16px;border-radius:8px;font-size:14px;color:#666;border:1px solid #e2e8f0;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}._layoutContainer_13to2_4._dark_13to2_21 ._searchResultsHeader_13to2_732{background:#242424;color:#999;border-color:#333}._clearSearchBtn_13to2_751{background:none;border:none;color:#999;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}._layoutContainer_13to2_4._dark_13to2_21 ._clearSearchBtn_13to2_751{color:#666}._clearSearchBtn_13to2_751:hover{background:#e2e8f0;color:#666}._layoutContainer_13to2_4._dark_13to2_21 ._clearSearchBtn_13to2_751:hover{background:#333;color:#ccc}._listsContent_13to2_780{flex:1;overflow-y:auto;padding:20px 24px}._listsHeader_13to2_786{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}._layoutContainer_13to2_4._dark_13to2_21 ._listsHeader_13to2_786{border-bottom-color:#333}._listsTitle_13to2_799{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}._layoutContainer_13to2_4._dark_13to2_21 ._listsTitle_13to2_799{color:#fff}._headerButtons_13to2_810{display:flex;align-items:center;gap:12px}._manageSavedListsBtn_13to2_816{background:#f8f9fa;color:#666;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}._layoutContainer_13to2_4._dark_13to2_21 ._manageSavedListsBtn_13to2_816{background:#2a2a2a;color:#ccc;border-color:#333}._manageSavedListsBtn_13to2_816:hover{background:#e2e8f0;color:#333}._layoutContainer_13to2_4._dark_13to2_21 ._manageSavedListsBtn_13to2_816:hover{background:#333;color:#fff}._createListBtn_13to2_847{background:var(--theme-gradient);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:var(--theme-shadow)}._createListBtn_13to2_847:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-1px)}._createListBtn_13to2_847:disabled{opacity:.6;cursor:not-allowed;transform:none}._listsGrid_13to2_874{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 768px){._listsContent_13to2_780{padding:16px}._listsGrid_13to2_874{grid-template-columns:1fr;gap:16px}}._messageInputContainer_13to2_892{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;z-index:999}._layoutContainer_13to2_4._dark_13to2_21 ._messageInputContainer_13to2_892{background:#1a1a1a;border-top-color:#333}@media (max-width: 768px){._messageInputContainer_13to2_892{position:fixed;bottom:64px;left:0;right:0;box-shadow:0 -4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;width:100%;box-sizing:border-box;z-index:999}}._mobileSearchBar_13to2_920{display:none;width:100%;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;transition:all .3s ease}._layoutContainer_13to2_4._dark_13to2_21 ._mobileSearchBar_13to2_920{background:#1a1a1a;border-bottom-color:#333}@media (max-width: 768px){._mobileSearchBar_13to2_920{display:block;order:10;margin-top:8px}._mobileSearchBar_13to2_920._open_13to2_178{display:block}._mobileSearchBar_13to2_920:not(._open_13to2_178){display:none}}._mobileSearchInput_13to2_950{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8f9fa;color:#1a1a1a;font-size:16px;transition:all .2s ease}._layoutContainer_13to2_4._dark_13to2_21 ._mobileSearchInput_13to2_950{border-color:#333;background:#333;color:#e0e0e0}._mobileSearchInput_13to2_950:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-light)}._mobileSearchInput_13to2_950::placeholder{color:#999}._layoutContainer_13to2_4._dark_13to2_21 ._mobileSearchInput_13to2_950::placeholder{color:#666}._headerLeft_13to2_982{display:flex;align-items:center;gap:16px;flex:1}._workspaceSelector_13to2_989{position:relative;display:none;margin-right:12px}@media (max-width: 768px){._workspaceSelector_13to2_989{display:block}}._workspaceButton_13to2_1001{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--theme-primary-light);color:var(--theme-primary);border:1px solid var(--theme-primary);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:110px}._workspaceButton_13to2_1001:hover{background:var(--theme-primary);color:#fff}._workspaceBadge_13to2_1022{background:#ff6b6b;color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:8px;min-width:16px;text-align:center;margin-left:auto}._workspaceDropdown_13to2_1034{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;overflow:hidden}._layoutContainer_13to2_4._dark_13to2_21 ._workspaceDropdown_13to2_1034{background:#242424;border-color:#333}._workspaceOption_13to2_1053{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;width:100%;text-align:left;color:#1a1a1a;cursor:pointer;transition:all .2s ease;font-size:14px}._layoutContainer_13to2_4._dark_13to2_21 ._workspaceOption_13to2_1053{color:#e0e0e0}._workspaceOption_13to2_1053:hover{background:#f1f5f9}._layoutContainer_13to2_4._dark_13to2_21 ._workspaceOption_13to2_1053:hover{background:#333}._workspaceOption_13to2_1053._active_13to2_113{background:var(--theme-primary-light);color:var(--theme-primary)}._headerTitle_13to2_1085{flex:1}._titleMain_13to2_1089{margin:0;font-size:20px;font-weight:600;color:#1a1a1a;line-height:1.2}._layoutContainer_13to2_4._dark_13to2_21 ._titleMain_13to2_1089{color:#fff}._titleSub_13to2_1101{font-size:14px;color:#666;margin-top:2px;line-height:1.3}._layoutContainer_13to2_4._dark_13to2_21 ._titleSub_13to2_1101{color:#999}@media (max-width: 768px){._titleMain_13to2_1089{font-size:18px}._titleSub_13to2_1101{font-size:13px}}._headerRight_13to2_1122{display:flex;align-items:center;gap:12px}._headerActions_13to2_1128{display:flex;align-items:center;gap:8px}@media (max-width: 768px){._headerActions_13to2_1128{gap:6px}._headerActions_13to2_1128 ._searchInput_13to2_1139{display:none}}._searchInput_13to2_1139{width:240px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1a1a1a;font-size:14px;transition:all .2s ease}._layoutContainer_13to2_4._dark_13to2_21 ._searchInput_13to2_1139{border-color:#333;background:#333;color:#e0e0e0}._searchInput_13to2_1139:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-light)}._searchInput_13to2_1139:disabled{opacity:.5;cursor:not-allowed}._searchInput_13to2_1139::placeholder{color:#999}._layoutContainer_13to2_4._dark_13to2_21 ._searchInput_13to2_1139::placeholder{color:#666}@media (max-width: 768px){._searchInput_13to2_1139{width:160px;padding:6px 10px;font-size:13px}}._headerActionBtn_13to2_1188{padding:8px;border:none;background:transparent;color:#666;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}._layoutContainer_13to2_4._dark_13to2_21 ._headerActionBtn_13to2_1188{color:#ccc}._headerActionBtn_13to2_1188:hover{background:#f1f5f9;color:var(--theme-primary)}._layoutContainer_13to2_4._dark_13to2_21 ._headerActionBtn_13to2_1188:hover{background:#2a2a2a}._headerActionBtn_13to2_1188:disabled{opacity:.5;cursor:not-allowed}._headerActionBtn_13to2_1188:disabled:hover{background:transparent;color:#666}._layoutContainer_13to2_4._dark_13to2_21 ._headerActionBtn_13to2_1188:disabled:hover{color:#ccc}._mainHeader_13to2_1229{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative}._layoutContainer_13to2_4._dark_13to2_21 ._mainHeader_13to2_1229{background:#1a1a1a;border-bottom-color:#333}._mainHeader_13to2_1229:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--theme-primary) 0%,transparent 30%);opacity:.3}@media (max-width: 768px){._mainHeader_13to2_1229{padding:12px 16px;flex-wrap:wrap}}._sidebar_13to2_159,._navItem_13to2_418,._logoIcon_13to2_294{transform:translateZ(0);will-change:transform}._navItem_13to2_418:hover{transform:translate3d(2px,0,0)}._navItem_13to2_418._active_13to2_113,._navItem_13to2_418._active_13to2_113:hover{transform:translateZ(0)}@media (prefers-reduced-motion: reduce){._sidebar_13to2_159,._navItem_13to2_418,._logoIcon_13to2_294,._collapseBtn_13to2_225,._mobileTab_13to2_45,._createListBtn_13to2_847{transition:none;animation:none}._navItem_13to2_418:hover,._logoIcon_13to2_294:hover{transform:none}._collapseBtn_13to2_225:hover{transform:translateY(-50%)}._createListBtn_13to2_847:hover{transform:none}}._hidden_13to2_337{display:none!important}._open_13to2_178{opacity:1;pointer-events:auto}@media (max-width: 480px){._sidebarHeader_13to2_258{padding:12px}._navSection_13to2_373{padding:16px 12px 8px}._navItem_13to2_418{padding:10px;font-size:13px}._logoText_13to2_332{font-size:16px}._logoIcon_13to2_294{width:28px;height:28px;font-size:11px}._pinnedNotesGrid_13to2_677{padding:12px;gap:12px}._notesContent_13to2_665{padding:12px;gap:10px}._listsContent_13to2_780{padding:12px}._listsHeader_13to2_786{margin-bottom:16px;padding-bottom:12px;flex-direction:column;align-items:flex-start;gap:12px}._headerButtons_13to2_810{width:100%;justify-content:space-between}._manageSavedListsBtn_13to2_816,._createListBtn_13to2_847{flex:1;justify-content:center}._emptyState_13to2_697{padding:40px 16px}._emptyIcon_13to2_707{font-size:36px;margin-bottom:12px}._emptyTitle_13to2_713{font-size:16px}._emptyDescription_13to2_724{font-size:13px}}@media (prefers-contrast: high){._navItem_13to2_418{border:1px solid transparent}._navItem_13to2_418:hover{border-color:currentColor}._navItem_13to2_418._active_13to2_113{border-color:#fff}._logoIcon_13to2_294{border:2px solid white}._mobileTab_13to2_45{border:1px solid transparent}._mobileTab_13to2_45._active_13to2_113{border-color:currentColor}}._mobileOnlyHeader_13to2_1427{display:none}@media (max-width: 768px){._mobileOnlyHeader_13to2_1427{display:block}}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;letter-spacing:.025em;position:relative;flex-shrink:0;overflow:hidden;transition:all .15s ease}.avatar-xs{width:20px;height:20px;font-size:8px;line-height:1}.avatar-sm{width:28px;height:28px;font-size:10px;line-height:1}.avatar-md{width:40px;height:40px;font-size:14px;line-height:1}.avatar-lg{width:56px;height:56px;font-size:18px;line-height:1}.avatar-image-element{width:100%;height:100%;object-fit:cover;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:var(--bg-secondary)}.avatar-image{background-color:var(--bg-secondary)}.avatar-initials{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;user-select:none;pointer-events:none}.avatar-family-1{background-color:var(--family-1, #64748b)}.avatar-family-2{background-color:var(--family-2, #059669)}.avatar-family-3{background-color:var(--family-3, #57534e)}.avatar-family-4{background-color:var(--family-4, #d97706)}.avatar-family-5{background-color:var(--family-5, #2563eb)}.avatar-family-6{background-color:var(--family-6, #4f46e5)}.avatar-neutral{background-color:var(--bubble-bg, #2c3e50)}.dark-mode .avatar-family-1{background-color:var(--family-1-hover, #475569)}.dark-mode .avatar-family-2{background-color:var(--family-2-hover, #047857)}.dark-mode .avatar-family-3{background-color:var(--family-3-hover, #44403c)}.dark-mode .avatar-family-4{background-color:var(--family-4-hover, #b45309)}.dark-mode .avatar-family-5{background-color:var(--family-5-hover, #1d4ed8)}.dark-mode .avatar-family-6{background-color:var(--family-6-hover, #4338ca)}.dark-mode .avatar-neutral{background-color:var(--bubble-hover-bg, #34495e)}.dark-mode .avatar-image{background-color:var(--bg-secondary-dark)}.avatar-clickable{cursor:pointer}.avatar-clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.avatar-clickable:focus{outline:2px solid var(--border-focus, #0066cc);outline-offset:2px}.avatar-border{border:2px solid rgba(255,255,255,.2);box-shadow:0 1px 3px #0000001a}.dark-mode .avatar-border{border-color:#ffffff1a}.family-note-author .profile-avatar{margin-right:6px}.message-bubble .profile-avatar{position:absolute;top:-6px;right:-6px;border:2px solid var(--bg-primary)}.family-member-item .profile-avatar{margin-right:12px}@media (prefers-reduced-motion: reduce){.profile-avatar{transition:none}.avatar-clickable:hover{transform:none}}@media (prefers-contrast: high){.profile-avatar{border:1px solid currentColor}.avatar-initials{font-weight:700}.avatar-image-element{border:1px solid currentColor}}.pricing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pricing-container{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0003;max-width:800px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.pricing-close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;transition:all .15s;display:flex;align-items:center;justify-content:center}.pricing-close-button:hover{background-color:#f0f0f0;color:#333}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h2{font-size:28px;color:#333;margin-bottom:8px;font-weight:600}.pricing-header p{color:#666;font-size:16px}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.pricing-card{border:2px solid #e5e5e5;border-radius:12px;padding:24px;position:relative;transition:all .3s;background-color:#fff}.pricing-card:hover{border-color:#ddd;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.pricing-card.premium{border-color:#06c;background:linear-gradient(to bottom,#f8fbff,#fff)}.pricing-card.premium:hover{border-color:#0052a3;box-shadow:0 12px 32px #0066cc26}.pricing-card.current{border-color:#28a745;background-color:#f8fff9}.plan-badge{position:absolute;top:-12px;left:24px;background-color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#666;border:2px solid #e5e5e5}.premium-badge{background-color:#06c;color:#fff;border-color:#06c;display:flex;align-items:center;gap:4px}.plan-header{margin-bottom:24px;text-align:center}.plan-header h3{font-size:24px;color:#333;margin-bottom:16px;font-weight:600}.price{display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:20px;color:#666;font-weight:500}.amount{font-size:40px;font-weight:700;color:#333}.period{font-size:16px;color:#666}.features{list-style:none;padding:0;margin:0 0 24px}.features li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#666;font-size:14px}.features li svg{color:#28a745;flex-shrink:0}.features li.highlight{color:#333;font-weight:500}.plan-button{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.plan-button.current{background-color:#e5e5e5;color:#666;cursor:default}.plan-button.upgrade{background-color:#06c;color:#fff}.plan-button.upgrade:hover:not(:disabled){background-color:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.plan-button.manage{background-color:#6c757d;color:#fff}.plan-button.manage:hover:not(:disabled){background-color:#5a6268}.plan-button:disabled{opacity:.7;cursor:not-allowed}.pricing-footer{text-align:center;color:#666;font-size:14px}.pricing-footer p{margin:4px 0}.secure-badge{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:#28a745}.dark-mode .pricing-overlay{background-color:#000c}.dark-mode .pricing-container{background-color:#1a1a1a;color:#e0e0e0}.dark-mode .pricing-close-button{color:#999}.dark-mode .pricing-close-button:hover{background-color:#333;color:#e0e0e0}.dark-mode .pricing-header h2{color:#e0e0e0}.dark-mode .pricing-header p{color:#999}.dark-mode .pricing-card{background-color:#242424;border-color:#444}.dark-mode .pricing-card:hover{border-color:#555;box-shadow:0 8px 24px #0000004d}.dark-mode .pricing-card.premium{background:linear-gradient(to bottom,#1a2332,#242424);border-color:#4dabf7}.dark-mode .pricing-card.premium:hover{border-color:#339af0}.dark-mode .pricing-card.current{background-color:#1a2a1a;border-color:#52c41a}.dark-mode .plan-badge{background-color:#333;color:#e0e0e0;border-color:#444}.dark-mode .premium-badge{background-color:#4dabf7;border-color:#4dabf7}.dark-mode .plan-header h3{color:#e0e0e0}.dark-mode .currency,.dark-mode .period{color:#999}.dark-mode .amount{color:#e0e0e0}.dark-mode .features li{color:#999}.dark-mode .features li.highlight{color:#e0e0e0}.dark-mode .features li svg{color:#52c41a}.dark-mode .plan-button.current{background-color:#333;color:#999}.dark-mode .plan-button.upgrade{background-color:#4dabf7}.dark-mode .plan-button.upgrade:hover:not(:disabled){background-color:#339af0}.dark-mode .plan-button.manage{background-color:#495057}.dark-mode .plan-button.manage:hover:not(:disabled){background-color:#3d4145}.dark-mode .pricing-footer{color:#999}.dark-mode .secure-badge{color:#52c41a}@media (max-width: 768px){.pricing-container{padding:24px}.pricing-cards{grid-template-columns:1fr}.pricing-header h2{font-size:24px}.amount{font-size:32px}}.pricing-container{animation:fadeIn .3s ease-out}.features li.limited{color:#856404;background-color:#fff3cd33;padding:4px 8px;border-radius:4px;margin:4px 0}.features li.limited svg{color:#f0ad4e}.features li.not-included{color:#999;text-decoration:line-through;opacity:.7}.features li.not-included svg{color:#dc3545}.pricing-card.premium .amount{font-size:40px}.dark-mode .features li.limited{color:#ffd166;background-color:#66420f4d}.dark-mode .features li.limited svg{color:orange}.dark-mode .features li.not-included{color:#666}._settingsView_16kn4_4{background:var(--bg-primary, #ffffff);min-height:100vh;overflow-y:auto;color:var(--text-primary, #1e293b)}._settingsView_16kn4_4._dark_16kn4_11{background:var(--bg-primary, #0f172a);color:var(--text-primary, #f8fafc)}._mobileHeader_16kn4_17{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);position:sticky;top:0;z-index:20}._backButton_16kn4_29{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary-color, #3b82f6);font-size:16px;font-weight:600;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;min-width:80px}._backButton_16kn4_29:hover{background:var(--bg-hover, #f1f5f9)}._headerTitle_16kn4_49{font-size:18px;font-weight:700;color:var(--text-primary, #1e293b);margin:0;text-align:center;flex:1}._headerSpacer_16kn4_58{width:80px}._settingsMainMenu_16kn4_63{background:var(--bg-primary, #fafbfc)}._tierCard_16kn4_70{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin:0 20px 20px}._settingsView_16kn4_4._dark_16kn4_11 ._tierCard_16kn4_70{box-shadow:0 4px 6px #0003}._tierHeader_16kn4_83{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}._tierInfo_16kn4_91{display:flex;align-items:center;gap:12px}._tierTitle_16kn4_97{font-size:18px;font-weight:600;color:var(--text-primary, #1e293b);margin:0}._tierBadgeSmall_16kn4_104{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:4px}._tierActions_16kn4_114{display:flex;gap:12px}._upgradeBtn_16kn4_119,._manageBtn_16kn4_120{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}._upgradeBtn_16kn4_119{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}._upgradeBtn_16kn4_119:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}._manageBtn_16kn4_120{background:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}._manageBtn_16kn4_120:hover:not(:disabled){background:var(--bg-hover, #e2e8f0);color:var(--text-primary, #1e293b);transform:translateY(-1px)}._manageBtn_16kn4_120:disabled{opacity:.5;cursor:not-allowed}._settingsMenuList_16kn4_164{display:flex;flex-direction:column;gap:8px;padding:0 20px 20px}._settingsMenuItem_16kn4_171{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .2s ease;width:100%;text-align:left;box-shadow:0 2px 4px #00000005}._settingsView_16kn4_4._dark_16kn4_11 ._settingsMenuItem_16kn4_171{box-shadow:0 2px 4px #0000001a}._settingsMenuItem_16kn4_171:hover{background:var(--bg-hover, #f8fafc);border-color:var(--border-hover, #cbd5e1);transform:translateY(-1px)}._settingsMenuItem_16kn4_171:active{transform:translateY(0)}._settingsMenuItem_16kn4_171._danger_16kn4_201{color:var(--danger-color, #dc2626);border-color:var(--danger-border, #fecaca);background:var(--danger-bg, #fef2f2)}._settingsMenuItem_16kn4_171._danger_16kn4_201:hover{background:var(--danger-hover, #fee2e2)}._menuItemIcon_16kn4_211{width:40px;height:40px;border-radius:10px;background:var(--bg-tertiary, #f1f5f9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary, #64748b)}._settingsMenuItem_16kn4_171._danger_16kn4_201 ._menuItemIcon_16kn4_211{background:var(--danger-hover, #fee2e2);color:var(--danger-color, #dc2626)}._menuItemContent_16kn4_228{flex:1;min-width:0}._menuItemTitle_16kn4_233{font-size:16px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._menuItemSubtitle_16kn4_242{font-size:14px;color:var(--text-secondary, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._menuItemArrow_16kn4_250{color:var(--text-muted, #94a3b8);flex-shrink:0}._spinning_16kn4_256{animation:_spin_16kn4_256 1s linear infinite}@keyframes _spin_16kn4_256{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){._mobileHeader_16kn4_17{padding:12px 16px}._profileSummaryCard_16kn4_275,._tierCard_16kn4_70{margin:16px;padding:16px}._settingsMenuList_16kn4_164{padding:0 16px 16px}._settingsMenuItem_16kn4_171{padding:14px 16px}._profileSummaryContent_16kn4_289{gap:12px}._profileAvatarSmall_16kn4_293{width:50px;height:50px}._profileInitials_16kn4_298{font-size:16px}._avatarEditButton_16kn4_302{width:18px;height:18px}._tierHeader_16kn4_83{flex-direction:column;align-items:flex-start;gap:12px}._tierActions_16kn4_114{width:100%}._upgradeBtn_16kn4_119,._manageBtn_16kn4_120{flex:1;justify-content:center}._menuItemIcon_16kn4_211{width:36px;height:36px}._menuItemTitle_16kn4_233{font-size:15px}._menuItemSubtitle_16kn4_242{font-size:13px}}@media (prefers-reduced-motion: reduce){._settingsMenuItem_16kn4_171,._backButton_16kn4_29,._avatarEditButton_16kn4_302,._editNameButton_16kn4_342,._saveBtn_16kn4_343,._cancelBtn_16kn4_344,._upgradeBtn_16kn4_119,._manageBtn_16kn4_120{transition:none}._settingsMenuItem_16kn4_171:hover,._upgradeBtn_16kn4_119:hover,._manageBtn_16kn4_120:hover:not(:disabled),._saveBtn_16kn4_343:hover:not(:disabled){transform:none}._spinning_16kn4_256{animation:none}}._backButton_16kn4_29:focus,._editNameButton_16kn4_342:focus,._avatarEditButton_16kn4_302:focus,._settingsMenuItem_16kn4_171:focus,._saveBtn_16kn4_343:focus,._cancelBtn_16kn4_344:focus,._upgradeBtn_16kn4_119:focus,._manageBtn_16kn4_120:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}._nameInput_16kn4_375:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}._viewContentHeader_1chog_4{flex-shrink:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:68px;max-height:68px;padding:16px var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);position:relative;border-top:3px solid var(--theme-primary)}._contentActions_1chog_21{display:flex;align-items:center;gap:var(--spacing-md);margin-right:15vw}._contentTitleSection_1chog_29{display:flex;align-items:center;gap:var(--spacing-md)}._viewIcon_1chog_35{color:var(--theme-primary);flex-shrink:0}._contentTitle_1chog_29{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}._viewSubtitle_1chog_47{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-sm)}._contentActions_1chog_21{display:flex;align-items:center;gap:var(--spacing-md)}._searchContainer_1chog_59{position:relative;min-width:280px}._searchIcon_1chog_64{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}._viewSearch_1chog_73{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 36px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}._viewSearch_1chog_73:focus{outline:none;border-color:var(--theme-primary)}._headerActionButton_1chog_88{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}._headerActionButton_1chog_88:hover{background:var(--bg-hover);color:var(--text-primary)}._headerActionButton_1chog_88._createButton_1chog_107{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary);box-shadow:var(--theme-shadow)}._headerActionButton_1chog_88._createButton_1chog_107:hover{background:var(--theme-primary-hover);box-shadow:var(--theme-shadow-hover)}@media (max-width: 768px){._viewContentHeader_1chog_4{display:none}}@media (max-width: 1024px){._viewContentHeader_1chog_4{padding:var(--spacing-md) var(--spacing-lg)}._searchContainer_1chog_59{min-width:200px}._contentActions_1chog_21{flex-wrap:wrap}}._starredView_tqity_3{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}._filterTabs_tqity_11{display:flex;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;position:relative}._countIndicator_tqity_44{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-medium);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}._fabContainer_tqity_89{position:fixed;bottom:24px;right:24px;z-index:100}._fabMenu_tqity_96{position:absolute;bottom:60px;right:0;display:flex;flex-direction:column;gap:var(--spacing-sm);animation:_slideUp_tqity_1 .2s ease-out}._fabOption_tqity_106{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 4px 12px #0000001a}._fabOption_tqity_106:hover{background:var(--bg-hover);transform:translate(-4px)}._fab_tqity_89{width:52px;height:52px;border:none;border-radius:26px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #667eea4d}._fab_tqity_89:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}._fab_tqity_89._active_tqity_38 ._rotated_tqity_148{transform:rotate(45deg)}._rotated_tqity_148{transition:transform var(--transition-fast)}._modalOverlay_tqity_156{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-lg)}._formModal_tqity_170{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:_slideUp_tqity_1 .3s ease-out}._formHeader_tqity_181{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) 0 var(--spacing-xl)}._formHeader_tqity_181 h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}._closeButton_tqity_198{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}._formContent_tqity_217{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}._inputGroup_tqity_224 input,._inputGroup_tqity_224 textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);font-family:inherit}._inputGroup_tqity_224 input:focus,._inputGroup_tqity_224 textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}._passwordInputContainer_tqity_261{position:relative}._passwordToggle_tqity_265{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._passwordToggle_tqity_265:hover{color:var(--text-primary);background:var(--bg-hover)}._generatePassword_tqity_284{font-size:var(--font-size-xs);color:var(--primary-color);background:none;border:none;cursor:pointer;padding:var(--spacing-xs) 0;text-decoration:underline;margin-top:var(--spacing-xs)}._generatePassword_tqity_284:hover{color:var(--primary-hover)}._categorySelector_tqity_299{display:flex;flex-direction:column;gap:var(--spacing-xs)}._categoryGrid_tqity_305{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xs)}._categoryOption_tqity_311{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);font-weight:var(--font-medium);text-align:center}._categoryOption_tqity_311:hover{background:var(--bg-hover);border-color:var(--category-color)}._categoryOption_tqity_311._selected_tqity_332{background:color-mix(in srgb,var(--category-color) 10%,transparent);border-color:var(--category-color);color:var(--category-color)}._formActions_tqity_338{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}._button_tqity_344{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}._button_tqity_344._secondary_tqity_359{background:var(--bg-tertiary);color:var(--text-secondary)}._button_tqity_344._primary_tqity_369{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}._button_tqity_344._primary_tqity_369:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}._button_tqity_344:disabled{opacity:.5;cursor:not-allowed}@keyframes _slideUp_tqity_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._filterTabs_tqity_11{justify-content:center;padding:0 var(--spacing-md)}._filterTab_tqity_11{min-width:0;flex:none;padding:var(--spacing-sm) var(--spacing-lg);margin:0 var(--spacing-xs);font-size:var(--font-size-sm)}._countIndicator_tqity_44{right:var(--spacing-md);font-size:var(--font-size-xs);padding:var(--spacing-xs)}._fabContainer_tqity_89{bottom:80px;right:20px}._starredContent_tqity_57{padding-bottom:140px}._formModal_tqity_170{margin:var(--spacing-md);max-width:none;width:calc(100% - 2 * var(--spacing-md))}._inputRow_tqity_255{grid-template-columns:1fr}._categoryGrid_tqity_305{grid-template-columns:repeat(2,1fr)}._formActions_tqity_338{flex-direction:column}._emptyState_tqity_65{padding:var(--spacing-lg) var(--spacing-md);min-height:200px}}@media (max-width: 768px){._starredContentHeader_tqity_462{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-md);align-items:stretch;min-height:auto}._contentTitleSection_tqity_485{justify-content:center}._contentTitle_tqity_485{font-size:var(--font-size-xl)}._contentActions_tqity_514{justify-content:stretch}._starredSearch_tqity_535{min-width:0;flex:1}._contentTabs_tqity_589{padding:0 var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}._contentTabs_tqity_589::-webkit-scrollbar{display:none}._starredContentContainer_tqity_666{padding:var(--spacing-lg)}._starredEmptyState_tqity_674{padding:var(--spacing-xl) var(--spacing-lg);min-height:300px}._fabContainer_tqity_89{bottom:20px;right:20px}._fab_tqity_89{width:48px;height:48px}._inputRow_tqity_255{grid-template-columns:1fr}._formModal_tqity_170{margin:var(--spacing-md);max-width:none}}@media (max-width: 480px){._contentTitle_tqity_485{font-size:var(--font-size-lg)}._starredSubtitle_tqity_504{font-size:var(--font-size-xs)}._contentTab_tqity_589{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}._categoryGrid_tqity_305{grid-template-columns:repeat(2,1fr)}}._starredView_tqity_3{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}._starredContentHeader_tqity_462{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);min-height:64px;flex-shrink:0;position:relative}._starredContentHeader_tqity_462:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--primary-color) 0%,transparent 50%);opacity:.3}._contentTitleSection_tqity_485{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}._starredIcon_tqity_492{color:var(--primary-color);flex-shrink:0}._contentTitle_tqity_485{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}._starredSubtitle_tqity_504{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-full);font-weight:var(--font-medium)}._contentActions_tqity_514{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}._searchContainer_tqity_521{position:relative;display:flex;align-items:center}._searchIcon_tqity_527{position:absolute;left:var(--spacing-md);color:var(--text-secondary);pointer-events:none;z-index:1}._starredSearch_tqity_535{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:280px;transition:all var(--transition-fast)}._starredSearch_tqity_535:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}._headerActionButton_tqity_552{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-width:40px;height:40px}._headerActionButton_tqity_552:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color)}._createButton_tqity_573{background:var(--primary-color);color:#fff;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-medium);min-width:auto}._createButton_tqity_573:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}._contentTabs_tqity_589{display:flex;align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-xl);flex-shrink:0;position:relative}._contentTab_tqity_589{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid transparent;cursor:pointer;font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);position:relative;font-size:var(--font-size-sm);background:none;border-left:none;border-right:none;border-top:none}._contentTab_tqity_589:hover{color:var(--text-primary);background:rgba(var(--primary-rgb),.05)}._contentTab_tqity_589._active_tqity_38{color:var(--primary-color);border-bottom-color:var(--primary-color);background:rgba(var(--primary-rgb),.08)}._tabCount_tqity_628{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-full);min-width:20px;text-align:center;font-weight:var(--font-semibold)}._contentTab_tqity_589._active_tqity_38 ._tabCount_tqity_628{background:var(--primary-color);color:#fff}._countIndicator_tqity_44{position:absolute;right:var(--spacing-xl);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-medium);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}._starredMainContent_tqity_658{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-primary)}._starredContentContainer_tqity_666{margin:0 auto;padding:var(--spacing-xl);width:100%}._starredEmptyState_tqity_674{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);min-height:400px}._emptyIcon_tqity_684{color:var(--text-muted);margin-bottom:var(--spacing-lg)}._emptyTitle_tqity_689{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}._emptyDescription_tqity_696{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:400px;line-height:var(--line-height-relaxed)}._emptyAction_tqity_703{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}._emptyAction_tqity_703:hover{background:var(--primary-hover);transform:translateY(-1px)}._filterTabs_tqity_11{display:none}._filterTab_tqity_11{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}._filterTab_tqity_11:hover{background:var(--bg-hover);color:var(--text-primary)}._filterTab_tqity_11._active_tqity_38{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-primary)}._starredContent_tqity_57{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:100px}._emptyState_tqity_65{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);min-height:300px;gap:var(--spacing-md)}._emptyState_tqity_65 h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}._emptyState_tqity_65 p{font-size:var(--font-size-sm);margin:0}._fabContainer_tqity_89{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}._fab_tqity_89{width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all var(--transition-normal);position:relative;z-index:1001}._fab_tqity_89:hover{background:var(--primary-hover);box-shadow:0 6px 16px #0003;transform:translateY(-2px)}._fab_tqity_89._active_tqity_38{background:var(--error-color)}._fab_tqity_89 ._rotated_tqity_148{transform:rotate(45deg)}._fabMenu_tqity_96{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);animation:_slideUp_tqity_1 .3s ease}._fabOption_tqity_106{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000001a;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap}._fabOption_tqity_106:hover{background:var(--bg-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}._modalOverlay_tqity_156{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}._formModal_tqity_170{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}._formHeader_tqity_181{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}._formHeader_tqity_181 h3{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}._closeButton_tqity_198{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._closeButton_tqity_198:hover{background:var(--bg-hover);color:var(--text-primary)}._formContent_tqity_217{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}._inputGroup_tqity_224{display:flex;flex-direction:column;gap:var(--spacing-xs)}._inputGroup_tqity_224 label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}._inputGroup_tqity_224 input,._inputGroup_tqity_224 textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}._inputGroup_tqity_224 input:focus,._inputGroup_tqity_224 textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}._inputRow_tqity_255{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}._passwordInputContainer_tqity_261{position:relative;display:flex;align-items:center}._passwordToggle_tqity_265{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}._passwordToggle_tqity_265:hover{background:var(--bg-hover);color:var(--text-primary)}._generatePassword_tqity_284{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-xs)}._generatePassword_tqity_284:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}._categorySelector_tqity_299{display:flex;flex-direction:column;gap:var(--spacing-sm)}._categoryGrid_tqity_305{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}._categoryOption_tqity_311{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);text-align:center}._categoryOption_tqity_311:hover{border-color:var(--category-color, var(--primary-color));background:rgba(var(--primary-rgb),.05)}._categoryOption_tqity_311._selected_tqity_332{border-color:var(--category-color, var(--primary-color));background:var(--category-color, var(--primary-color));color:#fff}._formActions_tqity_338{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end}._button_tqity_344{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);border:1px solid transparent}._button_tqity_344._secondary_tqity_359{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}._button_tqity_344._secondary_tqity_359:hover{background:var(--bg-hover);color:var(--text-primary)}._button_tqity_344._primary_tqity_369{background:var(--primary-color);color:#fff}._button_tqity_344._primary_tqity_369:hover{background:var(--primary-hover)}._button_tqity_344:disabled{opacity:.6;cursor:not-allowed}._button_tqity_344:disabled:hover{background:var(--primary-color);transform:none}@media (max-width: 768px){._starredContentHeader_tqity_462{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm);align-items:stretch;min-height:auto}._contentTitleSection_tqity_485{justify-content:space-between;align-items:center}._contentTitle_tqity_485{font-size:var(--font-size-lg)}._starredSubtitle_tqity_504{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}._contentActions_tqity_514{order:2;width:100%}._searchContainer_tqity_521{flex:1}._starredSearch_tqity_535{min-width:0;width:100%;font-size:16px}._headerActionButton_tqity_552{min-width:36px;height:36px;padding:var(--spacing-xs)}._createButton_tqity_573{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:auto;white-space:nowrap}._contentTabs_tqity_589{padding:0 var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._contentTabs_tqity_589::-webkit-scrollbar{display:none}._contentTab_tqity_589{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}._tabCount_tqity_628{font-size:10px;padding:1px 4px;min-width:16px}._countIndicator_tqity_44{right:var(--spacing-md);font-size:10px;padding:2px var(--spacing-xs)}._starredMainContent_tqity_658{padding-bottom:calc(100px + env(safe-area-inset-bottom))}._starredContentContainer_tqity_666{padding:var(--spacing-md)}._starredEmptyState_tqity_674{padding:var(--spacing-lg) var(--spacing-md);min-height:250px}._emptyIcon_tqity_684{margin-bottom:var(--spacing-md)}._emptyTitle_tqity_689{font-size:var(--font-size-lg)}._emptyDescription_tqity_696{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}._emptyAction_tqity_703{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}._fabContainer_tqity_89{bottom:calc(16px + env(safe-area-inset-bottom));right:16px}._fab_tqity_89{width:52px;height:52px;box-shadow:0 4px 12px #00000040}._fabOption_tqity_106{padding:var(--spacing-sm);font-size:var(--font-size-xs);box-shadow:0 2px 8px #00000026}._fabOption_tqity_106 span{display:none}._fabMenu_tqity_96{margin-bottom:var(--spacing-xs)}._inputRow_tqity_255{grid-template-columns:1fr;gap:var(--spacing-md)}._formModal_tqity_170{margin:var(--spacing-sm);max-width:none;border-radius:var(--radius-md);max-height:calc(100vh - var(--spacing-lg))}._formHeader_tqity_181{padding:var(--spacing-md)}._formHeader_tqity_181 h3{font-size:var(--font-size-md)}._formContent_tqity_217{padding:var(--spacing-md);gap:var(--spacing-md)}._formActions_tqity_338{padding:var(--spacing-md);gap:var(--spacing-sm)}._button_tqity_344{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);flex:1;justify-content:center}._categoryGrid_tqity_305{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}._categoryOption_tqity_311{padding:var(--spacing-xs);font-size:10px}._modalOverlay_tqity_156{padding:var(--spacing-sm);align-items:flex-end}}@media (max-width: 480px){._starredContentHeader_tqity_462{padding:var(--spacing-xs) var(--spacing-sm)}._contentTitle_tqity_485{font-size:var(--font-size-md)}._starredSubtitle_tqity_504{font-size:10px;padding:1px 4px}._starredSearch_tqity_535{font-size:16px;padding:10px var(--spacing-sm) 10px 36px}._headerActionButton_tqity_552{min-width:32px;height:32px}._createButton_tqity_573{padding:6px var(--spacing-xs);font-size:10px}._createButton_tqity_573 span{display:none}._contentTab_tqity_589{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._countIndicator_tqity_44{position:static;transform:none;margin-left:auto;font-size:9px}._starredContentContainer_tqity_666{padding:var(--spacing-sm)}._emptyTitle_tqity_689{font-size:var(--font-size-md)}._emptyDescription_tqity_696{font-size:var(--font-size-xs)}._fab_tqity_89{width:48px;height:48px}._fabContainer_tqity_89{bottom:calc(12px + env(safe-area-inset-bottom));right:12px}._categoryGrid_tqity_305{grid-template-columns:1fr}._categoryOption_tqity_311{flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--font-size-xs)}._formModal_tqity_170{border-radius:var(--radius-sm);max-height:calc(100vh - var(--spacing-md))}._formHeader_tqity_181,._formContent_tqity_217{padding:var(--spacing-sm)}._formActions_tqity_338{padding:var(--spacing-sm);flex-direction:column}._inputGroup_tqity_224 input,._inputGroup_tqity_224 textarea{padding:var(--spacing-sm);font-size:16px}._inputGroup_tqity_224 label{font-size:var(--font-size-xs)}}@media (max-width: 768px){._contentTab_tqity_589,._headerActionButton_tqity_552,._fab_tqity_89,._fabOption_tqity_106,._button_tqity_344{min-height:44px}._formModal_tqity_170{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;max-height:100vh;display:flex;flex-direction:column}._formContent_tqity_217{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}._formActions_tqity_338{border-top:1px solid var(--border-color);background:var(--bg-primary);position:sticky;bottom:0;padding:calc(var(--spacing-md) + env(safe-area-inset-bottom)) var(--spacing-md) var(--spacing-md)}._contentTabs_tqity_589{position:relative}._contentTabs_tqity_589:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,var(--bg-primary));pointer-events:none}._contentTab_tqity_589:active,._headerActionButton_tqity_552:active,._fab_tqity_89:active{transform:scale(.98)}._searchContainer_tqity_521{position:relative}._starredSearch_tqity_535:focus{box-shadow:0 0 0 2px var(--primary-color)}}@media (max-width: 768px) and (orientation: landscape){._starredContentHeader_tqity_462{padding:var(--spacing-xs) var(--spacing-md)}._contentTabs_tqity_589{padding:0 var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:stretch}._contentTab_tqity_589{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);min-height:48px;border-bottom:2px solid transparent;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:120px;white-space:nowrap}._starredEmptyState_tqity_674{min-height:200px;padding:var(--spacing-md)}._emptyIcon_tqity_684{margin-bottom:var(--spacing-sm)}}@keyframes _slideUp_tqity_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){._fab_tqity_89,._fabOption_tqity_106,._headerActionButton_tqity_552,._contentTab_tqity_589,._emptyAction_tqity_703{transition:none;animation:none}._fab_tqity_89:hover,._emptyAction_tqity_703:hover{transform:none}._fabMenu_tqity_96{animation:none}}._headerActionButton_tqity_552:focus,._contentTab_tqity_589:focus,._fab_tqity_89:focus,._fabOption_tqity_106:focus,._button_tqity_344:focus{outline:2px solid var(--primary-color);outline-offset:2px}._dark-mode_tqity_1217 ._starredContentHeader_tqity_462{background:var(--bg-secondary)}._dark-mode_tqity_1217 ._starredIcon_tqity_492{color:var(--primary-color)}._dark-mode_tqity_1217 ._createButton_tqity_573{background:var(--primary-color)}._dark-mode_tqity_1217 ._createButton_tqity_573:hover{background:var(--primary-hover)}._dark-mode_tqity_1217 ._fabOption_tqity_106{background:var(--bg-secondary);border-color:var(--border-color)}._starred-content_tqity_2354{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:flex-start}._starred-notes-grid_tqity_2366{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);width:100%;justify-content:start}._empty-starred_tqity_2376{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:var(--spacing-3xl) 0;color:var(--text-secondary);min-height:400px;width:100%}._empty-icon_tqity_2388{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:50%;color:var(--text-muted);align-self:flex-start}._empty-starred_tqity_2376 h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;text-align:left}._empty-starred_tqity_2376 p{margin:0 0 var(--spacing-lg) 0;max-width:400px;line-height:var(--line-height-relaxed);text-align:left}._empty-tip_tqity_2413{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);align-self:flex-start;max-width:400px}@media (max-width: 768px){._contentTabs_tqity_589{padding:0 var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:stretch}._contentTab_tqity_589{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);min-height:48px;border-bottom:2px solid transparent;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:120px;white-space:nowrap}._starred-content_tqity_2354{padding:var(--spacing-lg);align-items:stretch}._starred-notes-grid_tqity_2366{grid-template-columns:1fr;justify-content:stretch}._empty-starred_tqity_2376{padding:var(--spacing-2xl) 0;align-items:flex-start}}._loading-placeholder_tqity_2469{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl) 0;color:var(--text-secondary);width:100%}@media (max-width: 768px){._starredContentHeader_tqity_462,._filterTabs_tqity_11{display:none}._starredContent_tqity_57{padding:var(--spacing-md);padding-bottom:calc(64px + var(--spacing-md))}._starredView_tqity_3{height:100%;display:flex;flex-direction:column}._starredContent_tqity_57{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}._emptyState_tqity_65{padding:var(--spacing-xl) var(--spacing-md);min-height:40vh;margin-top:var(--spacing-xl);align-items:flex-start;text-align:left}._emptyState_tqity_65 h3,._emptyState_tqity_65 p{text-align:left;width:100%}}@media (max-width: 768px){._fabContainer_tqity_89{bottom:80px;right:var(--spacing-lg)}._fab_tqity_89{width:56px;height:56px;border-radius:50%;box-shadow:0 4px 12px #00000026}._starredMobileSearchFab_tqity_2548{position:fixed;bottom:150px;right:var(--spacing-lg);width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;z-index:999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}._starredMobileSearchFab_tqity_2548:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}}@media (max-width: 768px){._starredContentHeader_tqity_462,._contentTitleSection_tqity_485,._contentActions_tqity_514,._starredSubtitle_tqity_504{display:none}._starredMainContent_tqity_658{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-primary)}._starredContentContainer_tqity_666{padding:var(--spacing-md);max-width:none;margin:0}}._mobile-view-label_tqity_2606{display:none;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center;position:sticky;top:0;z-index:50;letter-spacing:.5px;text-transform:uppercase}._mobile-view-label_tqity_2606._personal_tqity_2622{background:linear-gradient(135deg,#0066cc0d,#0066cc05);color:var(--primary-color);border-bottom-color:#0066cc1a}._mobile-view-label_tqity_2606._family_tqity_2628{background:linear-gradient(135deg,#22c55e0d,#22c55e05);color:#22c55e;border-bottom-color:#22c55e1a}@media (max-width: 768px){._mobile-view-label_tqity_2606{display:block}}._dark-mode_tqity_1217 ._mobile-view-label_tqity_2606{background:var(--bg-secondary);border-bottom-color:var(--border-color)}._dark-mode_tqity_1217 ._mobile-view-label_tqity_2606._personal_tqity_2622{background:linear-gradient(135deg,#0066cc1a,#0066cc0d)}._dark-mode_tqity_1217 ._mobile-view-label_tqity_2606._family_tqity_2628{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}._mobileViewLabel_tqity_2657{display:none;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center;position:sticky;top:0;z-index:50;letter-spacing:.5px;text-transform:uppercase}._mobileViewLabel_tqity_2657._personal_tqity_2622{background:linear-gradient(135deg,#0066cc0d,#0066cc05);color:var(--primary-color);border-bottom-color:#0066cc1a}._mobileViewLabel_tqity_2657._family_tqity_2628{background:linear-gradient(135deg,#22c55e0d,#22c55e05);color:#22c55e;border-bottom-color:#22c55e1a}@media (max-width: 768px){._mobileViewLabel_tqity_2657{display:block}}.dark-mode ._mobileViewLabel_tqity_2657{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode ._mobileViewLabel_tqity_2657._personal_tqity_2622{background:linear-gradient(135deg,#0066cc1a,#0066cc0d)}.dark-mode ._mobileViewLabel_tqity_2657._family_tqity_2628{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}._accountCard_1dlof_3{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all var(--transition-fast)}._accountCard_1dlof_3:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}._accountCard_1dlof_3._expanded_1dlof_17{border-color:var(--primary-color)}._accountHeader_1dlof_21{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast)}._accountHeader_1dlof_21:hover{background:var(--bg-hover)}._accountInfo_1dlof_34{display:flex;align-items:center;gap:var(--spacing-md);flex:1}._categoryIcon_1dlof_41{width:32px;height:32px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--category-color) 10%,transparent);border:1px solid var(--category-color);display:flex;align-items:center;justify-content:center;color:var(--category-color);flex-shrink:0}._accountBasic_1dlof_54{flex:1;min-width:0}._accountTitle_1dlof_59{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._accountCategory_1dlof_69{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;text-transform:uppercase;font-weight:var(--font-medium);letter-spacing:.5px}._headerActions_1dlof_78{display:flex;align-items:center;gap:var(--spacing-sm)}._starredBadge_1dlof_84{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium)}._expandIcon_1dlof_96{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-secondary);min-width:20px;text-align:center}._accountDetails_1dlof_104{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--border-color);animation:_expandDown_1dlof_1 .2s ease-out}._detailRow_1dlof_110{margin-bottom:var(--spacing-md)}._detailRow_1dlof_110:last-of-type{margin-bottom:0}._detailLabel_1dlof_118{display:block;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}._detailContent_1dlof_128{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}._detailValue_1dlof_135{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace}._passwordActions_1dlof_143{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}._actionButton_1dlof_150{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);min-width:28px;min-height:28px}._actionButton_1dlof_150:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-color)}._actionButton_1dlof_150:disabled{opacity:.5;cursor:not-allowed}._copyButton_1dlof_176{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);min-width:28px;min-height:28px}._copyButton_1dlof_176:hover{background:var(--success-light);color:var(--success-color);border-color:var(--success-color)}._copyButton_1dlof_176:disabled{opacity:.5;cursor:not-allowed}._spinner_1dlof_202{animation:_spin_1dlof_202 1s linear infinite}@keyframes _spin_1dlof_202{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._actionButtons_1dlof_215{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}._actionBtn_1dlof_223{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}._actionBtn_1dlof_223._edit_1dlof_238{background:var(--bg-tertiary);color:var(--text-primary)}._actionBtn_1dlof_223._edit_1dlof_238:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}._actionBtn_1dlof_223._star_1dlof_84{background:var(--bg-tertiary);color:var(--text-secondary)}._actionBtn_1dlof_223._star_1dlof_84:hover,._actionBtn_1dlof_223._star_1dlof_84._starred_1dlof_84{background:var(--warning-light);color:var(--warning-color);border-color:var(--warning-color)}._actionBtn_1dlof_223._star_1dlof_84._starred_1dlof_84:hover{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}._actionBtn_1dlof_223._delete_1dlof_272{background:var(--bg-tertiary);color:var(--text-secondary)}._actionBtn_1dlof_223._delete_1dlof_272:hover{background:var(--error-light);color:var(--error-color);border-color:var(--error-color)}._actionBtn_1dlof_223:disabled{opacity:.5;cursor:not-allowed}@keyframes _expandDown_1dlof_1{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@media (max-width: 768px){._accountHeader_1dlof_21{padding:var(--spacing-sm) var(--spacing-md)}._accountInfo_1dlof_34{gap:var(--spacing-sm)}._categoryIcon_1dlof_41{width:28px;height:28px}._accountTitle_1dlof_59{font-size:var(--font-size-sm)}._accountDetails_1dlof_104{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}._detailContent_1dlof_128{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}._passwordActions_1dlof_143{justify-content:center}._actionButtons_1dlof_215{flex-direction:column}._detailValue_1dlof_135{font-size:var(--font-size-xs);word-break:break-all}}@media (prefers-color-scheme: dark){._accountCard_1dlof_3{background:var(--bg-secondary);border-color:var(--border-color)}._accountCard_1dlof_3:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000004d}._categoryIcon_1dlof_41{background:color-mix(in srgb,var(--category-color) 15%,transparent)}._starredBadge_1dlof_84{background:linear-gradient(135deg,#4f46e5,#7c3aed)}}@media (prefers-contrast: high){._accountCard_1dlof_3,._categoryIcon_1dlof_41,._actionButton_1dlof_150,._copyButton_1dlof_176,._actionBtn_1dlof_223{border-width:2px}}@media (prefers-reduced-motion: reduce){._accountCard_1dlof_3,._accountHeader_1dlof_21,._actionButton_1dlof_150,._copyButton_1dlof_176,._actionBtn_1dlof_223{transition:none}._accountDetails_1dlof_104,._spinner_1dlof_202{animation:none}}._accountHeader_1dlof_21:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}._actionButton_1dlof_150:focus-visible,._copyButton_1dlof_176:focus-visible,._actionBtn_1dlof_223:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}._accountsView_1l2fj_5{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}._mobileViewLabel_1l2fj_14{display:none;padding:var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center}._mobileViewLabel_1l2fj_14._family_1l2fj_25{background:linear-gradient(135deg,#0478570d,#065f4605);color:#047857}._mobileViewLabel_1l2fj_14._personal_1l2fj_32{background:linear-gradient(135deg,#4dabf70d,#4dabf705);color:#4dabf7}@media (max-width: 768px){._mobileViewLabel_1l2fj_14{display:block}}._accountsContentHeader_1l2fj_46{flex-shrink:0;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}._contentTitleSection_1l2fj_58{display:flex;align-items:center;gap:var(--spacing-md)}._accountsIcon_1l2fj_64{color:var(--primary-color);flex-shrink:0}._contentTitle_1l2fj_58{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}._accountsSubtitle_1l2fj_76{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-sm)}._contentActions_1l2fj_82{display:flex;align-items:center;gap:var(--spacing-md)}._searchContainer_1l2fj_88{position:relative;min-width:280px}._searchIcon_1l2fj_93{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}._accountsSearch_1l2fj_102{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 36px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}._accountsSearch_1l2fj_102:focus{outline:none;border-color:var(--primary-color)}._headerActionButton_1l2fj_117{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}._headerActionButton_1l2fj_117:hover{background:var(--bg-hover);color:var(--text-primary)}._headerActionButton_1l2fj_117._createButton_1l2fj_136{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}._headerActionButton_1l2fj_117._createButton_1l2fj_136:hover{background:var(--primary-hover)}@media (max-width: 768px){._accountsContentHeader_1l2fj_46{display:none}}._filtersRow_1l2fj_154{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}._filterSelect_1l2fj_162,._sortSelect_1l2fj_163{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-size:var(--font-size-sm);cursor:pointer;flex:1}._filterSelect_1l2fj_162:focus,._sortSelect_1l2fj_163:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){._filtersRow_1l2fj_154{padding:var(--spacing-md);flex-direction:column}}._createMenuOverlay_1l2fj_187{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}._createMenu_1l2fj_187{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;max-width:480px;width:100%;max-height:80vh;overflow-y:auto}._createMenuHeader_1l2fj_211{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}._createMenuHeader_1l2fj_211 h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}._createMenuHeader_1l2fj_211 button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast)}._createMenuHeader_1l2fj_211 button:hover{color:var(--text-primary)}._categoryGrid_1l2fj_240{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}._categoryOption_1l2fj_247{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);color:var(--category-color, var(--text-primary))}._categoryOption_1l2fj_247:hover{border-color:var(--category-color, var(--primary-color));background:var(--bg-secondary);transform:translateY(-2px)}._categoryOption_1l2fj_247 span{font-weight:var(--font-medium);text-align:center;font-size:var(--font-size-sm)}@media (max-width: 768px){._categoryGrid_1l2fj_240{grid-template-columns:1fr}}._passwordFormContainer_1l2fj_280{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl)}._passwordForm_1l2fj_280{max-width:600px;margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 12px #0000001a}._formHeader_1l2fj_295{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}._formHeader_1l2fj_295 h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}._formHeader_1l2fj_295 button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast)}._formHeader_1l2fj_295 button:hover{color:var(--text-primary)}._formContent_1l2fj_325{padding:var(--spacing-lg)}._formRow_1l2fj_329{margin-bottom:var(--spacing-lg)}._formRow_1l2fj_329:last-of-type{margin-bottom:0}._formRow_1l2fj_329 label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--font-size-sm)}._formRow_1l2fj_329 input,._formRow_1l2fj_329 select,._formRow_1l2fj_329 textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}._formRow_1l2fj_329 input:focus,._formRow_1l2fj_329 select:focus,._formRow_1l2fj_329 textarea:focus{outline:none;border-color:var(--primary-color)}._formRow_1l2fj_329 textarea{resize:vertical;font-family:inherit}._passwordInputGroup_1l2fj_369{display:flex;gap:var(--spacing-sm)}._passwordInputGroup_1l2fj_369 input{flex:1}._generateBtn_1l2fj_378{padding:var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;transition:all var(--transition-fast)}._generateBtn_1l2fj_378:hover{background:var(--bg-hover);color:var(--text-primary)}._formActions_1l2fj_395{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}._cancelBtn_1l2fj_404{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-fast)}._cancelBtn_1l2fj_404:hover{background:var(--bg-hover);color:var(--text-primary)}._saveBtn_1l2fj_420{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);transition:background var(--transition-fast)}._saveBtn_1l2fj_420:hover:not(:disabled){background:var(--primary-hover)}._saveBtn_1l2fj_420:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){._passwordFormContainer_1l2fj_280{padding:var(--spacing-md)}._formActions_1l2fj_395{flex-direction:column}._cancelBtn_1l2fj_404,._saveBtn_1l2fj_420{width:100%;justify-content:center}}._accountsMainContent_1l2fj_457{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}._accountsContent_1l2fj_46{width:100%;max-width:1200px;padding:var(--spacing-xl);display:flex;flex-direction:column}._accountsList_1l2fj_474{display:flex;flex-direction:column;gap:var(--spacing-md);margin-left:0}._emptyState_1l2fj_485{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);min-height:400px}._emptyIcon_1l2fj_495{color:var(--text-muted);margin-bottom:var(--spacing-lg)}._emptyTitle_1l2fj_500{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}._emptyDescription_1l2fj_507{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;max-width:400px;line-height:var(--line-height-relaxed)}._emptyAction_1l2fj_514{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}._emptyAction_1l2fj_514:hover{background:var(--primary-hover);transform:translateY(-1px)}._fabContainer_1l2fj_536{position:fixed;bottom:96px;right:var(--spacing-lg);z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}._fabMenu_1l2fj_547{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}._fabOption_1l2fj_554{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0000001a;white-space:nowrap}._fabOption_1l2fj_554:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}._fab_1l2fj_536{width:56px;height:56px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transition:all var(--transition-fast)}._fab_1l2fj_536:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 6px 20px #0000004d}._fab_1l2fj_536._active_1l2fj_598,._rotated_1l2fj_602{transform:rotate(45deg)}@media (min-width: 769px){._fabContainer_1l2fj_536{display:none}}._modalOverlay_1l2fj_614{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}._formModal_1l2fj_628{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}._inputGroup_1l2fj_638{margin-bottom:var(--spacing-lg)}._inputGroup_1l2fj_638:last-child{margin-bottom:0}._inputGroup_1l2fj_638 label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--font-size-sm)}._inputGroup_1l2fj_638 input,._inputGroup_1l2fj_638 select,._inputGroup_1l2fj_638 textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}._inputGroup_1l2fj_638 input:focus,._inputGroup_1l2fj_638 select:focus,._inputGroup_1l2fj_638 textarea:focus{outline:none;border-color:var(--primary-color)}._inputGroup_1l2fj_638 textarea{resize:vertical;font-family:inherit}._closeButton_1l2fj_678{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast)}._closeButton_1l2fj_678:hover{color:var(--text-primary)}._button_1l2fj_692{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:var(--font-size-md)}._button_1l2fj_692._primary_1l2fj_705{background:var(--primary-color);color:#fff}._button_1l2fj_692._primary_1l2fj_705:hover:not(:disabled){background:var(--primary-hover)}._button_1l2fj_692._primary_1l2fj_705:disabled{opacity:.5;cursor:not-allowed}._button_1l2fj_692._secondary_1l2fj_719{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}._button_1l2fj_692._secondary_1l2fj_719:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){._accountsContent_1l2fj_46{padding:var(--spacing-md)}._emptyAccounts_1l2fj_736{padding:var(--spacing-xl) var(--spacing-md)}._createMenuOverlay_1l2fj_187,._modalOverlay_1l2fj_614{padding:var(--spacing-md)}._createMenu_1l2fj_187,._formModal_1l2fj_628{max-height:90vh}._searchContainer_1l2fj_88{min-width:0;flex:1}._contentActions_1l2fj_82{flex-wrap:wrap;width:100%}._headerActionButton_1l2fj_117{flex:1;justify-content:center}._fabContainer_1l2fj_536{bottom:80px;right:var(--spacing-md)}}@media (prefers-color-scheme: dark){._accountsView_1l2fj_5{background:var(--bg-primary)}._categoryOption_1l2fj_247{border-color:var(--border-color)}._categoryOption_1l2fj_247:hover{background:var(--bg-hover)}._fabOption_1l2fj_554{background:var(--bg-primary);border-color:var(--border-color)}._formModal_1l2fj_628{background:var(--bg-primary)}}._mobileOnlyContent_1l2fj_796{display:none}@media (max-width: 768px){._mobileOnlyContent_1l2fj_796{display:block}}@media (max-width: 768px){._emptyState_1l2fj_485{padding:var(--spacing-xl) var(--spacing-md);min-height:300px}._emptyIcon_1l2fj_495{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}._emptyTitle_1l2fj_500{font-size:var(--font-size-lg)}._emptyDescription_1l2fj_507{font-size:var(--font-size-sm)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.auth-header p{color:#666}[data-amplify-authenticator]{--amplify-colors-brand-primary-10: #f0f9ff;--amplify-colors-brand-primary-80: #3b82f6;--amplify-colors-brand-primary-90: #2563eb;--amplify-colors-brand-primary-100: #1d4ed8}.amplify-button--primary{background-color:#3b82f6}.amplify-button--primary:hover{background-color:#2563eb}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111111)}.loading-content{text-align:center;max-width:400px;padding:40px 20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color, #e5e7eb);border-top:4px solid var(--primary-color, #667eea);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.loading-content h2{margin:0 0 12px;font-size:24px;font-weight:600;color:var(--text-primary, #111111)}.loading-content p{margin:0;color:var(--text-secondary, #6b7280);font-size:16px}.auth-header{text-align:center;padding:20px 0 30px}.auth-header h1{margin:0 0 8px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{margin:0;color:var(--text-secondary, #6b7280);font-size:16px}.dark-mode .app-loading{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .loading-spinner{border-color:var(--border-color);border-top-color:var(--primary-color)}.dark-mode .loading-content h2{color:var(--text-primary)}.dark-mode .loading-content p{color:var(--text-secondary)}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-dashboard .admin-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000001a}.admin-dashboard .header-left h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-dashboard .header-subtitle{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.admin-dashboard .header-right{display:flex;align-items:center;gap:1rem}.admin-dashboard .admin-user-info{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-weight:500;box-shadow:0 4px 14px #3b82f663}.admin-dashboard .header-action-btn{background:#3b82f61a;border:none;border-radius:.5rem;padding:.5rem;color:#3b82f6;cursor:pointer;transition:all .2s ease}.admin-dashboard .header-action-btn:hover{background:#3b82f633;transform:translateY(-1px)}.admin-dashboard .admin-nav{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:84px;z-index:99}.admin-dashboard .nav-tabs{display:flex;gap:.5rem;overflow-x:auto;flex:1}.admin-dashboard .nav-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;min-width:120px}.admin-dashboard .nav-tab .tab-label{font-size:.875rem;font-weight:600}.admin-dashboard .nav-tab .tab-description{font-size:.75rem;opacity:.7;text-align:center}.admin-dashboard .nav-tab:hover{color:#3b82f6;background:#3b82f60d;transform:translateY(-2px)}.admin-dashboard .nav-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.admin-dashboard .nav-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.admin-dashboard .nav-actions{display:flex;gap:.5rem}.admin-dashboard .quick-action-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f61a;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .quick-action-btn:hover{background:#3b82f633;transform:translateY(-1px)}.admin-dashboard .admin-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.admin-dashboard .overview-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-dashboard .section-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.admin-dashboard .section-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.admin-dashboard .time-range{background:#3b82f61a;color:#3b82f6;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.admin-dashboard .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-dashboard .metric-card.enhanced{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.admin-dashboard .metric-card.enhanced:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.admin-dashboard .metric-card.enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-accent),var(--card-accent-alt))}.admin-dashboard .metric-card.enhanced.blue{--card-accent: #3b82f6;--card-accent-alt: #1d4ed8}.admin-dashboard .metric-card.enhanced.gold{--card-accent: #f59e0b;--card-accent-alt: #d97706}.admin-dashboard .metric-card.enhanced.green{--card-accent: #10b981;--card-accent-alt: #059669}.admin-dashboard .metric-card.enhanced.purple{--card-accent: #8b5cf6;--card-accent-alt: #7c3aed}.admin-dashboard .metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-dashboard .metric-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.admin-dashboard .metric-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.admin-dashboard .metric-icon.gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-dashboard .metric-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.admin-dashboard .metric-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-dashboard .trend-indicator{color:#10b981;opacity:.7}.admin-dashboard .metric-value{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.admin-dashboard .metric-title{font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:.25rem}.admin-dashboard .metric-subtitle{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.admin-dashboard .metric-change{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;display:inline-block}.admin-dashboard .metric-change.positive{background:#10b9811a;color:#059669}.admin-dashboard .metric-change.negative{background:#ef44441a;color:#dc2626}.admin-dashboard .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-dashboard .status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.admin-dashboard .status-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.admin-dashboard .status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#1e293b;font-weight:600}.admin-dashboard .status-indicator{width:12px;height:12px;border-radius:50%;margin-left:auto}.admin-dashboard .status-indicator.healthy{background:#10b981;box-shadow:0 0 0 4px #10b98133}.admin-dashboard .status-indicator.warning{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.admin-dashboard .status-indicator.error{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.admin-dashboard .status-metrics{display:flex;justify-content:space-between}.admin-dashboard .status-metric{display:flex;flex-direction:column;align-items:center;gap:.25rem}.admin-dashboard .metric-label{font-size:.75rem;color:#64748b}.admin-dashboard .metric-value{font-size:1.125rem;font-weight:600;color:#1e293b}.admin-dashboard .overview-bottom{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.admin-dashboard .activity-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .view-all-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease}.admin-dashboard .view-all-btn:hover{color:#1d4ed8}.admin-dashboard .activity-list{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.admin-dashboard .activity-item:hover{background:#3b82f60d}.admin-dashboard .activity-icon{width:32px;height:32px;border-radius:.5rem;background:#3b82f61a;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboard .activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .activity-text{font-size:.875rem;color:#1e293b;font-weight:500}.admin-dashboard .activity-time{font-size:.75rem;color:#64748b}.admin-dashboard .quick-actions-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .action-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-dashboard .action-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:.75rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .action-card:hover{background:#3b82f61a;border-color:#3b82f633;transform:translateY(-2px)}.admin-dashboard .user-management-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .user-stats-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:2rem}.admin-dashboard .user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.admin-dashboard .stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:1rem;transition:all .3s ease}.admin-dashboard .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.admin-dashboard .stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.admin-dashboard .stat-content{flex:1}.admin-dashboard .stat-number{font-size:1.875rem;font-weight:700;color:#1e293b;display:block}.admin-dashboard .stat-label{font-size:.875rem;color:#64748b;font-weight:500;display:block;margin-top:.25rem}.admin-dashboard .stat-change{font-size:.75rem;font-weight:600;margin-top:.25rem;display:inline-block}.admin-dashboard .user-controls-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.admin-dashboard .user-count{background:#3b82f61a;color:#3b82f6;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.admin-dashboard .controls-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.admin-dashboard .search-input-group{display:flex;align-items:center;gap:.75rem;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:.75rem 1rem;flex:1;min-width:300px}.admin-dashboard .search-input-group input{flex:1;background:none;border:none;outline:none;font-size:.875rem;color:#1e293b}.admin-dashboard .search-input-group input::placeholder{color:#94a3b8}.admin-dashboard .search-btn{background:#3b82f6;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-dashboard .search-btn:hover{background:#1d4ed8}.admin-dashboard .search-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard .filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.admin-dashboard .filter-group,.admin-dashboard .sort-group{display:flex;align-items:center;gap:.5rem}.admin-dashboard .filter-select,.admin-dashboard .sort-select{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#1e293b;cursor:pointer;min-width:120px}.admin-dashboard .sort-order-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.375rem;padding:.5rem;color:#3b82f6;cursor:pointer;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-dashboard .sort-order-btn:hover{background:#3b82f633}.admin-dashboard .users-list-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;overflow:hidden}.admin-dashboard .users-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.admin-dashboard .users-table-header h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.admin-dashboard .table-actions{display:flex;gap:.75rem}.admin-dashboard .refresh-btn,.admin-dashboard .export-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f61a;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#3b82f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .refresh-btn:hover,.admin-dashboard .export-btn:hover{background:#3b82f633}.admin-dashboard .users-table{width:100%;overflow-x:auto}.admin-dashboard .users-table table{width:100%;border-collapse:collapse}.admin-dashboard .users-table th{background:#f8fafccc;padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.admin-dashboard .users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.admin-dashboard .users-table th.sortable:hover{background:#3b82f60d}.admin-dashboard .sort-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#3b82f6;font-weight:700}.admin-dashboard .users-table td{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);font-size:.875rem;color:#4b5563;vertical-align:middle}.admin-dashboard .user-row:hover{background:#3b82f605}.admin-dashboard .user-info-cell{display:flex;align-items:center;gap:.75rem}.admin-dashboard .user-avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.admin-dashboard .user-avatar.large{width:60px;height:60px}.admin-dashboard .user-avatar.small{width:32px;height:32px}.admin-dashboard .user-avatar img{width:100%;height:100%;object-fit:cover}.admin-dashboard .user-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid white}.admin-dashboard .user-status.online{background:#10b981}.admin-dashboard .user-status.offline{background:#6b7280}.admin-dashboard .user-details .user-name{font-weight:500;color:#1e293b;margin-bottom:.125rem}.admin-dashboard .user-details .user-email{font-size:.75rem;color:#64748b}.admin-dashboard .users-grid{display:grid;gap:1rem}.admin-dashboard .user-card{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;padding:1rem;transition:all .2s ease}.admin-dashboard .user-card:hover{background:#3b82f60d;border-color:#3b82f633;transform:translateY(-1px)}.admin-dashboard .user-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.admin-dashboard .user-info{flex:1;min-width:0}.admin-dashboard .user-name{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.admin-dashboard .user-email{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.admin-dashboard .user-meta{display:flex;align-items:center;gap:.5rem}.admin-dashboard .tier-badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .tier-badge.free{background:#6b72801a;color:#6b7280}.admin-dashboard .tier-badge.premium{background:#f59e0b1a;color:#d97706}.admin-dashboard .join-date{font-size:.625rem;color:#94a3b8}.admin-dashboard .user-card-stats{margin-bottom:1rem}.admin-dashboard .stat-row{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;margin-bottom:.25rem}.admin-dashboard .user-card-actions{display:flex;gap:.5rem}.admin-dashboard .action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .action-btn.primary{background:#3b82f6;color:#fff}.admin-dashboard .action-btn.primary:hover{background:#1d4ed8}.admin-dashboard .action-btn.warning{background:#f59e0b1a;color:#d97706}.admin-dashboard .action-btn.warning:hover{background:#f59e0b33}.admin-dashboard .notes-count{display:flex;flex-direction:column;gap:.125rem}.admin-dashboard .primary-count{font-weight:600;color:#1e293b}.admin-dashboard .secondary-count{font-size:.75rem;color:#64748b}.admin-dashboard .last-active{color:#1e293b}.admin-dashboard .never-active{color:#9ca3af;font-style:italic}.admin-dashboard .table-actions{display:flex;gap:.25rem}.admin-dashboard .table-action-btn{background:none;border:none;border-radius:.375rem;padding:.375rem;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-dashboard .table-action-btn:hover{background:#3b82f61a;color:#3b82f6}.admin-dashboard .table-action-btn.warning:hover{background:#f59e0b1a;color:#d97706}.admin-dashboard .table-action-btn.danger:hover{background:#ef44441a;color:#dc2626}.admin-dashboard .search-results{padding:1.5rem}.admin-dashboard .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.admin-dashboard .results-header h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.admin-dashboard .clear-search-btn{background:#6b72801a;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .clear-search-btn:hover{background:#6b728033}.admin-dashboard .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.08);background:#f8fafc80}.admin-dashboard .page-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;padding:.5rem 1rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .page-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-dashboard .page-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard .page-numbers{display:flex;gap:.25rem}.admin-dashboard .page-number{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;padding:.5rem .75rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.admin-dashboard .page-number:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.admin-dashboard .page-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.admin-dashboard .page-info{font-size:.875rem;color:#64748b;margin-left:1rem}.admin-dashboard .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.admin-dashboard .user-details-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.admin-dashboard .modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(0,0,0,.08)}.admin-dashboard .modal-title{display:flex;align-items:center;gap:1rem}.admin-dashboard .modal-title h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.admin-dashboard .modal-title p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.admin-dashboard .close-btn{background:#ef44441a;border:none;border-radius:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.admin-dashboard .close-btn:hover{background:#ef444433;transform:scale(1.05)}.admin-dashboard .modal-content{flex:1;padding:2rem;overflow-y:auto}.admin-dashboard .details-grid{display:grid;gap:2rem}.admin-dashboard .details-section{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;padding:1.5rem}.admin-dashboard .details-section h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.admin-dashboard .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-dashboard .info-item label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .info-item span{font-size:.875rem;color:#1e293b;font-weight:500}.admin-dashboard .monospace{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:#0000000d;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem}.admin-dashboard .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .status-badge.active{background:#10b9811a;color:#059669}.admin-dashboard .status-badge.suspended{background:#f59e0b1a;color:#d97706}.admin-dashboard .status-badge.deleted{background:#ef44441a;color:#dc2626}.admin-dashboard .role-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .role-badge.owner{background:#f59e0b1a;color:#d97706}.admin-dashboard .role-badge.member{background:#3b82f61a;color:#2563eb}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.admin-dashboard .stats-grid .stat-item{text-align:center;padding:1rem;background:#3b82f60d;border-radius:.75rem;border:1px solid rgba(59,130,246,.1)}.admin-dashboard .stats-grid .stat-number{font-size:1.5rem;font-weight:700;color:#3b82f6;display:block}.admin-dashboard .stats-grid .stat-label{font-size:.75rem;color:#64748b;font-weight:500;margin-top:.25rem}.admin-dashboard .loading-small{display:flex;align-items:center;justify-content:center;padding:2rem;color:#64748b;font-size:.875rem}.admin-dashboard .modal-footer{padding:2rem;border-top:1px solid rgba(0,0,0,.08);background:#ffffff80}.admin-dashboard .action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.admin-dashboard .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .btn.primary{background:#3b82f6;color:#fff}.admin-dashboard .btn.primary:hover{background:#1d4ed8;transform:translateY(-1px)}.admin-dashboard .btn.secondary{background:#6b72801a;color:#6b7280}.admin-dashboard .btn.secondary:hover{background:#6b728033}.admin-dashboard .btn.warning{background:#f59e0b1a;color:#d97706}.admin-dashboard .btn.warning:hover{background:#f59e0b33}.admin-dashboard .btn.danger{background:#ef44441a;color:#dc2626}.admin-dashboard .btn.danger:hover{background:#ef444433}.admin-dashboard .payments-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .payments-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .system-health-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .service-status{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .service-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;margin-bottom:.75rem;transition:all .2s ease}.admin-dashboard .service-item:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.admin-dashboard .service-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .service-name{font-weight:500;color:#1e293b}.admin-dashboard .service-metric{font-size:.875rem;color:#64748b}.admin-dashboard .service-uptime{font-weight:600;color:#059669}.admin-dashboard .performance-metrics,.admin-dashboard .recent-errors{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .error-list{display:flex;flex-direction:column;gap:.75rem}.admin-dashboard .error-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:.75rem}.admin-dashboard .error-severity{color:#dc2626}.admin-dashboard .error-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .error-message{font-weight:500;color:#1e293b}.admin-dashboard .error-time,.admin-dashboard .error-count{font-size:.75rem;color:#64748b}.admin-dashboard .analytics-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .timeframe-selector{display:flex;gap:.5rem;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:.25rem}.admin-dashboard .timeframe-selector button{background:none;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .timeframe-selector button:hover{background:#3b82f61a;color:#3b82f6}.admin-dashboard .timeframe-selector button.active{background:#3b82f6;color:#fff}.admin-dashboard .user-analytics,.admin-dashboard .feature-usage{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .feature-stats{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .feature-item{display:flex;align-items:center;gap:1rem}.admin-dashboard .feature-name{min-width:120px;font-weight:500;color:#1e293b}.admin-dashboard .feature-bar{flex:1;height:8px;background:#3b82f61a;border-radius:4px;overflow:hidden}.admin-dashboard .feature-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease}.admin-dashboard .feature-percentage{min-width:40px;text-align:right;font-weight:600;color:#3b82f6}.admin-dashboard .alerts-tab{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .alert-count{background:#ef44441a;color:#dc2626;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.admin-dashboard .alerts-list{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:1.5rem}.admin-dashboard .alert-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background:#ffffffb3;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;border-left:4px solid transparent}.admin-dashboard .alert-item.critical{border-left-color:#dc2626}.admin-dashboard .alert-item.warning{border-left-color:#d97706}.admin-dashboard .alert-item.info{border-left-color:#3b82f6}.admin-dashboard .alert-content{flex:1}.admin-dashboard .alert-content h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.admin-dashboard .alert-content p{font-size:.75rem;color:#64748b;margin:0}.admin-dashboard .alert-timestamp{font-size:.625rem;color:#94a3b8;margin-top:.25rem}.admin-dashboard .acknowledge-button{background:#3b82f61a;border:none;border-radius:.5rem;padding:.5rem 1rem;color:#3b82f6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .acknowledge-button:hover{background:#3b82f633}.admin-dashboard .no-alerts{text-align:center;padding:3rem;color:#64748b}.admin-dashboard .no-alerts svg{margin-bottom:1rem;color:#10b981}.admin-dashboard .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.admin-dashboard .loading-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.2);border-top:4px solid #3b82f6;border-radius:50%;animation:admin-spin 1s linear infinite;margin-bottom:1rem}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dashboard .spinning{animation:admin-spin 1s linear infinite}@media (max-width: 1024px){.admin-dashboard .overview-bottom{grid-template-columns:1fr}.admin-dashboard .controls-row{flex-direction:column;align-items:stretch;gap:1rem}.admin-dashboard .search-input-group{min-width:unset}.admin-dashboard .filter-controls{justify-content:space-between}.admin-dashboard .action-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard .admin-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.admin-dashboard .header-left h1{font-size:1.5rem}.admin-dashboard .admin-nav{padding:0 1rem;flex-direction:column;gap:1rem;position:static}.admin-dashboard .nav-tabs{overflow-x:auto;width:100%}.admin-dashboard .nav-tab{min-width:100px;padding:.75rem 1rem}.admin-dashboard .nav-tab .tab-description{display:none}.admin-dashboard .admin-content{padding:1rem}.admin-dashboard .metrics-grid{grid-template-columns:1fr}.admin-dashboard .user-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard .users-table{font-size:.75rem}.admin-dashboard .users-table th,.admin-dashboard .users-table td{padding:.75rem .5rem}.admin-dashboard .users-table-header{flex-direction:column;gap:1rem;align-items:flex-start}.admin-dashboard .users-table{overflow-x:auto}.admin-dashboard .users-table table{min-width:600px}.admin-dashboard .pagination{flex-wrap:wrap;gap:.25rem}.admin-dashboard .page-info{margin-left:0;margin-top:.5rem;order:1;width:100%;text-align:center}.admin-dashboard .modal-overlay{padding:1rem}.admin-dashboard .modal-header,.admin-dashboard .modal-content,.admin-dashboard .modal-footer{padding:1.5rem}.admin-dashboard .action-buttons{flex-direction:column}.admin-dashboard .info-grid{grid-template-columns:1fr}.admin-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-dashboard .admin-header .header-left h1{font-size:1.25rem}.admin-dashboard .nav-tab{min-width:80px;padding:.5rem .75rem}.admin-dashboard .nav-tab .tab-label{font-size:.75rem}.admin-dashboard .metric-value{font-size:1.75rem}.admin-dashboard .user-stats-grid{grid-template-columns:1fr}.admin-dashboard .users-table table{min-width:500px}.admin-dashboard .page-numbers{display:none}.admin-dashboard .pagination{justify-content:space-between;width:100%}}@media (prefers-color-scheme: dark){.admin-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}.admin-dashboard .admin-header,.admin-dashboard .admin-nav,.admin-dashboard .status-card,.admin-dashboard .activity-section,.admin-dashboard .quick-actions-section,.admin-dashboard .user-stats-section,.admin-dashboard .user-controls-section,.admin-dashboard .users-list-section,.admin-dashboard .details-section,.admin-dashboard .payments-section,.admin-dashboard .service-status,.admin-dashboard .performance-metrics,.admin-dashboard .recent-errors,.admin-dashboard .user-analytics,.admin-dashboard .feature-usage,.admin-dashboard .alerts-list{background:#1e293be6;border-color:#ffffff1a}.admin-dashboard .metric-card.enhanced,.admin-dashboard .user-card,.admin-dashboard .stat-card,.admin-dashboard .service-item,.admin-dashboard .error-item,.admin-dashboard .alert-item{background:#1e293bb3;border-color:#ffffff1a}.admin-dashboard .user-details-modal{background:#1e293bf2}.admin-dashboard .search-input-group,.admin-dashboard .filter-select,.admin-dashboard .sort-select,.admin-dashboard .timeframe-selector{background:#1e293bb3;border-color:#ffffff1a;color:#f8fafc}.admin-dashboard .users-table th{background:#0f172acc;color:#e2e8f0}.admin-dashboard .users-table td{color:#cbd5e1}.admin-dashboard .user-row:hover{background:#3b82f61a}.admin-dashboard .page-btn,.admin-dashboard .page-number{background:#1e293bcc;border-color:#ffffff1a;color:#e2e8f0}.admin-dashboard .header-left h1,.admin-dashboard .section-header h2,.admin-dashboard .section-header h3,.admin-dashboard .details-section h4,.admin-dashboard .metric-value,.admin-dashboard .stat-number,.admin-dashboard .user-name,.admin-dashboard .activity-text,.admin-dashboard .service-name,.admin-dashboard .error-message,.admin-dashboard .alert-content h4{color:#f8fafc}.admin-dashboard .header-subtitle,.admin-dashboard .metric-title,.admin-dashboard .stat-label,.admin-dashboard .user-email,.admin-dashboard .activity-time,.admin-dashboard .service-metric,.admin-dashboard .error-time,.admin-dashboard .error-count,.admin-dashboard .alert-content p,.admin-dashboard .alert-timestamp{color:#94a3b8}.admin-dashboard .nav-tab.active{background:#4dabf733}.admin-dashboard .stats-grid .stat-item{background:#0f172acc}}.admin-dashboard ::-webkit-scrollbar{width:8px;height:8px}.admin-dashboard ::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.admin-dashboard ::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.admin-dashboard ::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (prefers-reduced-motion: reduce){.admin-dashboard *,.admin-dashboard *:before,.admin-dashboard *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.admin-dashboard .loading-spinner,.admin-dashboard .spinning{animation:none}}.admin-dashboard .nav-tab:focus,.admin-dashboard .quick-action-btn:focus,.admin-dashboard .action-card:focus,.admin-dashboard .search-btn:focus,.admin-dashboard .filter-select:focus,.admin-dashboard .sort-select:focus,.admin-dashboard .action-btn:focus,.admin-dashboard .btn:focus,.admin-dashboard .close-btn:focus,.admin-dashboard .table-action-btn:focus,.admin-dashboard .page-btn:focus,.admin-dashboard .page-number:focus,.admin-dashboard .acknowledge-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.admin-dashboard{background:#fff}.admin-dashboard .admin-header,.admin-dashboard .admin-nav,.admin-dashboard .metric-card.enhanced,.admin-dashboard .status-card,.admin-dashboard .activity-section,.admin-dashboard .quick-actions-section{background:#fff;border:2px solid #000000}.admin-dashboard .nav-tab.active,.admin-dashboard .metric-icon,.admin-dashboard .stat-icon{background:#000;color:#fff}}@media print{.admin-dashboard .admin-header,.admin-dashboard .admin-nav,.admin-dashboard .modal-overlay,.admin-dashboard .action-buttons,.admin-dashboard .table-actions,.admin-dashboard .pagination{display:none}.admin-dashboard .admin-content{padding:0;max-width:none}.admin-dashboard .metric-card.enhanced,.admin-dashboard .status-card,.admin-dashboard .user-card{break-inside:avoid;page-break-inside:avoid}}.admin-dashboard .nav-tab.danger-tab{border-bottom-color:transparent;position:relative}.admin-dashboard .nav-tab.danger-tab:hover{color:#dc2626;background:#ef44440d}.admin-dashboard .nav-tab.danger-tab.active{color:#dc2626;border-bottom-color:#dc2626;background:#ef44440d}.admin-dashboard .nav-tab.danger-tab:before{content:"⚠️";position:absolute;top:.5rem;right:.5rem;font-size:.75rem;opacity:.7}.admin-dashboard .nav-tab.danger-tab:hover:before{animation:pulse 2s infinite}.admin-dashboard .user-deletion-container{max-width:72rem;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-dashboard .deletion-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.2);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.admin-dashboard .deletion-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid rgba(239,68,68,.2);padding:1.5rem}.admin-dashboard .deletion-header-content{display:flex;align-items:center;gap:1rem}.admin-dashboard .deletion-icon{padding:.75rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:.75rem;box-shadow:0 4px 6px -1px #ef444433}.admin-dashboard .deletion-icon svg{width:1.5rem;height:1.5rem;color:#dc2626}.admin-dashboard .deletion-title{font-size:1.25rem;font-weight:700;color:#7f1d1d;margin:0 0 .25rem}.admin-dashboard .deletion-subtitle{font-size:.875rem;color:#991b1b;margin:0;line-height:1.4}.admin-dashboard .deletion-content{padding:1.5rem}.admin-dashboard .search-section{margin-bottom:1.5rem}.admin-dashboard .search-label{display:block;font-size:.875rem;font-weight:600;color:#cbd5e1;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .search-input-container{display:flex;gap:.75rem}.admin-dashboard .search-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#1e293bcc;color:#f8fafc}.admin-dashboard .search-input::placeholder{color:#94a3b8}.admin-dashboard .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#1e293be6}.admin-dashboard .search-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.admin-dashboard .search-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.admin-dashboard .search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-dashboard .search-error{margin-top:.5rem;font-size:.875rem;color:#dc2626;background:#ef44441a;padding:.5rem .75rem;border-radius:.375rem;border-left:4px solid #dc2626}.admin-dashboard .user-details-card{border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-dashboard .user-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-dashboard .user-details-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#f8fafc}.admin-dashboard .user-badges{display:flex;gap:.5rem}.admin-dashboard .status-badge,.admin-dashboard .tier-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .status-badge.confirmed{background:#22c55e33;color:#86efac}.admin-dashboard .status-badge.unconfirmed{background:#f59e0b33;color:#fbbf24}.admin-dashboard .status-badge.force_change_password{background:#f9731633;color:#fb923c}.admin-dashboard .tier-badge.premium{background:#9333ea33;color:#c084fc}.admin-dashboard .tier-badge.family{background:#3b82f633;color:#93c5fd}.admin-dashboard .tier-badge.free{background:#6b728033;color:#9ca3af}.admin-dashboard .user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-dashboard .info-section{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .info-item{display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .info-label{font-size:.875rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em}.admin-dashboard .info-value{color:#f8fafc;font-weight:500}.admin-dashboard .info-value.monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;background:#0000004d;padding:.5rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.1)}.admin-dashboard .stats-section{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0003;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.admin-dashboard .stat-icon{width:1rem;height:1rem}.admin-dashboard .stat-icon.blue{color:#60a5fa}.admin-dashboard .stat-icon.green{color:#34d399}.admin-dashboard .stat-icon.yellow{color:#fbbf24}.admin-dashboard .stat-icon.purple{color:#a78bfa}.admin-dashboard .stat-label{font-size:.875rem;font-weight:500;color:#cbd5e1}.admin-dashboard .stat-value{font-weight:700;color:#f8fafc;margin-left:auto;font-size:1.125rem}.admin-dashboard .family-info{margin-top:1.5rem;padding:1rem;background:#3b82f61a;border-radius:.5rem;border:1px solid rgba(59,130,246,.3)}.admin-dashboard .family-title{font-weight:600;color:#93c5fd;margin-bottom:.75rem}.admin-dashboard .family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;font-size:.875rem}.admin-dashboard .family-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.admin-dashboard .family-label{color:#60a5fa;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.025em}.admin-dashboard .family-value{color:#93c5fd;font-weight:500}.admin-dashboard .family-warning{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.2);border-radius:.5rem}.admin-dashboard .family-warning-text{font-size:.875rem;font-weight:600;color:#7f1d1d}.admin-dashboard .delete-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.admin-dashboard .delete-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #dc26264d}.admin-dashboard .delete-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 8px 15px -3px #dc262666}.admin-dashboard .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-dashboard .confirmation-modal{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.admin-dashboard .modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.admin-dashboard .modal-title-container{display:flex;align-items:center;gap:.75rem}.admin-dashboard .modal-warning-icon{padding:.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:9999px}.admin-dashboard .modal-warning-icon svg{width:1.5rem;height:1.5rem;color:#dc2626}.admin-dashboard .modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.admin-dashboard .modal-body{padding:1.5rem}.admin-dashboard .modal-description{color:#374151;margin-bottom:1rem;line-height:1.5}.admin-dashboard .modal-description strong{color:#111827;font-weight:600}.admin-dashboard .deletion-list{font-size:.875rem;color:#6b7280;margin-left:1rem;margin-bottom:1rem}.admin-dashboard .deletion-list li{margin-bottom:.25rem;line-height:1.4}.admin-dashboard .family-owner-warning{margin-top:1rem;padding:.75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:.5rem;border-left:4px solid #dc2626}.admin-dashboard .family-owner-warning-text{font-size:.875rem;font-weight:600;color:#7f1d1d}.admin-dashboard .modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem}.admin-dashboard .modal-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-dashboard .modal-button.cancel{border:1px solid #d1d5db;background:#fff;color:#374151}.admin-dashboard .modal-button.cancel:hover{background:#f9fafb}.admin-dashboard .modal-button.delete{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none}.admin-dashboard .modal-button.delete:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.admin-dashboard .modal-button:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard .results-card{border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.admin-dashboard .results-card.success{border:1px solid rgba(34,197,94,.2);background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.admin-dashboard .results-card.error{border:1px solid rgba(239,68,68,.2);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.admin-dashboard .results-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-dashboard .results-icon svg{width:1.5rem;height:1.5rem}.admin-dashboard .results-card.success .results-icon svg{color:#16a34a}.admin-dashboard .results-card.error .results-icon svg{color:#dc2626}.admin-dashboard .results-title{font-size:1.125rem;font-weight:700;margin:0}.admin-dashboard .results-card.success .results-title{color:#166534}.admin-dashboard .results-card.error .results-title{color:#7f1d1d}.admin-dashboard .results-content{display:flex;flex-direction:column;gap:1rem}.admin-dashboard .results-section{display:flex;flex-direction:column;gap:.5rem}.admin-dashboard .results-section-title{font-weight:600;margin:0}.admin-dashboard .results-card.success .results-section-title{color:#166534}.admin-dashboard .results-card.error .results-section-title{color:#7f1d1d}.admin-dashboard .results-list{font-size:.875rem;display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .results-item{display:flex;align-items:center;gap:.5rem;line-height:1.4}.admin-dashboard .results-item svg{width:.75rem;height:.75rem;flex-shrink:0}.admin-dashboard .results-card.success .results-item{color:#15803d}.admin-dashboard .results-card.error .results-item{color:#991b1b}.admin-dashboard .results-metadata{font-size:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .results-card.success .results-metadata{color:#166534;border-top-color:#22c55e33}.admin-dashboard .results-card.error .results-metadata{color:#7f1d1d;border-top-color:#ef444433}.admin-dashboard .close-results-button{margin-top:1rem;padding:.5rem 1rem;background:#6b72801a;border:none;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-dashboard .close-results-button:hover{background:#6b728033}@media (max-width: 768px){.admin-dashboard .user-deletion-container,.admin-dashboard .deletion-header,.admin-dashboard .deletion-content{padding:1rem}.admin-dashboard .search-input-container{flex-direction:column}.admin-dashboard .user-info-grid,.admin-dashboard .family-grid{grid-template-columns:1fr}.admin-dashboard .modal-footer{flex-direction:column}.admin-dashboard .modal-button{width:100%}}.admin-dashboard .user-details-card{animation:fadeIn .3s ease}.admin-dashboard .confirmation-modal{animation:slideIn .2s ease}.admin-dashboard .results-card{animation:fadeIn .4s ease}@media (prefers-color-scheme: dark){.admin-dashboard .deletion-card{background:#1e293bf2;border-color:#ef44444d}.admin-dashboard .deletion-header{background:linear-gradient(135deg,#7f1d1d33,#991b1b33)}.admin-dashboard .deletion-title{color:#fca5a5}.admin-dashboard .deletion-subtitle{color:#f87171}.admin-dashboard .search-input{background:#1e293bcc;border-color:#ffffff1a;color:#f8fafc}.admin-dashboard .search-input:focus{background:#1e293be6;border-color:#3b82f6}.admin-dashboard .user-details-card{background:#1e293bcc;border-color:#ffffff1a}.admin-dashboard .user-details-title,.admin-dashboard .info-value{color:#f8fafc}.admin-dashboard .info-label{color:#cbd5e1}.admin-dashboard .confirmation-modal{background:#1e293bf2}.admin-dashboard .modal-title{color:#f8fafc}.admin-dashboard .modal-description{color:#cbd5e1}}:root{--z-base: 0;--z-content: 10;--z-sidebar: 100;--z-mobile-tabs: 999;--z-views: 1000;--z-modals: 2000;--z-toasts: 3000;--z-tooltips: 4000;--z-message: 1;--z-action-bar: 10;--z-header: 50;--z-overlay: 200;--z-dropdown: 98;--z-modal-backdrop: 99;--z-modal: 100;--z-offline-banner: 100;--z-reminder-backdrop: 98;--z-reminder-picker: 99;--z-toast: 9999;--primary-color: #0066cc;--primary-hover: #0052a3;--primary-light: #e8f4ff;--danger-color: #dc3545;--danger-hover: #c82333;--danger-light: #f8d7da;--warning-color: #ffc107;--warning-bg: #fff3cd;--warning-hover: #e0a800;--warning-text: #856404;--warning-border: #ffeaa7;--success-color: #28a745;--info-color: #4dabf7;--premium-gradient-start: #667eea;--premium-gradient-end: #764ba2;--premium-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--premium-gradient-hover: linear-gradient(135deg, #5a67d8 0%, #6b46a0 100%);--premium-text: #ffffff;--premium-shadow: 0 4px 12px rgba(102, 126, 234, .3);--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f5f5;--bg-input: #ffffff;--bg-hover: #f0f0f0;--bg-active: #e0e0e0;--bg-disabled: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #999999;--text-white: #ffffff;--border-primary: #e5e5e5;--border-secondary: #dddddd;--border-tertiary: #eeeeee;--border-color: #e5e5e5;--border-color-dark: #dddddd;--border-focus: #0066cc;--border-color-focus: #0066cc;--bubble-bg: #2c3e50;--bubble-border: #34495e;--bubble-text: #ffffff;--bubble-hover-bg: #34495e;--bubble-hover-border: #4a5568;--bubble-shadow: 0 1px 3px rgba(0, 0, 0, .08);--bubble-shadow-hover: 0 2px 8px rgba(0, 0, 0, .12);--bubble-radius: 12px;--bubble-radius-corner: 4px;--family-1: #64748b;--family-2: #059669;--family-3: #57534e;--family-4: #d97706;--family-5: #2563eb;--family-6: #4f46e5;--family-1-hover: #475569;--family-2-hover: #047857;--family-3-hover: #44403c;--family-4-hover: #b45309;--family-5-hover: #1d4ed8;--family-6-hover: #4338ca;--link-color: #0d6efd;--link-hover: #0842a0;--link-family: rgba(255, 255, 255, .8);--link-family-hover: #ffffff;--action-bar-bg: #ffffff;--action-bar-border: rgba(0, 0, 0, .08);--action-bar-shadow: 0 2px 8px rgba(0, 0, 0, .15);--action-item-hover: #f0f0f0;--action-separator: #e0e0e0;--edit-bg: #f8f9fa;--edit-border: 2px solid #0066cc;--edit-textarea-bg: #ffffff;--edit-textarea-text: #212529;--edit-save-bg: #0066cc;--edit-save-hover: #0052a3;--edit-cancel-bg: #e0e0e0;--edit-cancel-hover: #d0d0d0;--edit-cancel-text: #666666;--reminder-indicator-bg: rgba(255, 255, 255, .2);--reminder-indicator-text: rgba(255, 255, 255, .9);--sync-border: #4dabf7;--sync-border-alt: #339af0;--sync-indicator: #4dabf7;--loading-color: #0066cc;--search-stats-bg: #ffffff;--search-stats-text: #666666;--search-highlight-bg: rgba(255, 235, 59, .3);--search-highlight-border: rgba(255, 235, 59, .2);--scrollbar-track: transparent;--scrollbar-thumb: #dddddd;--scrollbar-thumb-hover: #bbbbbb;--calendar-bg: #ffffff;--calendar-border: #e5e5e5;--calendar-day-hover: #f0f0f0;--calendar-today-bg: #e8f4ff;--calendar-today-border: #0066cc;--calendar-note-count-bg: #0066cc;--calendar-note-count-text: #ffffff;--toast-bg: rgba(0, 0, 0, .8);--toast-text: #ffffff;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .15);--tab-bg: #f8f9fa;--tab-button-text: #666666;--tab-button-hover: rgba(0, 0, 0, .05);--tab-button-active-bg: #ffffff;--tab-button-active-text: #333333;--tab-button-active-border: #0066cc;--tab-note-count-bg: #e9ecef;--tab-note-count-text: #666666;--mobile-menu-backdrop: rgba(0, 0, 0, .5);--mobile-menu-bg: #ffffff;--mobile-menu-border: #e5e5e5;--mobile-menu-shadow: -4px 0 20px rgba(0, 0, 0, .15);--mobile-menu-item-text: #333333;--mobile-menu-item-hover: #f0f0f0;--modal-backdrop: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--modal-border: #e5e5e5;--modal-shadow: 0 20px 40px rgba(0, 0, 0, .15);--modal-header-border: #e5e5e5;--dynamic-primary: #0066cc;--dynamic-primary-hover: #0052a3;--dynamic-primary-light: #e8f4ff;--dynamic-border-focus: #0066cc;--dynamic-gradient: linear-gradient(135deg, #0066cc, #0052a3);--dynamic-shadow: 0 4px 12px rgba(0, 102, 204, .3);--dynamic-shadow-hover: 0 6px 16px rgba(0, 102, 204, .4);--workspace-indicator: #0066cc;--family-primary: #059669;--family-primary-hover: #047857;--family-primary-light: rgba(5, 150, 105, .1);--personal-primary: #0066cc;--personal-primary-hover: #0052a3;--personal-primary-light: rgba(0, 102, 204, .1);--ui-focus-ring: 0 0 0 3px var(--dynamic-primary-light);--ui-primary-gradient: var(--dynamic-gradient);--ui-primary-shadow: var(--dynamic-shadow);--ui-primary-shadow-hover: var(--dynamic-shadow-hover);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 50%;--radius-message: 12px 12px 12px 4px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-base: 1.5;--line-height-relaxed: 1.6;--transition-fast: .15s ease;--transition-normal: .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .2);--shadow-action-bar: 0 4px 20px rgba(0, 0, 0, .15);--max-width: 1200px;--header-height: auto;--input-height: 36px;--message-max-width: 85%;--message-min-width: 120px;--message-min-height: 36px;--icon-xs: 12px;--icon-sm: 14px;--icon-md: 16px;--icon-lg: 18px;--icon-xl: 20px;--icon-2xl: 24px;--icon-3xl: 28px;--icon-4xl: 32px;--btn-height-sm: 32px;--btn-height-md: 36px;--btn-height-lg: 44px;--safe-area-inset-top: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;--safe-area-inset-right: 0px;--keyboard-height: 0px}.dark-mode{--primary-color: #4dabf7;--primary-hover: #339af0;--primary-light: rgba(77, 171, 247, .1);--danger-color: #ff6b6b;--danger-hover: #ff5252;--danger-light: rgba(255, 107, 107, .2);--warning-color: #ffd166;--warning-bg: #66420f;--warning-hover: #85581f;--warning-text: #ffd166;--warning-border: #85581f;--success-color: #51cf66;--info-color: #4dabf7;--premium-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--premium-gradient-hover: linear-gradient(135deg, #5a67d8 0%, #6b46a0 100%);--premium-text: #ffffff;--premium-shadow: 0 4px 12px rgba(102, 126, 234, .4);--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #333333;--bg-input: #333333;--bg-hover: #333333;--bg-active: #444444;--bg-disabled: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #999999;--text-tertiary: #666666;--text-muted: #666666;--text-white: #ffffff;--border-primary: #333333;--border-secondary: #444444;--border-tertiary: #333333;--border-color: #333333;--border-color-dark: #444444;--border-focus: #4dabf7;--border-color-focus: #4dabf7;--bubble-bg: #2c3e50;--bubble-border: #34495e;--bubble-text: #e0e0e0;--bubble-hover-bg: #34495e;--bubble-hover-border: #4a6741;--bubble-shadow: 0 1px 3px rgba(0, 0, 0, .3);--bubble-shadow-hover: 0 2px 8px rgba(0, 0, 0, .4);--family-1: #475569;--family-2: #047857;--family-3: #44403c;--family-4: #b45309;--family-5: #1d4ed8;--family-6: #4338ca;--family-1-hover: #334155;--family-2-hover: #065f46;--family-3-hover: #292524;--family-4-hover: #92400e;--family-5-hover: #1e40af;--family-6-hover: #3730a3;--link-color: #74c0fc;--link-hover: #91ccff;--link-family: rgba(255, 255, 255, .8);--link-family-hover: #ffffff;--action-bar-bg: rgba(36, 36, 36, .95);--action-bar-border: rgba(255, 255, 255, .08);--action-bar-shadow: 0 2px 8px rgba(0, 0, 0, .3);--action-item-hover: #444444;--action-separator: #444444;--edit-bg: #2a2a2a;--edit-border: 2px solid #4dabf7;--edit-textarea-bg: #333333;--edit-textarea-text: #e0e0e0;--edit-save-bg: #4dabf7;--edit-save-hover: #339af0;--edit-cancel-bg: #444444;--edit-cancel-hover: #555555;--edit-cancel-text: #999999;--reminder-indicator-bg: rgba(255, 255, 255, .1);--reminder-indicator-text: rgba(255, 255, 255, .85);--sync-border: #4dabf7;--sync-border-alt: #339af0;--sync-indicator: #4dabf7;--loading-color: #4dabf7;--search-stats-bg: #333333;--search-stats-text: #999999;--search-highlight-bg: rgba(255, 235, 59, .2);--search-highlight-border: rgba(255, 235, 59, .1);--scrollbar-track: #1a1a1a;--scrollbar-thumb: #444444;--scrollbar-thumb-hover: #555555;--calendar-bg: #242424;--calendar-border: #333333;--calendar-day-hover: #333333;--calendar-today-bg: rgba(77, 171, 247, .2);--calendar-today-border: #4dabf7;--calendar-note-count-bg: #4dabf7;--calendar-note-count-text: #ffffff;--toast-bg: rgba(255, 255, 255, .9);--toast-text: #1a1a1a;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .3);--tab-bg: #242424;--tab-button-text: #999999;--tab-button-hover: rgba(255, 255, 255, .05);--tab-button-active-bg: #1a1a1a;--tab-button-active-text: #e0e0e0;--tab-button-active-border: #4dabf7;--tab-note-count-bg: #333333;--tab-note-count-text: #999999;--mobile-menu-backdrop: rgba(0, 0, 0, .7);--mobile-menu-bg: #242424;--mobile-menu-border: #333333;--mobile-menu-shadow: -4px 0 20px rgba(0, 0, 0, .5);--mobile-menu-item-text: #e0e0e0;--mobile-menu-item-hover: #333333;--modal-backdrop: rgba(0, 0, 0, .8);--modal-bg: #242424;--modal-border: #333333;--modal-shadow: 0 20px 40px rgba(0, 0, 0, .5);--modal-header-border: #333333;--dynamic-primary: #4dabf7;--dynamic-primary-hover: #339af0;--dynamic-primary-light: rgba(77, 171, 247, .1);--dynamic-border-focus: #4dabf7;--dynamic-gradient: linear-gradient(135deg, #4dabf7, #339af0);--dynamic-shadow: 0 4px 12px rgba(77, 171, 247, .3);--dynamic-shadow-hover: 0 6px 16px rgba(77, 171, 247, .4);--workspace-indicator: #4dabf7;--family-primary: #047857;--family-primary-hover: #065f46;--family-primary-light: rgba(4, 120, 87, .1);--personal-primary: #4dabf7;--personal-primary-hover: #339af0;--personal-primary-light: rgba(77, 171, 247, .1);--ui-focus-ring: 0 0 0 3px var(--dynamic-primary-light);--ui-primary-gradient: var(--dynamic-gradient);--ui-primary-shadow: var(--dynamic-shadow);--ui-primary-shadow-hover: var(--dynamic-shadow-hover);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-action-bar: 0 4px 20px rgba(0, 0, 0, .4)}.theme-family{--current-primary: var(--family-primary);--current-primary-hover: var(--family-primary-hover);--current-primary-light: var(--family-primary-light)}.theme-personal{--current-primary: var(--personal-primary);--current-primary-hover: var(--personal-primary-hover);--current-primary-light: var(--personal-primary-light)}.btn-primary{background:var(--dynamic-gradient);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--dynamic-shadow)}.btn-primary:hover{box-shadow:var(--dynamic-shadow-hover);transform:translateY(-1px)}.input-focus:focus{border-color:var(--dynamic-border-focus);box-shadow:var(--ui-focus-ring);outline:none}@keyframes workspace-switch{0%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.workspace-transition{animation:workspace-switch .3s ease-out}@media (max-width: 768px){:root{--dynamic-shadow: 0 2px 8px rgba(0, 0, 0, .15);--dynamic-shadow-hover: 0 4px 12px rgba(0, 0, 0, .2)}.dark-mode{--dynamic-shadow: 0 2px 8px rgba(0, 0, 0, .4);--dynamic-shadow-hover: 0 4px 12px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}.icon-button,.send-button,.action-item,.calendar-day,.tier-button,.device-warning-button{-webkit-user-select:none;user-select:none}.message-text,.message-bubble{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible,.icon-button:focus-visible{outline-offset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes noteSaving{0%,to{opacity:.6}50%{opacity:.8}}.mobile-menu-backdrop{animation:fadeIn .2s ease-out}.mobile-menu{animation:slideInRight .3s ease-out}.calendar-container{animation:fadeIn .3s ease-out}.toast{animation:slideUpFade .3s ease-out}.reminder-picker{animation:fadeIn .15s ease-out}.message-action-bar{animation:fadeInScale .15s ease-out}.search-limit-warning,.calendar-upgrade-prompt{animation:slideDown .3s ease-out}.alert-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}@media (max-width: 480px){.alert-container{top:1rem;left:1rem;right:1rem;max-width:none}}.alert-item{pointer-events:auto;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid var(--border-color, #e5e7eb);overflow:hidden;animation:slideIn .3s ease-out;max-width:100%}.alert-item.alert-success{border-left:4px solid #10b981}.alert-item.alert-error{border-left:4px solid #ef4444}.alert-item.alert-warning{border-left:4px solid #f59e0b}.alert-item.alert-info{border-left:4px solid #3b82f6}.alert-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-item.alert-success .alert-icon{color:#10b981}.alert-item.alert-error .alert-icon{color:#ef4444}.alert-item.alert-warning .alert-icon{color:#f59e0b}.alert-item.alert-info .alert-icon{color:#3b82f6}.alert-text{flex:1;min-width:0}.alert-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .25rem;line-height:1.3}.alert-message{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.4;word-wrap:break-word}.alert-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f9fafb);border:none;border-radius:6px;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .2s ease;flex-shrink:0}.alert-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-secondary, #6b7280)}.alert-actions{display:flex;gap:.5rem;padding:0 1rem 1rem;justify-content:flex-end}.alert-button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px}.alert-button-primary{background:#3b82f6;color:#fff}.alert-button-primary:hover{background:#2563eb}.alert-button-secondary{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.alert-button-secondary:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.alert-button-danger{background:#ef4444;color:#fff}.alert-button-danger:hover{background:#dc2626}.alert-button-success{background:#10b981;color:#fff}.alert-button-success:hover{background:#059669}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1;max-height:200px}to{transform:translate(100%);opacity:0;max-height:0;margin:0;padding:0}}.alert-item.removing{animation:slideOut .3s ease-in forwards}.dark-mode .alert-item{background:var(--bg-primary, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 10px 25px #0006}.dark-mode .alert-item.alert-success{border-left:4px solid #10b981;background:var(--bg-primary, #1f2937)}.dark-mode .alert-item.alert-error{border-left:4px solid #ef4444;background:var(--bg-primary, #1f2937)}.dark-mode .alert-item.alert-warning{border-left:4px solid #f59e0b;background:var(--bg-primary, #1f2937)}.dark-mode .alert-item.alert-info{border-left:4px solid #3b82f6;background:var(--bg-primary, #1f2937)}.dark-mode .alert-title{color:var(--text-primary, #f9fafb)}.dark-mode .alert-message{color:var(--text-secondary, #d1d5db)}.dark-mode .alert-close{background:var(--bg-secondary, #374151);color:var(--text-muted, #9ca3af);border:1px solid var(--border-color, #4b5563)}.dark-mode .alert-close:hover{background:var(--bg-hover, #4b5563);color:var(--text-secondary, #d1d5db);border-color:var(--border-hover, #6b7280)}.dark-mode .alert-button-secondary{background:var(--bg-secondary, #374151);color:var(--text-secondary, #d1d5db);border-color:var(--border-color, #4b5563)}.dark-mode .alert-button-secondary:hover{background:var(--bg-hover, #4b5563);color:var(--text-primary, #f9fafb);border-color:var(--border-hover, #6b7280)}.dark-mode .alert-button-primary{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.dark-mode .alert-button-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.dark-mode .alert-button-danger{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef44444d}.dark-mode .alert-button-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.dark-mode .alert-button-success{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.dark-mode .alert-button-success:hover{background:#059669;box-shadow:0 4px 12px #10b98166}.dark-mode .alert-item.alert-success .alert-icon{color:#34d399}.dark-mode .alert-item.alert-error .alert-icon{color:#f87171}.dark-mode .alert-item.alert-warning .alert-icon{color:#fbbf24}.dark-mode .alert-item.alert-info .alert-icon{color:#60a5fa}@media (min-width: 1024px){.alert-container{top:2rem;right:50%;transform:translate(50%);max-width:480px}}@media (min-width: 481px) and (max-width: 768px){.alert-container{top:1.5rem;right:1.5rem;max-width:350px}}.alert-item:not(:last-child){margin-bottom:0}.alert-content{padding-right:2.5rem}.alert-item:has(.alert-actions) .alert-content{padding-right:1rem}@media (max-width: 480px){.alert-title,.alert-message{font-size:.8125rem}.alert-button{font-size:.8125rem;padding:.4375rem .875rem;min-width:60px}}.chat-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-tertiary);font-family:var(--font-family)}.chat-inner-container{max-width:var(--max-width);width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;background-color:var(--bg-primary);box-shadow:0 0 20px #0000000d}.loading-container .animate-spin{color:var(--primary-color)}.empty-state{text-align:center;color:var(--text-muted);margin-top:60px;font-size:var(--font-size-base)}.empty-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.date-label{font-size:var(--font-size-sm);color:var(--text-muted);background-color:var(--bg-primary);padding:0 var(--spacing-sm);position:relative;display:inline-block}.date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:var(--border-color);z-index:-1}.offline-banner{background-color:var(--danger-color);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-medium);animation:slideDown .3s ease-out;position:sticky;top:0;z-index:var(--z-offline-banner)}.offline-count{opacity:.9;font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.date-filter-container{margin-top:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-light);border-radius:var(--radius-xl);width:fit-content;margin-left:auto;margin-right:auto}.date-filter-label{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-medium)}.date-filter-clear{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.date-filter-clear:hover{background-color:#0066cc1a}.family-message-1{background-color:#64748b;color:#fff}.family-message-2{background-color:#059669;color:#fff}.family-message-3{background-color:#57534e;color:#fff}.family-message-4{background-color:#d97706;color:#fff}.family-message-5{background-color:#2563eb;color:#fff}.family-message-6{background-color:#4f46e5;color:#fff}.dark-mode .family-message-1{background-color:#475569}.dark-mode .family-message-2{background-color:#047857}.dark-mode .family-message-3{background-color:#44403c}.dark-mode .family-message-4{background-color:#b45309}.dark-mode .family-message-5{background-color:#1d4ed8}.dark-mode .family-message-6{background-color:#4338ca}.message-wrapper:hover .family-message-1{background-color:#475569}.message-wrapper:hover .family-message-2{background-color:#047857}.message-wrapper:hover .family-message-3{background-color:#44403c}.message-wrapper:hover .family-message-4{background-color:#b45309}.message-wrapper:hover .family-message-5{background-color:#1d4ed8}.message-wrapper:hover .family-message-6{background-color:#4338ca}.dark-mode .message-wrapper:hover .family-message-1{background-color:#334155}.dark-mode .message-wrapper:hover .family-message-2{background-color:#065f46}.dark-mode .message-wrapper:hover .family-message-3{background-color:#292524}.dark-mode .message-wrapper:hover .family-message-4{background-color:#92400e}.dark-mode .message-wrapper:hover .family-message-5{background-color:#1e40af}.dark-mode .message-wrapper:hover .family-message-6{background-color:#3730a3}.family-note-author{font-size:10px;color:#ffffffe6;margin-bottom:4px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark-mode .family-note-author{color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.2)}.family-role-badge{background:#ffffff40;padding:1px 4px;border-radius:4px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark-mode .family-role-badge{background:#ffffff26}.family-message .message-link,.family-message-1 .message-link,.family-message-2 .message-link,.family-message-3 .message-link,.family-message-4 .message-link,.family-message-5 .message-link,.family-message-6 .message-link{color:#ffffffe6;text-decoration:none;border-bottom:1px solid transparent;transition:all .15s}.family-message .message-link:hover,.family-message-1 .message-link:hover,.family-message-2 .message-link:hover,.family-message-3 .message-link:hover,.family-message-4 .message-link:hover,.family-message-5 .message-link:hover,.family-message-6 .message-link:hover{color:#fff;border-bottom-color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.1)}.family-message .reminder-indicator,.family-message-1 .reminder-indicator,.family-message-2 .reminder-indicator,.family-message-3 .reminder-indicator,.family-message-4 .reminder-indicator,.family-message-5 .reminder-indicator,.family-message-6 .reminder-indicator{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;background-color:#ffffff40;border-radius:12px;font-size:11px;color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 3px #0000001a}.family-message-1,.family-message-2,.family-message-3,.family-message-4,.family-message-5,.family-message-6{text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark-mode .family-message-1,.dark-mode .family-message-2,.dark-mode .family-message-3,.dark-mode .family-message-4,.dark-mode .family-message-5,.dark-mode .family-message-6{text-shadow:0 1px 2px rgba(0,0,0,.2)}.chat-container{height:100vh;display:flex;flex-direction:column;background-color:#fff;position:relative;overflow:hidden}.chat-header{background-color:#fafafa;padding-bottom:8px;padding-left:8px;padding-right:16px;flex-shrink:0}.messages-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;position:relative}.input-area{background-color:#fafafa;border-top:1px solid #e5e5e5;padding:12px;flex-shrink:0;position:relative;z-index:10;transition:padding-bottom .3s ease-out}.dark-mode{background-color:#1a1a1a}.dark-mode .chat-header{background-color:#242424}.dark-mode .input-area{background-color:#242424;border-top-color:#333}.icon-button,.send-button{min-width:44px;min-height:44px}.delete-button{width:32px;height:32px}@media (max-width: 768px){.pricing-overlay{padding:0}.pricing-container{border-radius:0;max-height:100vh;height:100%}.calendar-container{max-width:100%;width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0}}.message-bubble{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.messages-area::-webkit-scrollbar{width:3px}.message-input,.search-input,input[type=text],input[type=search],textarea{font-size:16px!important}@media (max-width: 768px){@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.calendar-container{animation:slideUp .3s ease-out}}@media (hover: none) and (pointer: coarse){.calendar-day{min-height:44px}.tier-button{padding:8px 12px}}@media (orientation: landscape) and (max-height: 500px){.messages-area{padding:8px}}.keyboard-open .edit-modal-container{transition:height .3s ease-out}@media (max-width: 768px){.keyboard-open .edit-modal-editor{flex:1;min-height:200px;overflow-y:auto}.keyboard-open .edit-modal-textarea{max-height:100%}}.keyboard-open .edit-modal-overlay{align-items:flex-start!important}.chat-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary);font-family:var(--font-family)}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-primary)}.animate-spin{animation:spin 1s linear infinite;color:var(--loading-color)}.chat-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg) var(--spacing-lg)}.app-icon{color:var(--text-secondary);width:20px;height:20px}.header-left h1{font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--text-primary);margin:0;letter-spacing:0}.sync-indicator{animation:spin 1s linear infinite;color:var(--sync-indicator);width:14px;height:14px}.device-warning-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);cursor:pointer;color:var(--warning-text);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);margin-right:var(--spacing-xs)}.device-warning-button:hover{background-color:var(--warning-hover);transform:translateY(-1px)}.tier-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--bg-hover);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);margin-right:var(--spacing-xs)}.tier-button.premium{background:var(--premium-gradient);color:var(--premium-text)}.tier-button.premium:hover{background:var(--premium-gradient-hover);transform:translateY(-1px);box-shadow:var(--premium-shadow)}.tier-button svg{width:16px;height:16px}.icon-button svg{width:18px;height:18px}.search-input{width:100%;padding:6px 32px 6px var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-base);outline:none;transition:all var(--transition-fast);background-color:var(--bg-input)}.search-input:focus{border-color:var(--border-focus)}.search-close{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.search-stats{position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--search-stats-text);background:var(--search-stats-bg);padding:0 var(--spacing-xs)}.search-highlight{background-color:var(--search-highlight-bg);padding:0 1px;border-radius:var(--radius-xs);color:inherit;font-weight:inherit;box-shadow:0 0 0 1px var(--search-highlight-border)}.messages-area{flex:1;overflow-y:auto;padding:var(--spacing-lg);background-color:var(--bg-primary)}.messages-container{max-width:100%}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:var(--scrollbar-track)}.messages-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.empty-state{text-align:center;color:var(--text-tertiary);margin-top:60px;font-size:var(--font-size-base)}.empty-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.empty-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.date-divider{text-align:center;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;position:relative}.date-label{font-size:var(--font-size-sm);color:var(--text-tertiary);background-color:var(--bg-primary);padding:0 var(--spacing-sm);position:relative;display:inline-block}.date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:var(--border-tertiary);z-index:-1}.message-wrapper{display:flex;justify-content:flex-start;padding:0 var(--spacing-lg);width:100%;position:relative;transition:background-color var(--transition-fast)}.message-bubble,.family-message,.family-message-1,.family-message-2,.family-message-3,.family-message-4,.family-message-5,.family-message-6{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-message);min-width:320px;max-width:520px;width:fit-content;font-size:var(--font-size-md);line-height:var(--line-height-base);word-wrap:break-word;position:relative;display:inline-block;text-align:left;box-shadow:var(--bubble-shadow);transition:all var(--transition-normal);border:1px solid transparent}.message-bubble{background-color:var(--bubble-bg);border-color:var(--bubble-border);color:var(--bubble-text)}.family-message-1{background-color:var(--family-1);color:var(--text-white)}.family-message-2{background-color:var(--family-2);color:var(--text-white)}.family-message-3{background-color:var(--family-3);color:var(--text-white)}.family-message-4{background-color:var(--family-4);color:var(--text-white)}.family-message-5{background-color:var(--family-5);color:var(--text-white)}.family-message-6{background-color:var(--family-6);color:var(--text-white)}.message-wrapper:hover .message-bubble{background-color:var(--bubble-hover-bg);border-color:var(--bubble-hover-border);box-shadow:var(--bubble-shadow-hover);transform:translateY(-1px)}.message-wrapper:hover .family-message-1{background-color:var(--family-1-hover)}.message-wrapper:hover .family-message-2{background-color:var(--family-2-hover)}.message-wrapper:hover .family-message-3{background-color:var(--family-3-hover)}.message-wrapper:hover .family-message-4{background-color:var(--family-4-hover)}.message-wrapper:hover .family-message-5{background-color:var(--family-5-hover)}.message-wrapper:hover .family-message-6{background-color:var(--family-6-hover)}.message-text{white-space:pre-wrap;word-break:break-word;margin:0;line-height:var(--line-height-base)}.message-bubble .message-text{color:inherit}.family-message-1 .message-text,.family-message-2 .message-text,.family-message-3 .message-text,.family-message-4 .message-text,.family-message-5 .message-text,.family-message-6 .message-text{color:var(--text-white)}.message-time{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-align:right;opacity:.8;font-weight:var(--font-normal);transition:opacity var(--transition-normal)}.message-wrapper:hover .message-time{opacity:1}.message-bubble+.message-time,.message-wrapper:not([data-family]) .message-time{color:var(--text-muted)}.family-message+.message-time,.family-message .message-time,.message-wrapper[data-family=true] .message-time{color:#ffffffb3}.family-note-author{font-size:var(--font-size-xs);color:#fffc;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium)}.message-action-bar{position:absolute;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);display:inline-flex!important;gap:var(--spacing-xs);background:var(--action-bar-bg);border-radius:var(--spacing-lg);padding:6px;box-shadow:var(--action-bar-shadow);z-index:var(--z-action-bar);border:1px solid var(--action-bar-border);flex-shrink:0;flex-grow:0;width:fit-content;opacity:0;transition:opacity var(--transition-fast)}.message-wrapper:hover .message-action-bar,.message-wrapper.show-actions .message-action-bar{opacity:1}.action-item{width:28px!important;height:28px!important;border:none;background:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;flex-grow:0}.action-item:hover{background-color:var(--action-item-hover);color:var(--text-primary);transform:translateY(-1px)}.action-item.delete:hover{background-color:var(--danger-light);color:var(--danger-color)}.action-separator{width:1px!important;height:20px;background-color:var(--action-separator);flex-shrink:0;flex-grow:0}.message-bubble.editing,.family-message.editing,.family-message-1.editing,.family-message-2.editing,.family-message-3.editing,.family-message-4.editing,.family-message-5.editing,.family-message-6.editing{background-color:var(--edit-bg);border:var(--edit-border);padding:var(--spacing-xs);color:var(--edit-textarea-text)}.edit-textarea{width:100%;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--edit-textarea-bg);border-radius:var(--radius-xl);resize:vertical;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none;color:var(--edit-textarea-text)}.edit-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-xs)}.save-edit{background-color:var(--edit-save-bg);color:var(--text-white)}.save-edit:hover{background-color:var(--edit-save-hover)}.cancel-edit{background-color:var(--edit-cancel-bg);color:var(--edit-cancel-text)}.cancel-edit:hover{background-color:var(--edit-cancel-hover);color:var(--text-secondary)}.message-bubble.collapsed,.family-message.collapsed,.family-message-1.collapsed,.family-message-2.collapsed,.family-message-3.collapsed,.family-message-4.collapsed,.family-message-5.collapsed,.family-message-6.collapsed{position:relative;max-height:none}.message-bubble.collapsed .message-text,.family-message.collapsed .message-text,.family-message-1.collapsed .message-text,.family-message-2.collapsed .message-text,.family-message-3.collapsed .message-text,.family-message-4.collapsed .message-text,.family-message-5.collapsed .message-text,.family-message-6.collapsed .message-text{position:relative;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--line-height-base)}.expand-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) 10px;background:var(--reminder-indicator-bg);border:1px solid rgba(255,255,255,.2);border-radius:14px;color:var(--reminder-indicator-text);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);width:auto}.message-bubble .expand-button{background:#0000001a;border-color:#0000001a;color:var(--text-secondary)}.message-bubble .expand-button:hover{background:#00000026;border-color:#00000026;color:var(--text-primary)}.reminder-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--reminder-indicator-bg);border-radius:var(--spacing-md);font-size:var(--font-size-sm);color:var(--reminder-indicator-text)}.message-link{text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.message-bubble .message-link{color:var(--link-color)}.message-bubble .message-link:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}.family-message .message-link{color:var(--link-family)}.family-message .message-link:hover{color:var(--link-family-hover);border-bottom-color:#ffffff80}.message-wrapper.expanded .message-bubble,.message-wrapper.expanded .family-message,.message-wrapper.expanded .family-message-1,.message-wrapper.expanded .family-message-2,.message-wrapper.expanded .family-message-3,.message-wrapper.expanded .family-message-4,.message-wrapper.expanded .family-message-5,.message-wrapper.expanded .family-message-6{animation:expandBubble .3s ease-out}.message-wrapper.loading .message-bubble,.message-wrapper.loading .family-message,.message-wrapper.loading .family-message-1,.message-wrapper.loading .family-message-2,.message-wrapper.loading .family-message-3,.message-wrapper.loading .family-message-4,.message-wrapper.loading .family-message-5,.message-wrapper.loading .family-message-6{opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.9}}.message-wrapper.syncing .message-bubble,.message-wrapper.syncing .family-message,.message-wrapper.syncing .family-message-1,.message-wrapper.syncing .family-message-2,.message-wrapper.syncing .family-message-3,.message-wrapper.syncing .family-message-4,.message-wrapper.syncing .family-message-5,.message-wrapper.syncing .family-message-6{border-left:3px solid var(--sync-border);animation:syncPulse 2s ease-in-out infinite}@keyframes syncPulse{0%,to{border-left-color:var(--sync-border)}50%{border-left-color:var(--sync-border-alt)}}.message-wrapper[data-offline=true] .message-bubble{background-color:var(--text-muted);color:var(--text-white);opacity:.8}.input-area{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--spacing-md)}.message-input{flex:1;width:100%;padding:var(--spacing-sm) 65px var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--radius-3xl);resize:none;outline:none;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:36px;max-height:80px;overflow-y:auto;background-color:var(--bg-input);transition:all var(--transition-fast)}.message-input:focus{border-color:var(--border-focus)}.message-input:disabled{background-color:var(--bg-disabled);cursor:not-allowed}.send-button{width:32px;height:32px;padding:0;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-hover);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button svg{width:16px;height:16px}.send-button.sending{animation:sendPulse 1s ease-in-out infinite}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.character-counter{position:absolute;bottom:10px;right:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-tertiary);background:#ffffffe6;padding:2px 6px;border-radius:10px;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-base)}.character-counter.warning{color:var(--warning-color);font-weight:var(--font-medium)}.character-counter.limit{color:var(--danger-color);font-weight:var(--font-semibold)}.input-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--spacing-xs)}.calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-action-bar)}.calendar-container{background-color:var(--calendar-bg);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xl);max-width:350px;width:90%}.calendar-month-year{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.calendar-weekday{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);padding:var(--spacing-xs)}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--spacing-sm);cursor:pointer;position:relative;transition:all var(--transition-fast);background-color:var(--calendar-bg);border:1px solid var(--calendar-border)}.calendar-day:hover:not(.empty){background-color:var(--calendar-day-hover);border-color:var(--border-primary)}.calendar-day.today{background-color:var(--calendar-today-bg);border-color:var(--calendar-today-border)}.calendar-note-count{position:absolute;top:2px;right:2px;background-color:var(--calendar-note-count-bg);color:var(--calendar-note-count-text);font-size:var(--font-size-xs);font-weight:var(--font-semibold);min-width:16px;height:16px;border-radius:var(--spacing-sm);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:var(--toast-bg);color:var(--toast-text);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--spacing-xl);font-size:var(--font-size-md);font-weight:var(--font-medium);box-shadow:var(--toast-shadow);animation:slideUpFade .3s ease-out;z-index:var(--z-toast);pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes slideUpFade{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.tab-selector{display:flex;background-color:var(--tab-bg);border:none;padding:0 var(--spacing-lg);gap:var(--spacing-xs)}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-radius:var(--spacing-sm) var(--spacing-sm) 0 0;cursor:pointer;color:var(--tab-button-text);font-size:var(--font-size-md);font-weight:var(--font-medium);transition:all var(--transition-fast) ease;position:relative;min-height:44px}.tab-button:hover:not(.active){background-color:var(--tab-button-hover);color:var(--text-primary)}.tab-button.active{background-color:var(--tab-button-active-bg);color:var(--tab-button-active-text);border-bottom:2px solid var(--tab-button-active-border)}.tab-button.active:hover{color:var(--tab-button-active-text)}.tab-button svg{width:16px;height:16px}.tab-button .note-count{background-color:var(--tab-note-count-bg);color:var(--tab-note-count-text);font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.tab-button .note-count[data-count="0"]{display:none}.offline-badge{background-color:var(--danger-color);color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.premium-indicator{background-color:var(--premium-gradient-start);color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:2px 6px;border-radius:10px}.mobile-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--mobile-menu-backdrop);z-index:var(--z-overlay);animation:fadeIn var(--transition-normal) ease-out}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background-color:var(--mobile-menu-bg);box-shadow:var(--mobile-menu-shadow);z-index:201;animation:slideInRight .3s ease-out;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 20px;border-bottom:1px solid var(--mobile-menu-border)}.mobile-menu-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.mobile-menu-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-menu-close:hover{background-color:var(--mobile-menu-item-hover);color:var(--text-primary)}.mobile-menu-items{flex:1;padding:var(--spacing-md)}.mobile-menu-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--mobile-menu-border)}.mobile-menu-section:last-child{border-bottom:none;margin-bottom:0}.mobile-menu-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);color:var(--mobile-menu-item-text);cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:var(--spacing-xs)}.mobile-menu-item:hover{background-color:var(--mobile-menu-item-hover)}.mobile-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-menu-item svg{flex-shrink:0}.mobile-menu-item.premium{background:var(--premium-gradient);color:var(--premium-text)}.mobile-menu-item.premium:hover{background:var(--premium-gradient-hover)}.mobile-menu-item.sign-out{color:var(--danger-color)}.mobile-menu-item.sign-out:hover{background-color:var(--danger-light)}.premium-indicator{margin-left:auto;color:var(--premium-gradient-start)}.mobile-menu-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-top:var(--spacing-sm)}@media (max-width: 768px){.tier-label,.warning-label{display:none}.tier-button,.device-warning-button{padding:6px;min-width:auto}.message-wrapper{padding:0 var(--spacing-md)}.message-bubble,.family-message,.family-message-1,.family-message-2,.family-message-3,.family-message-4,.family-message-5,.family-message-6{min-width:260px;max-width:92%;padding:10px 14px}.character-counter{font-size:var(--font-size-xs);bottom:var(--spacing-sm);right:var(--spacing-sm);padding:1px var(--spacing-xs)}.message-input{padding-right:55px;font-size:var(--font-size-xl)}.tab-selector{padding:0 var(--spacing-md)}.tab-button{padding:10px var(--spacing-md);font-size:var(--font-size-base)}.message-bubble.collapsed .message-text,.family-message.collapsed .message-text,.family-message-1.collapsed .message-text,.family-message-2.collapsed .message-text,.family-message-3.collapsed .message-text,.family-message-4.collapsed .message-text,.family-message-5.collapsed .message-text,.family-message-6.collapsed .message-text{-webkit-line-clamp:3}.expand-button{padding:6px 10px;font-size:var(--font-size-base)}.message-action-bar{position:relative;left:auto;bottom:auto;transform:none;margin-top:var(--spacing-sm);justify-content:space-between;background:#ffffffe6}}@media (hover: hover){.message-wrapper:hover{background-color:#00000003}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color-dark);border-radius:6px;font-size:var(--font-size-md);outline:none;transition:all var(--transition-fast);background-color:var(--bg-input);color:var(--text-primary)}.search-input{width:100%;padding:6px 32px 6px 12px;border:1px solid var(--border-color-dark);border-radius:var(--radius-sm);font-size:var(--font-size-base);outline:none;transition:all var(--transition-fast);background-color:var(--bg-input);color:var(--text-primary)}.message-input{flex:1;width:100%;padding:var(--spacing-sm) 65px var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color-dark);border-radius:var(--radius-2xl);resize:none;outline:none;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:var(--input-height);max-height:80px;overflow-y:auto;background-color:var(--bg-input);color:var(--text-primary);transition:all var(--transition-fast)}.edit-textarea{width:100%;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);border:none;background-color:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-lg);resize:vertical;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none}.family-setup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.family-setup-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;max-height:90vh;overflow:hidden;animation:slideInUp .3s ease-out}.modal-header{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;padding:var(--spacing-xl);text-align:center}.celebration-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:bounce 1s infinite alternate}.modal-header h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-bold)}.modal-header p{margin:0;opacity:.9;font-size:var(--font-size-md)}.modal-content{padding:var(--spacing-xl)}.feature-highlight{text-align:center;margin-bottom:var(--spacing-lg)}.feature-highlight svg{color:var(--primary);margin-bottom:var(--spacing-md)}.feature-highlight h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.feature-highlight p{margin:0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.benefit{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.benefit svg{color:var(--success);flex-shrink:0}.modal-actions{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-secondary);display:flex;gap:var(--spacing-md)}.setup-family-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);border:none}.setup-family-btn.primary{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff}.setup-family-btn.primary:hover{background:linear-gradient(135deg,#5855eb,#2563eb);transform:translateY(-1px)}.setup-family-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.setup-family-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-xl);padding:var(--spacing-xl)}.family-setup-prompt,.upgrade-prompt{background:linear-gradient(135deg,#6366f10d,#3b82f60d);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;max-width:400px;width:100%}.prompt-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--primary);font-weight:var(--font-semibold)}.family-setup-prompt p,.upgrade-prompt p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.setup-prompt-btn,.upgrade-prompt-btn{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal)}.setup-prompt-btn:hover,.upgrade-prompt-btn:hover{background:linear-gradient(135deg,#5855eb,#2563eb);transform:translateY(-1px)}.family-toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:400px;z-index:var(--z-toast);animation:slideInRight .3s ease-out}.toast-content{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)}.toast-content svg{color:var(--primary);flex-shrink:0;margin-top:2px}.toast-text{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.toast-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.toast-subtitle{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.toast-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.toast-action-btn{background:var(--primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.toast-action-btn:hover{background:var(--primary-hover)}.toast-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-dismiss:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.family-setup-item{position:relative}.new-feature-badge{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-bold);padding:2px var(--spacing-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--spacing-sm);animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.family-setup-modal{width:95%}.modal-actions{flex-direction:column}.family-toast{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.empty-state-container{padding:var(--spacing-lg)}}.dark-mode .family-setup-modal{background:var(--bg-primary)}.dark-mode .modal-actions{background:var(--bg-secondary)}.dark-mode .family-setup-prompt,.dark-mode .upgrade-prompt{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border-color:#6366f133}.dark-mode .family-toast{background:var(--bg-primary);border-color:var(--border)}.chat-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(var(--spacing-md) + var(--safe-area-inset-top, 0px))}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.app-icon{color:var(--text-secondary);width:var(--icon-xl);height:var(--icon-xl)}.header-left h1{font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary);margin:0;letter-spacing:0}.sync-indicator{animation:spin 1s linear infinite;color:var(--text-muted);width:var(--icon-sm);height:var(--icon-sm)}.header-right{display:flex;align-items:center;gap:var(--spacing-xs)}.header-right.mobile{gap:var(--spacing-xs)}.user-email{display:none}.icon-button{padding:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.icon-button[title*="Premium only"]{opacity:.5}.icon-button[title*="Premium only"]:hover{background-color:#ff00001a}.device-warning-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;cursor:pointer;color:var(--warning-text);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);margin-right:var(--spacing-xs)}.warning-label{font-weight:var(--font-semibold)}.tier-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--bg-hover);border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);margin-right:var(--spacing-xs)}.tier-button svg{width:var(--icon-md);height:var(--icon-md)}.tier-label{font-weight:var(--font-semibold)}.search-container{margin-top:var(--spacing-sm);position:relative}.search-close{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center}.search-close:hover{color:var(--text-secondary)}.search-stats{position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-input);padding:0 var(--spacing-xs)}.search-highlight{background-color:var(--highlight-bg);padding:0 1px;border-radius:2px;color:inherit;font-weight:inherit;box-shadow:0 0 0 1px var(--highlight-border)}.search-limit-warning{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--warning-bg);color:var(--warning-text);font-size:var(--font-size-base);border-bottom:1px solid var(--warning-border);animation:slideDown .3s ease-out}.search-limit-warning button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;font-size:var(--font-size-base);padding:0;margin-left:var(--spacing-xs)}.search-limit-warning button:hover{color:var(--primary-hover)}.premium-icon-button{padding:6px;background:none;border:none;cursor:pointer;color:var(--premium-gradient-start);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;animation:subtle-glow 3s ease-in-out infinite}@keyframes subtle-glow{0%,to{opacity:.8}50%{opacity:1}}.premium-icon-button:hover{background-color:#667eea1a;transform:scale(1.1)}.premium-icon-button svg{width:var(--icon-lg);height:var(--icon-lg)}.upgrade-icon-button{padding:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.upgrade-icon-button:hover{background-color:#667eea1a;color:var(--premium-gradient-start);animation:none;transform:scale(1.1)}.upgrade-icon-button svg{width:var(--icon-lg);height:var(--icon-lg)}.dark-mode .premium-icon-button{color:#a5b4fc}.dark-mode .premium-icon-button:hover{background-color:#a5b4fc1a}.dark-mode .upgrade-icon-button{color:var(--text-secondary)}.dark-mode .upgrade-icon-button:hover{background-color:#a5b4fc1a;color:#a5b4fc}.desktop-only{display:flex}@media (max-width: 768px){.desktop-only{display:none!important}.chat-header{padding:var(--spacing-sm) var(--spacing-md);padding-top:calc(var(--spacing-sm) + var(--safe-area-inset-top, 0px))}}.icon-light{filter:brightness(0) saturate(100%) invert(27%) sepia(84%) saturate(2270%) hue-rotate(204deg) brightness(89%) contrast(97%)}.icon-dark{filter:brightness(0) saturate(100%) invert(63%) sepia(97%) saturate(449%) hue-rotate(182deg) brightness(101%) contrast(96%)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}css.inline-action-bar{display:flex;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeIn .2s ease-out forwards}.message-wrapper:hover .inline-action-bar,.message-wrapper.tapped .inline-action-bar{opacity:1}.inline-action-bar button{flex:1;background:#ffffff1a;border:none;padding:8px;border-radius:6px;color:#fffc;cursor:pointer;transition:all .15s;min-height:36px}.expand-button{display:flex;align-items:center;gap:4px;margin-top:8px;width:100%;padding:6px 10px;background:#ffffff1a;border:none;border-radius:6px;color:#ffffffe6;font-size:13px;cursor:pointer;transition:all .15s}@media (hover: hover){.message-wrapper:hover .inline-action-bar{opacity:1}}.inline-action-bar button{flex:1;background:#ffffff1a;border:none;padding:8px;border-radius:6px;color:#fffc;cursor:pointer;transition:all .15s;min-height:36px;display:flex;align-items:center;justify-content:center;position:relative}.inline-action-bar .action-separator{width:1px;background:#fff3;margin:0 4px}.inline-action-bar button.premium-feature{position:relative}.inline-action-bar .premium-badge{position:absolute;top:2px;right:2px}.dark-mode .inline-action-bar{border-top-color:#ffffff0d}.dark-mode .inline-action-bar button{background:#ffffff0d;color:#fff9}.dark-mode .inline-action-bar button:hover{background:#ffffff1a;color:#ffffffe6}.inline-action-bar{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);opacity:0;transition:opacity .2s ease-out}.inline-action-bar{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);opacity:0;transition:opacity .2s ease-out;justify-content:center}.inline-action-bar button{flex:none;width:36px;height:36px;background:#ffffff1a;border:none;padding:8px;border-radius:6px;color:#fffc;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;position:relative}.inline-action-bar button:hover{background:#fff3;color:#fff}.inline-action-bar button.delete:hover{background:#ff3b3033;color:#ff3b30}.inline-action-bar .action-separator{width:1px;background:#fff3;margin:0;flex-shrink:0;flex-grow:0}@media (hover: hover){.message-wrapper:hover .inline-action-bar,.inline-action-bar.visible{opacity:1}}.message-wrapper.show-actions .inline-action-bar{opacity:1}@media (hover: none) and (pointer: coarse){.inline-action-bar{opacity:1!important}}.message-bubble.encrypted-note{border-left:3px solid var(--primary-color)}.message-bubble.decrypting{opacity:.7}.message-bubble.decrypt-error{opacity:.6;border-left:3px solid var(--error-color, #ef4444)}.decrypting-text{color:var(--text-secondary);font-style:italic;animation:pulse 1.5s ease-in-out infinite}.error-text{color:var(--text-muted);font-style:italic}.encrypted-badge{font-size:10px;margin-left:2px}.encrypted-indicator{font-size:10px;margin-left:4px;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.inline-action-bar button:disabled{opacity:.5;cursor:not-allowed}.inline-action-bar button:disabled:hover{background:none;transform:none}.dark-mode .message-bubble.encrypted-note{border-left-color:var(--primary-color-dark, #4dabf7)}.dark-mode .message-bubble.decrypt-error{border-left-color:var(--error-color-dark, #fa5252)}.dark-mode .decrypting-text{color:var(--text-secondary-dark)}.dark-mode .error-text{color:var(--text-muted-dark)}.message-wrapper{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;padding:12px 16px;width:100%;position:relative;transition:background-color .15s ease;min-height:60px}.message-bubble,.family-message,.family-message-1,.family-message-2,.family-message-3,.family-message-4,.family-message-5,.family-message-6{margin:0;padding:12px 16px;border-radius:12px 12px 12px 4px;min-width:320px;max-width:520px;width:fit-content;font-size:14px;line-height:1.5;word-wrap:break-word;position:relative;display:inline-block;text-align:left;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border:1px solid transparent}@media (hover: hover){.message-wrapper:hover{background-color:#eee;border-radius:8px}.dark-mode .message-wrapper:hover{background-color:#ffffff08;border-radius:8px}}.message-wrapper.expanded{align-items:flex-start;min-height:auto}@media (max-width: 768px){.message-wrapper{padding:10px 12px;min-height:56px}.message-bubble,.family-message,.family-message-1,.family-message-2,.family-message-3,.family-message-4,.family-message-5,.family-message-6{min-width:280px;max-width:calc(100vw - 60px)}}.message-wrapper.with-avatar{display:flex!important;align-items:flex-start;gap:12px}.message-avatar{flex-shrink:0;display:flex;align-items:center;min-height:48px}.message-avatar .profile-avatar{width:40px!important;height:40px!important;font-size:14px!important;box-shadow:0 1px 2px #0003}.message-wrapper.with-avatar .message{flex:1;min-width:0}.message-wrapper.with-avatar .message-time{margin-left:0;text-align:left}@media (max-width: 768px){.message-wrapper.with-avatar{gap:10px}.message-avatar{min-height:44px}.message-avatar .profile-avatar{width:36px!important;height:36px!important;font-size:13px!important}}@media (max-width: 480px){.message-wrapper.with-avatar{gap:8px}.message-avatar{min-height:40px}.message-avatar .profile-avatar{width:32px!important;height:32px!important;font-size:11px!important}}.dark-mode .message-avatar .profile-avatar{box-shadow:0 1px 2px #0006}.message-action-bar{transition:opacity .15s ease-out}.message-bubble.collapsed{position:relative;max-height:none}.message-bubble.collapsed .message-text{position:relative;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.expand-button{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 10px;background:#fff3;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#ffffffe6;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.expand-button:hover{background:#ffffff4d;border-color:#ffffff4d;transform:translateY(-1px)}.expand-button:active{transform:translateY(0)}.expand-button svg{width:14px;height:14px}.message-wrapper.expanded .message-bubble{animation:expandBubble .3s ease-out}@keyframes expandBubble{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.message-bubble.collapsed+.message-action-bar{display:flex!important}.message-wrapper{position:relative}.message-bubble{position:relative;z-index:1}.dark-mode .expand-button{background:#ffffff1a;color:#fffc}.dark-mode .expand-button:hover{background:#ffffff26}@media (max-width: 768px){.message-bubble.collapsed .message-text{-webkit-line-clamp:3}.expand-button{padding:6px 10px;font-size:13px}}.inline-action-bar button.starred{background-color:#f59e0b33;color:#f59e0b;border-color:#f59e0b4d}.inline-action-bar button.starred:hover{background-color:#f59e0b4d;color:#d97706;transform:scale(1.05)}.inline-action-bar button.starred .starred-icon{color:#f59e0b}.dark-mode .inline-action-bar button.starred{background-color:#4dabf733;color:#4dabf7;border-color:#4dabf74d}.dark-mode .inline-action-bar button.starred:hover{background-color:#4dabf74d;color:#339af0}.dark-mode .inline-action-bar button.starred .starred-icon{color:#4dabf7}.starred-indicator{font-size:10px;color:#f59e0b;margin-left:8px;display:inline-flex;align-items:center;gap:2px}.dark-mode .starred-indicator{color:#4dabf7}.message-bubble.password-note{border-left:4px solid #F59E0B;background:linear-gradient(135deg,#f59e0b0d,#f59e0b05)}.dark-mode .message-bubble.password-note{border-left-color:#4dabf7;background:linear-gradient(135deg,#4dabf70d,#4dabf705)}.password-content{display:flex;flex-direction:column;gap:12px}.password-header{display:flex;align-items:center;justify-content:space-between}.password-category{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.password-url{color:#ffffffb3;transition:color .2s}.password-url:hover{color:#ffffffe6}.decrypting-state{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:14px}.password-fields{display:flex;flex-direction:column;gap:10px}.credential-row{display:flex;flex-direction:column;gap:4px}.credential-row label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.credential-value{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 8px;font-size:13px;min-height:28px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.password-field{gap:8px}.password-actions{display:flex;gap:4px}.copy-btn,.toggle-password{width:24px;height:24px;border:none;border-radius:4px;background:#ffffff1a;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.copy-btn:hover,.toggle-password:hover{background:#fff3;color:#ffffffe6}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.credential-value.notes{font-style:italic;color:#fffc;font-family:inherit}.credential-value.link a{color:#4dabf7;text-decoration:none}.credential-value.link a:hover{text-decoration:underline}.truncated-text{display:block}.inline-action-bar{display:flex;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);opacity:0;animation:fadeInUp .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.inline-action-bar button{width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.inline-action-bar button:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.inline-action-bar button:active{transform:translateY(0)}.inline-action-bar button.delete{border-color:#ef444480}.inline-action-bar button.delete:hover{background:#ef444433;border-color:#ef4444cc;color:#ef4444}.inline-action-bar .action-separator{width:1px;background:#fff3;margin:4px 2px}.inline-action-bar button.premium-feature{border-color:#fbbf2480;position:relative}.inline-action-bar button.premium-feature:hover{background:#fbbf2433;border-color:#fbbf24cc;color:#fbbf24}.premium-badge{position:absolute;top:-2px;right:-2px;color:#fbbf24}.offline-indicator{display:inline-flex;align-items:center;margin-top:4px;color:#ffffff80}.reminder-indicator{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;color:#ffffffb3}.loading-indicator,.syncing-indicator{display:inline-flex;align-items:center;margin-top:4px;color:#fff9}.encrypted-indicator{font-size:10px;color:#f59e0b;margin-left:8px;display:inline-flex;align-items:center;gap:2px}.dark-mode .encrypted-indicator{color:#4dabf7}@media (max-width: 480px){.password-content,.password-fields{gap:8px}.credential-row{gap:2px}.credential-value{padding:4px 6px;font-size:12px;min-height:24px}.copy-btn,.toggle-password{width:20px;height:20px}.inline-action-bar button{width:32px;height:32px}.password-actions{gap:2px}}.input-area{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md)}.input-container{display:flex;align-items:flex-end;gap:var(--spacing-sm);width:100%}.input-wrapper{position:relative;flex:1;display:flex;align-items:flex-end}.character-counter{position:absolute;bottom:10px;right:12px;font-size:var(--font-size-sm);color:var(--text-muted);background:#ffffffe6;padding:2px 6px;border-radius:10px;pointer-events:none;transition:all var(--transition-fast);z-index:1}.character-counter.warning{color:#f59e0b;font-weight:var(--font-medium)}.character-counter.limit{color:#dc2626;font-weight:var(--font-semibold)}.send-button svg{width:var(--icon-md);height:var(--icon-md)}.send-button.sending{background-color:var(--primary-color);color:var(--text-white);cursor:not-allowed;animation:sendPulse 1s ease-in-out infinite}.send-button.sending:hover{background-color:var(--primary-color)}.input-hint{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-top:var(--spacing-xs)}@media (max-width: 768px){.character-counter{font-size:var(--font-size-xs);bottom:8px;right:8px;padding:1px 4px}.message-input{padding-right:55px;font-size:16px}}.calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.calendar-container{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);max-width:350px;width:90%;position:relative}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.calendar-nav-button{background:none;border:none;font-size:var(--font-size-3xl);cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.calendar-nav-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.calendar-month-year{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.calendar-today-button{width:100%;padding:6px;margin-bottom:var(--spacing-md);background-color:var(--bg-hover);border:none;border-radius:6px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-today-button:hover{background-color:var(--bg-active);color:var(--text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.calendar-weekday{text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-muted);padding:var(--spacing-xs)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:all var(--transition-fast);background-color:var(--bg-primary);border:1px solid transparent}.calendar-day:hover:not(.empty){background-color:var(--bg-hover);border-color:var(--bg-active)}.calendar-day.empty{cursor:default}.calendar-day.today{background-color:var(--primary-light);border-color:var(--primary-color)}.calendar-day.has-notes{font-weight:var(--font-semibold)}.calendar-day-number{font-size:var(--font-size-base);color:var(--text-primary)}.calendar-note-count{position:absolute;top:2px;right:2px;background-color:var(--primary-color);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-semibold);min-width:16px;height:16px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs)}.calendar-upgrade-prompt{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,var(--premium-gradient-start) 0%,var(--premium-gradient-end) 100%);color:var(--text-white);padding:var(--spacing-md);text-align:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);animation:slideDown .3s ease-out;z-index:10}.calendar-upgrade-prompt p{margin:0;font-size:var(--font-size-base);font-weight:var(--font-medium)}.calendar-upgrade-prompt button{background-color:var(--text-white);color:var(--premium-gradient-start);border:none;padding:6px var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.calendar-upgrade-prompt button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.calendar-container{max-width:100%;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0}}.action-separator{width:1px;height:20px;background-color:var(--bg-active);margin:0;flex-shrink:0}.message-action-bar{display:inline-flex!important;gap:4px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-xs);box-shadow:var(--shadow-action-bar);z-index:var(--z-action-bar);animation:fadeInScale .15s ease-out;width:auto!important;height:auto!important;border:1px solid rgba(0,0,0,.08);flex-shrink:0;flex-grow:0;min-width:auto;max-width:none}.action-item{width:28px;height:28px;border:none;background:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.action-item:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.action-item.delete:hover{background-color:#fee;color:var(--danger-color)}.action-item.premium-feature{position:relative}.action-separator{width:1px;height:20px;background-color:var(--bg-active);margin:0 var(--spacing-xs)}.reminder-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-reminder-backdrop)}.reminder-picker{position:fixed;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-reminder-picker);min-width:180px;animation:fadeIn .15s ease-out}.reminder-option{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:all var(--transition-fast)}.reminder-option:hover{background-color:var(--bg-hover)}.reminder-option svg{color:var(--text-secondary)}.reminder-divider{height:1px;background-color:var(--bg-active);margin:var(--spacing-xs) var(--spacing-sm)}@media (hover: none) and (pointer: coarse){.message-action-bar{padding:8px;gap:8px}.action-item{width:40px;height:40px;position:relative}.action-item:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background-color:#000000e6;color:var(--text-white);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-2xl);font-size:var(--font-size-md);font-weight:var(--font-medium);box-shadow:var(--shadow-md);animation:slideUpFade .3s ease-out;z-index:var(--z-toast);pointer-events:none;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.icon-button{padding:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:var(--btn-height-lg);min-height:var(--btn-height-lg)}.icon-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button svg{width:var(--icon-lg);height:var(--icon-lg)}.tier-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--bg-hover);border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.tier-button:hover{background-color:var(--bg-active);color:var(--text-primary)}.tier-button.premium{background:linear-gradient(135deg,var(--premium-gradient-start) 0%,var(--premium-gradient-end) 100%);color:var(--text-white)}.tier-button.premium:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.device-warning-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background-color:var(--warning-bg);border:1px solid var(--warning-border);border-radius:6px;cursor:pointer;color:var(--warning-text);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.device-warning-button:hover{background-color:var(--warning-border);transform:translateY(-1px)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.save-edit,.cancel-edit{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.save-edit{background-color:var(--primary-color);color:var(--text-white)}.save-edit:hover{background-color:var(--primary-hover)}.cancel-edit{background-color:var(--bg-active);color:var(--text-secondary)}.cancel-edit:hover{background-color:#d0d0d0}.send-button{width:var(--btn-height-sm);height:var(--btn-height-sm);padding:0;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button.active{background-color:var(--primary-color);color:var(--text-white)}.send-button.active:hover{background-color:var(--primary-hover)}.send-button:disabled{cursor:not-allowed;opacity:.5}.menu-button{padding:var(--spacing-sm)}.settings-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.settings-button.manage{background-color:#6c757d;color:var(--text-white)}.settings-button.manage:hover:not(:disabled){background-color:#5a6268}.settings-button.upgrade{background:linear-gradient(135deg,var(--premium-gradient-start) 0%,var(--premium-gradient-end) 100%);color:var(--text-white)}.settings-button.upgrade:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.settings-button:disabled{opacity:.7;cursor:not-allowed}.form-group label{display:block;font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:6px}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color-dark);border-radius:6px;font-size:var(--font-size-md);outline:none;transition:all var(--transition-fast)}.search-input{width:100%;padding:6px 32px 6px 12px;border:1px solid var(--border-color-dark);border-radius:var(--radius-sm);font-size:var(--font-size-base);outline:none;transition:all var(--transition-fast);background-color:var(--bg-input)}.search-input:focus{border-color:var(--border-color-focus)}.message-input{flex:1;width:100%;padding:var(--spacing-sm) 65px var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color-dark);border-radius:var(--radius-2xl);resize:none;outline:none;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:var(--input-height);max-height:80px;overflow-y:auto;background-color:var(--bg-input);transition:all var(--transition-fast)}.message-input:focus{border-color:var(--border-color-focus)}.message-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.edit-textarea{width:100%;min-height:60px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:#fff;border-radius:var(--radius-lg);resize:vertical;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none}@media (max-width: 768px){.message-input,.search-input,input[type=text],input[type=search],textarea{font-size:16px!important}}.tab-navigation{display:flex;background-color:var(--bg-secondary);border:none;padding:0 var(--spacing-lg);position:relative}.tab-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);position:relative;border-bottom:2px solid transparent}.tab-button:hover:not(.active){color:var(--text-primary);background-color:var(--bg-hover)}.tab-button.active{color:var(--primary-color);border-bottom:none}.tab-button.active:hover{color:var(--primary-color)}.tab-button:hover:not(.active){color:var(--text-primary)}.tab-button.active,.tab-button.active:hover{color:var(--primary-color)}.tab-button.premium-required{opacity:.7}.tab-button.premium-required:hover{background-color:#667eea1a}.offline-badge{background-color:var(--danger-color);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.premium-indicator{background-color:var(--premium-gradient-start);color:var(--text-white);font-size:var(--font-size-xs);font-weight:var(--font-semibold);padding:2px 6px;border-radius:var(--radius-full)}.family-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-active);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.family-upgrade-prompt,.family-empty,.family-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center}.family-upgrade-prompt svg,.family-empty svg{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.family-upgrade-prompt h3,.family-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.family-upgrade-prompt p,.family-empty p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:400px;line-height:var(--line-height-relaxed)}.upgrade-button,.create-family-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--premium-gradient-start) 0%,var(--premium-gradient-end) 100%);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.upgrade-button:hover,.create-family-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.setup-header{margin-bottom:var(--spacing-xl)}.setup-header svg{color:var(--primary-color);margin-bottom:var(--spacing-md)}.setup-header h3{font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.setup-header p{color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-lg);text-align:left;width:100%;max-width:400px}.form-group label{display:block;font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:6px}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color-dark);border-radius:var(--radius-md);font-size:var(--font-size-md);outline:none;transition:all var(--transition-fast)}.form-group small{display:block;margin-top:4px;font-size:var(--font-size-sm);color:var(--text-muted)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:center}.cancel-button{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--bg-hover);color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.cancel-button:hover{background-color:var(--bg-active);color:var(--text-primary)}.create-button{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.create-button:hover:not(:disabled){background-color:var(--primary-hover)}.create-button:disabled{opacity:.7;cursor:not-allowed}.family-dashboard{flex:1;padding:var(--spacing-xl);overflow-y:auto}.family-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.family-info{display:flex;align-items:center;gap:var(--spacing-md)}.family-info svg{color:var(--primary-color)}.family-info h3{font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin:0 0 2px;color:var(--text-primary)}.family-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.invite-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.invite-button:hover:not(:disabled){background-color:var(--primary-hover)}.family-members{margin-bottom:var(--spacing-xl)}.family-members h4{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.members-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.member-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:40px;height:40px;background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.member-email{font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:2px}.member-role{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.member-role svg{color:var(--premium-gradient-start)}.remove-member-button{padding:var(--spacing-xs);background-color:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.remove-member-button:hover{background-color:#fee;color:var(--danger-color)}.pending-invitations{margin-bottom:var(--spacing-xl)}.pending-invitations h4{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.invitations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invitation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-color)}.invitation-item svg{color:var(--text-muted)}.invitation-status{margin-left:auto;font-size:var(--font-size-sm);color:var(--warning-color);font-weight:var(--font-medium)}.family-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--primary-light);border-radius:var(--radius-md);border:1px solid rgba(0,102,204,.2)}.family-note svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.family-note p{font-size:var(--font-size-sm);color:var(--primary-color);margin:0;line-height:var(--line-height-relaxed)}.dark-mode .tab-navigation{background-color:var(--bg-primary);border:none}.dark-mode .tab-button.active{color:#4dabf7;border-bottom:none}.dark-mode .tab-button:hover:not(.active){color:var(--text-primary);background-color:var(--bg-hover)}.dark-mode .tab-button.active:hover{color:#4dabf7}.dark-mode .member-item,.dark-mode .invitation-item{background-color:var(--bg-primary);border-color:var(--border-color)}.dark-mode .family-note{background-color:#4dabf71a;border-color:#4dabf733}.dark-mode .family-note svg{color:#4dabf7}.dark-mode .family-note p{color:#4dabf7}@media (max-width: 768px){.tab-navigation{padding:0 var(--spacing-md)}.tab-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.family-dashboard{padding:var(--spacing-lg)}.family-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.member-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.member-info{justify-content:flex-start}.remove-member-button{align-self:flex-end}}.pinned-notes-section{position:relative;margin-bottom:var(--spacing-lg);z-index:100}.pinned-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;position:relative;z-index:105}.pinned-section-header:hover{background:var(--bg-hover);border-color:var(--border-color-dark);transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.pinned-title{display:flex;align-items:center;justify-content:space-between;width:100%}.pinned-title-content{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.pinned-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.pinned-icon{color:var(--primary-color);transform:rotate(45deg);transition:transform .2s ease}.pinned-count{background:var(--primary-light);color:var(--primary-color);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;transition:all .2s ease}.pinned-premium-badge{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.pinned-toggle{display:flex;align-items:center;color:var(--text-secondary);transition:color .2s ease}.pinned-section-header:hover .pinned-toggle{color:var(--text-primary)}.toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.pinned-section-header[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.pinned-notes-container{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:top center;margin-top:var(--spacing-xs)}.pinned-notes-container.expanded{max-height:400px;opacity:1;padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border-color);box-shadow:0 10px 40px #00000026,0 4px 20px #0000001a;transform:translateY(0) scaleY(1);visibility:visible;scroll-behavior:smooth}.pinned-notes-container.collapsed{max-height:0;opacity:0;padding:0;border:none;background:transparent;box-shadow:none;overflow:hidden;transform:translateY(-10px) scaleY(.8);visibility:hidden}.pinned-notes-container.expanded::-webkit-scrollbar{width:5px}.pinned-notes-container.expanded::-webkit-scrollbar-track{background:#0066cc0d;border-radius:3px}.pinned-notes-container.expanded::-webkit-scrollbar-thumb{background:#06c3;border-radius:3px;transition:background .2s ease}.pinned-notes-container.expanded::-webkit-scrollbar-thumb:hover{background:#0066cc59}.dark-mode .pinned-notes-container.expanded::-webkit-scrollbar-track{background:#4dabf714}.dark-mode .pinned-notes-container.expanded::-webkit-scrollbar-thumb{background:#4dabf740}.dark-mode .pinned-notes-container.expanded::-webkit-scrollbar-thumb:hover{background:#4dabf766}.pinned-notes-list{display:flex;flex-direction:column;gap:var(--spacing-sm);transition:opacity .3s ease}.pinned-notes-container.collapsed .pinned-notes-list{opacity:0}.pinned-notes-container.expanded .pinned-note-wrapper{animation:slideInPinnedNote .3s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translate(-10px)}.pinned-notes-container.expanded .pinned-note-wrapper:nth-child(1){animation-delay:.1s}.pinned-notes-container.expanded .pinned-note-wrapper:nth-child(2){animation-delay:.15s}.pinned-notes-container.expanded .pinned-note-wrapper:nth-child(3){animation-delay:.2s}.pinned-notes-container.expanded .pinned-note-wrapper:nth-child(4){animation-delay:.25s}.pinned-notes-container.expanded .pinned-note-wrapper:nth-child(5){animation-delay:.3s}@keyframes slideInPinnedNote{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.pinned-note-wrapper{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.pinned-note-wrapper.updating{opacity:.6;transform:scale(.98)}.pinned-note-wrapper .message-bubble,.pinned-note-wrapper .family-message,.pinned-note-wrapper .family-message-1,.pinned-note-wrapper .family-message-2,.pinned-note-wrapper .family-message-3,.pinned-note-wrapper .family-message-4,.pinned-note-wrapper .family-message-5,.pinned-note-wrapper .family-message-6{position:relative;border-left:3px solid var(--primary-color)!important;box-shadow:0 2px 6px #0066cc14,0 1px 3px #00000014!important;transform:translate(2px);opacity:.96;transition:all .3s cubic-bezier(.4,0,.2,1)}.pinned-note-wrapper .message-bubble:before,.pinned-note-wrapper .family-message:before,.pinned-note-wrapper .family-message-1:before,.pinned-note-wrapper .family-message-2:before,.pinned-note-wrapper .family-message-3:before,.pinned-note-wrapper .family-message-4:before,.pinned-note-wrapper .family-message-5:before,.pinned-note-wrapper .family-message-6:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0066cc06,#0066cc03);border-radius:inherit;z-index:-1;opacity:.7;transition:all .3s ease}.pinned-note-wrapper:hover .message-bubble,.pinned-note-wrapper:hover .family-message,.pinned-note-wrapper:hover .family-message-1,.pinned-note-wrapper:hover .family-message-2,.pinned-note-wrapper:hover .family-message-3,.pinned-note-wrapper:hover .family-message-4,.pinned-note-wrapper:hover .family-message-5,.pinned-note-wrapper:hover .family-message-6{border-left-color:var(--primary-hover)!important;border-left-width:4px!important;box-shadow:0 4px 12px #0066cc26,0 2px 6px #0000001a!important;transform:translate(4px) translateY(-1px);opacity:1}.pinned-note-wrapper:hover .message-bubble:before,.pinned-note-wrapper:hover .family-message:before,.pinned-note-wrapper:hover .family-message-1:before,.pinned-note-wrapper:hover .family-message-2:before,.pinned-note-wrapper:hover .family-message-3:before,.pinned-note-wrapper:hover .family-message-4:before,.pinned-note-wrapper:hover .family-message-5:before,.pinned-note-wrapper:hover .family-message-6:before{background:linear-gradient(135deg,#0066cc0a,#0066cc05);opacity:1}.action-item.pinned{background-color:var(--primary-light);color:var(--primary-color);transition:all .2s ease}.action-item.pinned .pinned-icon{transform:rotate(45deg);color:var(--primary-color)}.action-item:hover.pinned{background-color:#06c3;color:var(--primary-hover);transform:scale(1.05)}.pinned-section-divider{display:none}.dark-mode .pinned-section-header{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .pinned-section-header:hover{background:var(--bg-hover);border-color:var(--border-color-dark);box-shadow:0 2px 8px #0003}.dark-mode .pinned-notes-container.expanded{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 10px 40px #0000004d,0 4px 20px #0003}.dark-mode .pinned-count{background:#4dabf733;color:#4dabf7}.dark-mode .pinned-icon{color:#4dabf7}.dark-mode .pinned-note-wrapper .message-bubble,.dark-mode .pinned-note-wrapper .family-message,.dark-mode .pinned-note-wrapper .family-message-1,.dark-mode .pinned-note-wrapper .family-message-2,.dark-mode .pinned-note-wrapper .family-message-3,.dark-mode .pinned-note-wrapper .family-message-4,.dark-mode .pinned-note-wrapper .family-message-5,.dark-mode .pinned-note-wrapper .family-message-6{border-left-color:#4dabf7!important;box-shadow:0 2px 6px #4dabf71f,0 1px 3px #00000040!important}.dark-mode .pinned-note-wrapper .message-bubble:before,.dark-mode .pinned-note-wrapper .family-message:before,.dark-mode .pinned-note-wrapper .family-message-1:before,.dark-mode .pinned-note-wrapper .family-message-2:before,.dark-mode .pinned-note-wrapper .family-message-3:before,.dark-mode .pinned-note-wrapper .family-message-4:before,.dark-mode .pinned-note-wrapper .family-message-5:before,.dark-mode .pinned-note-wrapper .family-message-6:before{background:linear-gradient(135deg,#4dabf709,#4dabf704)}.dark-mode .pinned-note-wrapper:hover .message-bubble,.dark-mode .pinned-note-wrapper:hover .family-message,.dark-mode .pinned-note-wrapper:hover .family-message-1,.dark-mode .pinned-note-wrapper:hover .family-message-2,.dark-mode .pinned-note-wrapper:hover .family-message-3,.dark-mode .pinned-note-wrapper:hover .family-message-4,.dark-mode .pinned-note-wrapper:hover .family-message-5,.dark-mode .pinned-note-wrapper:hover .family-message-6{border-left-color:#339af0!important;border-left-width:4px!important;box-shadow:0 4px 12px #4dabf733,0 2px 6px #0000004d!important}.dark-mode .pinned-note-wrapper:hover .message-bubble:before,.dark-mode .pinned-note-wrapper:hover .family-message:before,.dark-mode .pinned-note-wrapper:hover .family-message-1:before,.dark-mode .pinned-note-wrapper:hover .family-message-2:before,.dark-mode .pinned-note-wrapper:hover .family-message-3:before,.dark-mode .pinned-note-wrapper:hover .family-message-4:before,.dark-mode .pinned-note-wrapper:hover .family-message-5:before,.dark-mode .pinned-note-wrapper:hover .family-message-6:before{background:linear-gradient(135deg,#4dabf70f,#4dabf706)}.dark-mode .action-item.pinned{background-color:#4dabf726;color:#4dabf7}.dark-mode .action-item:hover.pinned{background-color:#4dabf740;color:#339af0}@media (max-width: 768px){.pinned-section-header{padding:var(--spacing-sm)}.pinned-title-content{font-size:var(--font-size-xs)}.pinned-premium-badge{padding:3px 6px}.toggle-icon{width:14px;height:14px}.pinned-notes-container.expanded{padding:var(--spacing-sm);max-height:300px}.pinned-notes-container.expanded::-webkit-scrollbar{width:4px}.pinned-note-wrapper .message-bubble,.pinned-note-wrapper .family-message,.pinned-note-wrapper .family-message-1,.pinned-note-wrapper .family-message-2,.pinned-note-wrapper .family-message-3,.pinned-note-wrapper .family-message-4,.pinned-note-wrapper .family-message-5,.pinned-note-wrapper .family-message-6{transform:translate(1px)}.pinned-note-wrapper:hover .message-bubble,.pinned-note-wrapper:hover .family-message,.pinned-note-wrapper:hover .family-message-1,.pinned-note-wrapper:hover .family-message-2,.pinned-note-wrapper:hover .family-message-3,.pinned-note-wrapper:hover .family-message-4,.pinned-note-wrapper:hover .family-message-5,.pinned-note-wrapper:hover .family-message-6{transform:translate(2px);border-left-width:3px!important}.pinned-notes-container.expanded .pinned-note-wrapper{animation:none;opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pinned-notes-container,.pinned-note-wrapper,.toggle-icon{animation:none;transition:none}.pinned-notes-container.expanded .pinned-note-wrapper{animation:none;opacity:1;transform:none}.pinned-note-wrapper .message-bubble,.pinned-note-wrapper .family-message,.pinned-note-wrapper .family-message-1,.pinned-note-wrapper .family-message-2,.pinned-note-wrapper .family-message-3,.pinned-note-wrapper .family-message-4,.pinned-note-wrapper .family-message-5,.pinned-note-wrapper .family-message-6,.pinned-note-wrapper:hover .message-bubble,.pinned-note-wrapper:hover .family-message,.pinned-note-wrapper:hover .family-message-1,.pinned-note-wrapper:hover .family-message-2,.pinned-note-wrapper:hover .family-message-3,.pinned-note-wrapper:hover .family-message-4,.pinned-note-wrapper:hover .family-message-5,.pinned-note-wrapper:hover .family-message-6{transform:none}}* ===== AVATAR FIXES FOR PINNED NOTES ===== */ .pinned-note-wrapper .message-wrapper.with-avatar{display:flex!important;align-items:flex-start!important;gap:12px!important}.pinned-note-wrapper .message-avatar{flex-shrink:0!important;display:flex!important;align-items:center!important;min-height:48px!important;position:relative!important;transform:none!important}.pinned-note-wrapper .message-avatar .profile-avatar{width:28px!important;height:28px!important;font-size:10px!important;position:relative!important;transform:none!important;opacity:1!important;z-index:10!important}.pinned-note-wrapper .message-avatar .avatar-image-element{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.pinned-note-wrapper:hover .message-avatar,.pinned-note-wrapper .message-avatar{transform:none!important}.pinned-note-wrapper .message-wrapper.with-avatar .message{flex:1!important;min-width:0!important}@media (max-width: 768px){.pinned-note-wrapper .message-avatar .profile-avatar{width:24px!important;height:24px!important;font-size:9px!important}.pinned-note-wrapper .message-wrapper.with-avatar{gap:8px!important}}.search-container{margin-top:var(--spacing-sm);position:relative;z-index:1000}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;z-index:1}.search-input.enhanced{width:100%;padding:8px 40px 8px 36px;border:1px solid var(--border-secondary);border-radius:8px;font-size:var(--font-size-base);outline:none;transition:all .2s ease,box-shadow .15s ease;background-color:var(--bg-input);font-family:inherit;caret-color:var(--primary-color)}.search-input.enhanced:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.search-loading{position:absolute;right:36px;top:50%;transform:translateY(-50%)}.search-spinner{width:16px;height:16px;border:2px solid var(--border-secondary);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.search-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.search-close:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.search-stats{position:absolute;right:44px;top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-input);padding:0 6px;border-radius:4px;white-space:nowrap}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--modal-bg);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 8px 32px #0000001f;margin-top:4px;max-height:320px;overflow-y:auto;z-index:1001}.suggestions-section{padding:8px 0}.suggestions-section:not(:last-child){border-bottom:1px solid var(--border-secondary)}.suggestions-header{padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.suggestion-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:none;text-align:left;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .15s ease;gap:8px}.suggestion-item:hover,.suggestion-item.focused{background-color:var(--bg-hover)}.suggestion-item svg{color:var(--text-tertiary);flex-shrink:0}.suggestion-type{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color));color:#fff;border-radius:8px;margin:8px 0;font-size:var(--font-size-sm);font-weight:600;box-shadow:0 2px 8px rgba(var(--primary-rgb),.2);animation:slideDown .2s ease-out}.search-results-label{color:#fff;font-weight:600}.search-results-clear{background:none;border:none;color:#fffc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;margin-left:8px}.search-results-clear:hover{color:#fff;background-color:#ffffff1a}.search-limit-warning{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;margin:8px 0;font-size:var(--font-size-sm);color:var(--text-primary)}.search-limit-warning button{background:var(--primary-color);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:var(--font-size-xs);cursor:pointer;transition:background-color .2s ease}.search-limit-warning button:hover{background:var(--primary-color-dark)}.warning-close{background:none!important;color:var(--text-tertiary)!important;padding:2px!important;margin-left:auto}.warning-close:hover{color:var(--text-secondary)!important;background:var(--bg-hover)!important}.date-filter-container{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;margin:8px 0;font-size:var(--font-size-sm);color:var(--text-primary)}.date-filter-label{font-weight:500;color:var(--text-secondary)}.date-filter-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;margin-left:8px}.date-filter-clear:hover{color:var(--text-secondary);background-color:var(--bg-hover)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results{position:relative}.search-results:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:3px;background-color:var(--primary-color);border-radius:2px}.search-container:not(.hidden) .search-input.enhanced{pointer-events:auto}.dark-mode .search-limit-warning{background-color:#ffc10726;border-color:#ffc10766}.dark-mode .date-filter-container{background-color:#242424;border-color:#333}.dark-mode .date-filter-label{color:#999}.dark-mode .date-filter-clear{color:#666}.dark-mode .date-filter-clear:hover{color:#999;background-color:#333}.dark-mode .search-suggestions{background:#242424;border-color:#333;box-shadow:0 8px 32px #0000004d}.dark-mode .suggestions-section:not(:last-child){border-bottom-color:#333}.dark-mode .suggestion-item:hover,.dark-mode .suggestion-item.focused{background-color:#333}.dark-mode .suggestion-type{background:#333;color:#999}@media (max-width: 768px){.search-suggestions{max-height:250px}.search-results-header{padding:10px 12px;font-size:var(--font-size-xs)}.date-filter-container,.search-limit-warning{padding:6px 12px;font-size:var(--font-size-xs)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.calendar-modal{background:var(--modal-bg, white);border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.calendar-header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-secondary, #e0e0e0)}.calendar-header-bar h2{margin:0;font-size:1.25rem;color:var(--text-primary, #333)}.modal-close-button{background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{color:var(--text-secondary, #333);background:var(--bg-hover, #f0f0f0)}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.calendar-nav-button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #666);cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.calendar-nav-button:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #333)}.calendar-month-year{font-size:1.1rem;font-weight:600;color:var(--text-primary, #333)}.calendar-today-button{margin:0 20px 16px;background:var(--primary-color, #0066cc);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.calendar-today-button:hover{background:var(--primary-color-dark, #0052a3)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 20px;margin-bottom:8px}.calendar-weekday{text-align:center;padding:8px 4px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #666)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 20px 20px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;border-radius:6px;transition:all .2s ease;background:var(--bg-secondary, #f8f9fa);min-height:40px}.calendar-day.empty{cursor:default;background:transparent}.calendar-day:not(.empty):hover{background:var(--bg-hover, #e9ecef)}.calendar-day.today{background:var(--primary-color-light, #e8f4ff);border:2px solid var(--primary-color, #0066cc)}.calendar-day.selected{background:var(--primary-color, #0066cc)!important;color:#fff}.calendar-day.has-notes{background:var(--bg-secondary, #f8f9fa);font-weight:600}.calendar-day-number{font-size:.9rem;margin-bottom:2px}.calendar-note-count{font-size:.7rem;background:var(--primary-color, #0066cc);color:#fff;border-radius:10px;padding:1px 6px;min-width:16px;text-align:center;line-height:1.2}.calendar-day.selected .calendar-note-count{background:#ffffff4d;color:#fff}.calendar-search-results{margin:16px 20px;padding:12px;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-secondary, #e0e0e0);border-radius:8px;max-height:200px;overflow-y:auto}.calendar-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:600;color:var(--text-primary, #333);font-size:.9rem}.results-count{color:var(--text-secondary, #666);font-weight:400;margin-left:8px}.clear-date-filter{background:none;border:none;color:var(--text-tertiary, #666);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-date-filter:hover{color:var(--text-secondary, #333);background:var(--bg-hover, #e9ecef)}.calendar-notes-preview{space-y:8px}.calendar-note-item{padding:8px;background:var(--bg-primary, white);border:1px solid var(--border-secondary, #e0e0e0);border-radius:6px;margin-bottom:6px;transition:all .2s ease}.calendar-note-item:hover{border-color:var(--primary-color, #0066cc);box-shadow:0 2px 4px #0066cc1a}.calendar-note-item .note-text{font-size:.85rem;color:var(--text-primary, #333);line-height:1.4;margin-bottom:4px}.calendar-note-item .note-time{font-size:.75rem;color:var(--text-tertiary, #666)}.more-notes-indicator{text-align:center;padding:8px;color:var(--text-secondary, #666);font-size:.8rem;font-style:italic}.no-notes-message{text-align:center;padding:16px;color:var(--text-secondary, #666);font-size:.9rem;font-style:italic}.upgrade-prompt-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.upgrade-prompt{background:var(--modal-bg, white);padding:24px;border-radius:12px;text-align:center;max-width:300px}.upgrade-prompt h3{margin:8px 0 16px;color:var(--text-primary, #333)}.upgrade-prompt p{margin-bottom:20px;color:var(--text-secondary, #666)}.upgrade-prompt-buttons{display:flex;gap:12px;justify-content:center}.upgrade-prompt-buttons button{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.upgrade-prompt-buttons button:first-child{background:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #666)}.upgrade-prompt-buttons button:last-child{background:var(--primary-color, #0066cc);color:#fff}.dark-mode .modal-backdrop{background:#000000b3}.dark-mode .calendar-modal{background:#242424;color:#e0e0e0}.dark-mode .calendar-header-bar{border-bottom-color:#333}.dark-mode .calendar-search-results{background:#1a1a1a;border-color:#333}.dark-mode .calendar-note-item{background:#2a2a2a;border-color:#333}.dark-mode .calendar-note-item:hover{border-color:var(--primary-color, #4dabf7)}.dark-mode .calendar-day{background:#1a1a1a}.dark-mode .calendar-day:not(.empty):hover{background:#333}.dark-mode .upgrade-prompt{background:#242424}@media (max-width: 768px){.modal-backdrop{padding:10px}.calendar-modal{max-height:95vh}.calendar-header-bar,.calendar-navigation{padding:12px 16px}.calendar-today-button{margin:0 16px 12px}.calendar-grid{padding:0 16px 16px}.calendar-weekdays{padding:0 16px}.calendar-search-results{margin:12px 16px;padding:8px;max-height:150px}.calendar-day{min-height:35px}}.profile-image-upload,.upload-container{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-preview{position:relative;display:flex;align-items:center;justify-content:center}.image-preview-container{position:relative;border-radius:50%;overflow:hidden}.preview-image{object-fit:cover;border-radius:50%;display:block}.preview-image.avatar-xs{width:20px;height:20px}.preview-image.avatar-sm{width:28px;height:28px}.preview-image.avatar-md{width:40px;height:40px}.preview-image.avatar-lg{width:56px;height:56px}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.upload-actions{display:flex;flex-direction:column;gap:8px;align-items:center}@media (min-width: 480px){.upload-actions{flex-direction:row;gap:12px}}.upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:120px}.upload-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.upload-button.primary{background-color:var(--primary-color, #3b82f6);color:#fff}.upload-button.primary:hover:not(:disabled){background-color:var(--primary-color-hover, #2563eb);transform:translateY(-1px)}.upload-button.secondary{background-color:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b);border:1px solid var(--border-primary, #e2e8f0)}.upload-button.secondary:hover:not(:disabled){background-color:var(--bg-tertiary, #e2e8f0);transform:translateY(-1px)}.hidden-file-input{position:absolute;left:-9999px;opacity:0;pointer-events:none}.upload-hint{font-size:12px;color:var(--text-tertiary, #94a3b8);text-align:center;margin:0;max-width:240px;line-height:1.4}.dark-mode .upload-button.secondary{background-color:var(--bg-secondary-dark, #374151);color:var(--text-secondary-dark, #9ca3af);border-color:var(--border-primary-dark, #4b5563)}.dark-mode .upload-button.secondary:hover:not(:disabled){background-color:var(--bg-tertiary-dark, #4b5563)}.dark-mode .upload-hint{color:var(--text-tertiary-dark, #6b7280)}.profile-avatar.uploading{opacity:.7}@media (max-width: 480px){.upload-button{width:100%;min-width:auto}.upload-hint{font-size:11px}}.family-reminder-banner{background:linear-gradient(135deg,#6366f11a,#3b82f61a);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) var(--spacing-lg) var(--spacing-sm) var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:slideInDown .3s ease-out}.dark-mode .family-reminder-banner{background:linear-gradient(135deg,#6366f126,#3b82f626);border-color:#6366f14d}.family-reminder-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.6) 50%,transparent 100%)}.reminder-content{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.reminder-content svg{color:var(--text-secondary);flex-shrink:0}.reminder-content span{flex:1;min-width:200px;color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-base);font-weight:var(--font-medium)}.create-family-btn{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 4px #6366f133;white-space:nowrap;flex-shrink:0}.create-family-btn:hover{background:linear-gradient(135deg,#5855eb,#2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.create-family-btn:active{transform:translateY(0)}.dismiss-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dismiss-btn:hover{background:#0000001a;color:var(--text-secondary)}.dark-mode .dismiss-btn:hover{background:#ffffff1a}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.family-reminder-banner{margin:var(--spacing-sm);padding:var(--spacing-sm)}.reminder-content{gap:var(--spacing-sm)}.reminder-content span{min-width:unset;flex:1 1 100%}.create-family-btn{flex:1;text-align:center}}.app-header+.family-reminder-banner{margin-top:var(--spacing-md)}.family-reminder-banner+.tab-selector{margin-top:var(--spacing-sm)}.chat-container .family-reminder-banner:first-child{margin-top:0}.sub-tab-selector{display:flex;gap:4px;padding:0 20px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.sub-tab{padding:8px 16px;background:transparent;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.sub-tab.active{background:var(--primary-light);color:var(--primary-color)}.tier-badge{background:var(--warning-color);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.lists-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.lists-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.create-list-button{background:var(--primary-color);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:500;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.lists-content{flex:1;overflow-y:auto;padding:20px}.empty-lists{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-lists h3{color:var(--text-primary);margin-bottom:8px}.empty-lists p{color:var(--text-secondary)}.list-item-container{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid var(--border-color);transition:all .2s ease}.list-item-container:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0066cc1a}.list-header{margin-bottom:16px}.list-emoji-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.list-emoji{font-size:1.5rem}.list-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.list-description{color:var(--text-secondary);font-size:.9rem;margin:0}.list-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.list-progress{flex:1}.progress-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--success-color);transition:width .3s ease}.list-actions{display:flex;gap:8px}.action-button{background:var(--bg-hover);border:none;border-radius:8px;padding:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.action-button:hover{background:var(--bg-active);color:var(--text-primary)}.list-items{space-y:8px}.list-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color);transition:all .2s ease}.list-item:last-child{border-bottom:none}.list-item.completed{opacity:.6}.item-checkbox{width:20px;height:20px;border:2px solid var(--border-color-dark);border-radius:4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.item-checkbox.checked{background:var(--success-color);border-color:var(--success-color);color:#fff}.item-checkbox.placeholder{opacity:.3;cursor:default}.item-content{flex:1}.item-text{font-size:.95rem;color:var(--text-primary);line-height:1.4}.list-item.completed .item-text{text-decoration:line-through;color:var(--text-secondary)}.item-meta{margin-top:4px}.item-author{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.item-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:0}.list-item:hover .item-delete{opacity:1}.item-delete:hover{background:var(--danger-light);color:var(--danger-color)}.add-item-input{display:flex;align-items:center;gap:12px;padding:12px 0}.new-item-input{flex:1;border:none;background:var(--bg-input);padding:8px 12px;border-radius:8px;font-size:.95rem;border:1px solid var(--border-color);transition:all .2s ease}.new-item-input:focus{outline:none;border-color:var(--primary-color)}.list-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.list-dates{display:flex;flex-direction:column;gap:4px}.created-date,.updated-date{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.completion-badge{background:var(--success-light);color:var(--success-color);padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:4px}.create-list-modal{max-width:500px;width:90vw}.quick-templates{margin-bottom:24px}.quick-templates h3{font-size:1rem;margin-bottom:12px;color:var(--text-primary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.template-button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:12px 8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.template-button:hover{border-color:var(--primary-color)}.template-button.active{border-color:var(--primary-color);background:var(--primary-light)}.template-name{font-size:.8rem;font-weight:500;color:var(--text-primary)}.form-section{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:8px 4px;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.emoji-option:hover{background:var(--bg-hover)}.emoji-option.active{background:var(--primary-light)}.template-selector{padding:20px}.template-section{margin-bottom:24px}.template-section h4{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.template-option{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.template-emoji{font-size:1.5rem}.template-meta{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-secondary)}.recurring-template{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.active{background:var(--success-light);color:var(--success-color)}.status-badge.paused{background:var(--warning-light);color:var(--warning-color)}.list-actions-container{position:relative}.actions-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px}.actions-dropdown button{width:100%;background:none;border:none;padding:10px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.actions-dropdown button.danger-action:hover{background:var(--danger-light)}.recurring-preview{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:6px;padding:12px;margin:16px 0}.recurring-preview p{margin:0;font-size:.9rem;color:var(--primary-color);font-weight:500}.empty-templates{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-templates p{margin:0;line-height:1.5}.template-stats{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:.8rem;color:var(--text-secondary)}.usage-stat{display:flex;align-items:center;gap:4px}.template-dialog{max-width:400px}.template-info{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:6px;padding:12px;margin:16px 0;font-size:.9rem;color:var(--primary-color)}.auto-delete-badge{background:var(--warning-light);color:var(--warning-color);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:8px}.from-template-badge{background:var(--info-light);color:var(--info-color);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:8px}.template-selection{padding:0}.template-section{padding:20px;border-bottom:1px solid var(--border-color)}.template-section:last-child{border-bottom:none}.template-section h4{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.templates-grid{display:grid;grid-template-columns:1fr;gap:8px}.template-option{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.template-option:hover{border-color:var(--primary-color);background:var(--primary-light)}.template-option.create-new{background:var(--primary-color);color:#fff;font-weight:500;justify-content:center}.template-option.create-new:hover{background:var(--primary-hover)}.template-emoji{font-size:1.5rem;flex-shrink:0}.template-name{display:block;font-weight:500;color:var(--text-primary);margin-bottom:4px}.template-meta{font-size:.8rem;color:var(--text-secondary)}.item-count{color:var(--text-muted);font-size:.85rem;margin-left:8px}.template-info-banner{background:var(--success-light);border:1px solid var(--success-color);border-radius:6px;padding:12px;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--success-color);font-size:.9rem}.no-templates{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-templates p{margin:0;line-height:1.5}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.form-help{font-size:.8rem;color:var(--text-secondary);margin:4px 0 0}.back-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width: 768px){.template-dialog{max-width:90vw}.templates-grid{gap:12px}.template-option{padding:12px}}.actions-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden;animation:dropdownFadeIn .15s ease-out}.action-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lists-content{overflow:visible}.list-item-container{overflow:visible;position:relative}.list-header,.list-meta{overflow:visible}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:transparent}.actions-menu{position:relative}.actions-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #00000026;z-index:1000;min-width:180px;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.actions-dropdown button{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease;border-bottom:1px solid transparent}.actions-dropdown button:hover{background:var(--bg-hover)}.actions-dropdown button:last-child{border-bottom:none}.action-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.action-button:hover{background:var(--bg-hover);color:var(--text-primary)}.auto-delete-confirm-dialog{max-width:450px}.auto-delete-confirm-dialog .modal-header h3{color:var(--success-color);display:flex;align-items:center;gap:8px}.auto-delete-confirm-dialog .modal-content{padding:24px}.auto-delete-confirm-dialog p{margin-bottom:16px;color:var(--text-primary);line-height:1.5}.completion-stats{display:flex;gap:20px;background:var(--success-light);border:1px solid var(--success-color);border-radius:8px;padding:16px;margin:16px 0}.completion-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.completion-stats .stat strong{font-size:1.1rem;color:var(--success-color)}.keep-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.keep-button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.delete-button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.delete-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.delete-confirm-dialog{max-width:500px}.delete-confirm-dialog .modal-content{padding:24px}.delete-confirm-dialog p{margin-bottom:16px;color:var(--text-primary);line-height:1.5}.delete-confirm-dialog .warning-text{color:var(--warning-color);font-weight:500;background:var(--warning-light);padding:12px;border-radius:6px;border-left:3px solid var(--warning-color)}.delete-confirm-dialog .items-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px}.delete-confirm-dialog .items-preview p{margin-bottom:12px;font-weight:500}.delete-confirm-dialog .items-preview ul{margin:0;padding-left:20px;list-style-type:disc}.delete-confirm-dialog .items-preview li{margin-bottom:4px;color:var(--text-secondary);font-size:.9rem}.delete-confirm-dialog .items-preview li:last-child{margin-bottom:0;font-style:italic;color:var(--text-tertiary)}.danger-button{background:var(--danger-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.danger-button:hover{background:var(--danger-hover);transform:translateY(-1px)}.danger-button:active{transform:translateY(0)}.dark-mode .actions-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 20px #0006}.dark-mode .actions-dropdown button{color:var(--text-primary)}.dark-mode .actions-dropdown button:hover{background:var(--bg-hover)}.dark-mode .action-button{color:var(--text-secondary)}.dark-mode .action-button:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .auto-delete-confirm-dialog .modal-header h3{color:#51cf66}.dark-mode .completion-stats{background:#51cf661a;border-color:#51cf66}.dark-mode .completion-stats .stat strong{color:#51cf66}.dark-mode .keep-button{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .keep-button:hover{background:var(--bg-active);border-color:#4dabf7}.dark-mode .delete-button{background:#4dabf7}.dark-mode .delete-button:hover{background:#339af0}.dark-mode .delete-confirm-dialog .warning-text{background:#ff9f431a;color:#ffb347;border-left-color:#ffb347}.dark-mode .delete-confirm-dialog .items-preview{background:var(--bg-hover);border-color:var(--border-color)}.dark-mode .danger-button{background:#ff6b6b}.dark-mode .danger-button:hover{background:#ff5252}.actions-dropdown button.danger-action{color:var(--danger-color)}.actions-dropdown button.danger-action:hover{background:var(--danger-light);color:var(--danger-color)}.dark-mode .actions-dropdown button.danger-action{color:#ff6b6b}.dark-mode .actions-dropdown button.danger-action:hover{background:#ff6b6b1a;color:#ff6b6b}.lists-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.header-buttons{display:flex;gap:12px;align-items:center}.manage-saved-lists-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.manage-saved-lists-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}@media (max-width: 768px){.header-buttons{flex-direction:column;gap:8px}.manage-saved-lists-btn,.create-list-btn{width:100%;justify-content:center}}.chat-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);padding:max(env(safe-area-inset-top),var(--spacing-md)) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a;transition:all var(--transition-fast)}@media (max-width: 768px){.chat-header{grid-area:header}}.dark-mode .chat-header{background:linear-gradient(135deg,#242424,#1f1f1f);border-bottom-color:#333;box-shadow:0 2px 8px #0003}.header-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);min-height:44px}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.workspace-selector{position:relative;flex-shrink:0}.workspace-button{display:flex;align-items:center;gap:6px;padding:8px var(--spacing-md);background:var(--primary-light);color:var(--primary-color);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);min-width:100px}.workspace-button:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-shadow)}.workspace-button.family{background:#10b9811a;color:var(--success-color);border-color:#10b9814d}.workspace-button.family:hover{background:var(--success-color);color:var(--text-white);box-shadow:0 4px 12px #10b9814d}.workspace-chevron{margin-left:auto;transition:transform var(--transition-fast)}.workspace-button:hover .workspace-chevron{transform:rotate(180deg)}.header-context{flex:1;min-width:0;margin-left:4px}.context-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-bottom-row{display:flex;align-items:center;justify-content:flex-end;min-height:40px}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.action-button{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--bg-active);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.action-button:hover:before{width:100%;height:100%}.action-button:hover{background:var(--bg-active);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-button:active{transform:translateY(0) scale(.95)}.action-button svg{width:var(--icon-lg);height:var(--icon-lg);z-index:1}.action-button.settings{background:var(--primary-light);color:var(--primary-color)}.action-button.settings:hover{background:var(--primary-color);color:var(--text-white)}.dark-mode .action-button{background:#ffffff14;color:#ccc}.dark-mode .action-button:hover{background:#ffffff26;color:#fff;box-shadow:0 4px 12px #0000004d}.dark-mode .action-button.settings{background:#667eea26;color:#667eea}.dark-mode .action-button.settings:hover{background:#667eea;color:#fff}.workspace-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000026;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}.dark-mode .workspace-dropdown{background:#2a2a2a;border-color:#333;box-shadow:0 8px 24px #0000004d}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workspace-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;width:100%;text-align:left;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.workspace-option:hover{background:var(--bg-hover)}.workspace-option.active{background:var(--primary-light);color:var(--primary-color)}.dark-mode .workspace-option{color:#e0e0e0}.dark-mode .workspace-option:hover{background:#333}@media (max-width: 768px){.chat-header{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.workspace-button{min-width:90px;padding:6px 10px;font-size:var(--font-size-xs)}.context-title{font-size:var(--font-size-md)}.context-subtitle{font-size:var(--font-size-xs)}.action-button{width:38px;height:38px}.action-button svg{width:18px;height:18px}.header-actions{gap:6px}}@media (max-width: 480px){.header-left{gap:var(--spacing-sm)}.workspace-button{min-width:80px;font-size:var(--font-size-xs)}.context-title{font-size:var(--font-size-sm)}}.workspace-button:focus-visible,.action-button:focus-visible,.workspace-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.action-button.loading{pointer-events:none}.action-button.loading svg{animation:spin 1s linear infinite}.action-button.settings{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.chat-header{box-shadow:0 2px 8px #00000014}.header-top-row{margin-bottom:8px}.chat-header{background:linear-gradient(135deg,#2a2a2a,#1f1f1f,#242424);box-shadow:0 4px 20px #0000004d}.workspace-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.action-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.action-button:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (min-width: 769px){.chat-header{display:none}}.create-list-view{position:relative;height:100%;overflow:hidden;top:0;left:0;right:0;bottom:0;z-index:var(--z-views);background:var(--bg-primary);display:flex;flex-direction:column}@media (max-width: 768px){.create-list-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-views)}}.view-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.back-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.back-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.view-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.view-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl)}.template-selector{max-width:600px;margin:0 auto}.quick-templates{margin-bottom:var(--spacing-2xl)}.quick-templates h3,.saved-templates h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.template-button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.template-button:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}.template-emoji{font-size:2rem;line-height:1}.template-name{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--line-height-tight)}.saved-templates{margin-bottom:var(--spacing-2xl)}.template-section{margin-bottom:var(--spacing-xl)}.template-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.5px}.template-option{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-md);text-align:left}.template-option:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 8px var(--primary-shadow)}.template-option.create-new{background:var(--primary-color);color:var(--text-white);font-weight:var(--font-medium);justify-content:center;margin-top:var(--spacing-lg)}.template-option.create-new:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}.template-info{flex:1}.template-info .template-name{display:block;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.template-description{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.create-form{max-width:600px;margin:0 auto}.form-section{margin-bottom:var(--spacing-2xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-xs)}.emoji-option{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-option:hover{background:var(--bg-hover);transform:scale(1.1)}.emoji-option.active{background:var(--primary-light);border-color:var(--primary-color);transform:scale(1.1)}.color-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-sm)}.color-option{border:2px solid transparent;border-radius:50%;padding:0;cursor:pointer;transition:all var(--transition-fast);aspect-ratio:1;min-height:32px;position:relative}.color-option:hover{transform:scale(1.2);box-shadow:0 2px 8px #0003}.color-option.active{border-color:var(--text-primary);transform:scale(1.2);box-shadow:0 2px 8px #0000004d}.color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:var(--font-size-sm);text-shadow:0 1px 2px rgba(0,0,0,.5)}.checkbox-label{display:flex!important;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-md)!important;line-height:var(--line-height-relaxed);margin-bottom:0!important}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary);transition:all var(--transition-fast);position:relative;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-help{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-sm);line-height:var(--line-height-relaxed)}.limits-info{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.limits-info p{margin:0;font-size:var(--font-size-sm);color:var(--warning-text);line-height:var(--line-height-relaxed)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);margin-top:var(--spacing-xl)}.secondary-button,.primary-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);min-height:44px;border:none}.secondary-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.secondary-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.primary-button{background:var(--primary-color);color:var(--text-white);box-shadow:0 2px 8px var(--primary-shadow)}.primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-shadow)}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.view-content{padding:var(--spacing-lg)}.template-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.template-button{padding:var(--spacing-md) var(--spacing-sm)}.template-emoji{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.emoji-picker,.color-picker{grid-template-columns:repeat(6,1fr)}.form-actions{flex-direction:column-reverse}.secondary-button,.primary-button{width:100%;justify-content:center}.view-header{padding:var(--spacing-md) var(--spacing-lg)}.view-title{font-size:var(--font-size-lg)}}@media (max-width: 480px){.template-grid{grid-template-columns:1fr}.emoji-picker,.color-picker{grid-template-columns:repeat(4,1fr)}}.advanced-toggle{margin:var(--spacing-lg) 0}.advanced-toggle-button{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm) 0;transition:all var(--transition-fast);font-weight:var(--font-medium)}.advanced-toggle-button:hover{color:var(--text-primary)}.advanced-options{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}}.advanced-options .form-group{margin-bottom:var(--spacing-lg)}.advanced-options .form-group:last-child{margin-bottom:0}.saved-lists-view{position:relative;height:100%;top:0;left:0;right:0;bottom:0;z-index:var(--z-views);background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.saved-lists-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-views)}}.saved-lists-view .view-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.saved-lists-view .back-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.saved-lists-view .back-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.saved-lists-view .view-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.saved-lists-view .view-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl)}.loading-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:var(--font-size-lg)}.saved-lists-view .empty-state{text-align:center;padding:var(--spacing-2xl);max-width:400px;margin:0 auto}.saved-lists-view .empty-icon{margin:0 auto var(--spacing-lg) auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-muted)}.saved-lists-view .empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.saved-lists-view .empty-state p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.saved-lists-grid{max-width:1200px;margin:0 auto}.template-category{margin-bottom:var(--spacing-2xl)}.category-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:inline-block}.templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.saved-list-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.saved-list-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-2px)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.list-info{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.list-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.list-details{flex:1;min-width:0}.list-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.list-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.card-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.action-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.action-btn.primary{background:var(--primary-color);color:var(--text-white)}.action-btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.action-btn.danger{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.action-btn.danger:hover{background:var(--error-color);color:var(--text-white);border-color:var(--error-color);transform:translateY(-1px)}.card-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-medium)}.items-preview{margin-top:var(--spacing-md)}.items-preview h5{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.items-list{list-style:none;padding:0;margin:0}.preview-item{padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-xs) 0;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:var(--font-size-sm);color:var(--text-primary)}.preview-item.more{color:var(--text-muted);font-style:italic}@media (max-width: 768px){.saved-lists-view .view-content{padding:var(--spacing-lg)}.templates-list{grid-template-columns:1fr;gap:var(--spacing-md)}.card-header{flex-direction:column;gap:var(--spacing-md)}.card-actions{align-self:flex-end}.card-stats{flex-wrap:wrap;gap:var(--spacing-md)}.saved-lists-view .view-header{padding:var(--spacing-md) var(--spacing-lg)}.saved-lists-view .view-title{font-size:var(--font-size-lg)}}.delete-view{position:relative;height:100%;top:0;left:0;right:0;bottom:0;z-index:var(--z-views);background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.delete-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-views)}}.delete-view .view-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.delete-view .back-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.delete-view .back-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.delete-view .back-button:disabled{opacity:.5;cursor:not-allowed}.delete-view .view-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.delete-view .view-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl);max-width:600px;margin:0 auto;width:100%}.warning-section{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#ef44440d,#ef44441a);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.warning-icon{margin:0 auto var(--spacing-lg) auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:50%;color:var(--error-color)}.warning-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--error-color);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-tight)}.warning-message{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0}.list-preview-card,.template-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 2px 8px #0000000d}.list-preview-header,.template-preview-header{margin-bottom:var(--spacing-lg)}.list-info,.template-info{display:flex;align-items:flex-start;gap:var(--spacing-md)}.list-emoji,.template-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.list-details,.template-details{flex:1;min-width:0}.list-title,.template-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);display:flex;align-items:center;gap:var(--spacing-sm)}.list-description,.template-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.list-stats,.template-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-semibold)}.items-preview{margin-bottom:var(--spacing-lg)}.items-preview h4{font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.items-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);background:var(--bg-tertiary)}.preview-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin:var(--spacing-xs) 0;background:var(--bg-primary);border-radius:var(--radius-xs);font-size:var(--font-size-sm)}.preview-item.completed{opacity:.7}.preview-item.completed .item-text{text-decoration:line-through}.preview-item.template-item{background:var(--bg-secondary)}.item-status{font-weight:var(--font-bold);color:var(--primary-color);width:16px;text-align:center}.item-bullet{color:var(--text-muted);font-weight:var(--font-bold)}.item-text{flex:1;color:var(--text-primary)}.more-items{padding:var(--spacing-sm);text-align:center;color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.list-badges,.template-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.badge.auto-delete{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.badge.from-template{background:#3b82f61a;color:var(--primary-color);border:1px solid rgba(59,130,246,.2)}.badge.recurring{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.badge.popular{background:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.badge.family{background:#8b45131a;color:#8b4513;border:1px solid rgba(139,69,19,.2)}.impact-warning{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.impact-icon{color:var(--warning-color);flex-shrink:0;margin-top:2px}.impact-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-relaxed)}.confirmation-section{margin-bottom:var(--spacing-2xl)}.confirmation-label{display:block;font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.confirmation-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast);box-sizing:border-box}.confirmation-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}.confirmation-input.valid{border-color:var(--success-color);background:#10b9810d}.confirmation-input:disabled{opacity:.6;cursor:not-allowed}.confirmation-help{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-sm);line-height:var(--line-height-normal)}.action-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.cancel-button,.delete-button{flex:1;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;border:none}.cancel-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.delete-button{background:var(--error-color);color:var(--text-white);box-shadow:0 2px 8px #ef44444d}.delete-button.enabled:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.additional-info{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.info-text:last-child{margin-bottom:0}@media (max-width: 768px){.delete-view .view-content{padding:var(--spacing-lg)}.delete-view .view-header{padding:var(--spacing-md) var(--spacing-lg)}.delete-view .view-title{font-size:var(--font-size-lg)}.warning-section{padding:var(--spacing-lg)}.warning-icon{width:60px;height:60px}.list-preview-card,.template-preview-card{padding:var(--spacing-lg)}.list-stats,.template-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-buttons{flex-direction:column-reverse}.cancel-button,.delete-button{width:100%}}.note-preview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);overflow:hidden;box-shadow:0 2px 8px #0000000d}.note-preview-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.note-info{display:flex;align-items:flex-start;gap:var(--spacing-md)}.note-info .pinned-icon{color:var(--warning-color);flex-shrink:0;margin-top:2px}.note-details{flex:1;min-width:0}.note-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.note-title svg{color:var(--warning-color)}.note-timestamp{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.note-content-preview{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.note-text{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-relaxed);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:inherit;word-break:break-word}.note-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary)}.note-stats .stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.note-stats .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.note-stats .stat-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--spacing-xs)}.note-stats .stat-value.encrypted{color:var(--warning-color)}.note-stats .stat-value.no-recovery{color:var(--error-color)}.options-section{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.option-card{background:var(--bg-secondary);border:2px solid;border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.option-card.recommended{border-color:var(--success-color);background:linear-gradient(135deg,#28a7450d,#28a74505)}.option-card.danger{border-color:var(--error-color);background:linear-gradient(135deg,#ef44440d,#ef444405)}.option-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.option-header h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.option-card.recommended .option-header h3{color:var(--success-color)}.option-card.danger .option-header h3{color:var(--error-color)}.option-card.recommended .option-header svg{color:var(--success-color)}.option-card.danger .option-header svg{color:var(--error-color)}.option-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.unpin-button{background:var(--success-color);color:var(--text-white);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center}.unpin-button:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.unpin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-button{background:var(--error-color);color:var(--text-white);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center;box-shadow:0 2px 8px #ef44444d}.delete-button.enabled:hover{background:var(--error-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.delete-button.disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirmation-input{margin-bottom:var(--spacing-lg)}.confirmation-input label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.confirmation-field{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.confirmation-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.confirmation-field.valid{border-color:var(--success-color);background:#28a7450d}.confirmation-field::placeholder{color:var(--text-muted)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.additional-info{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.info-block{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.info-block svg{flex-shrink:0;margin-top:2px}.info-block.security{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning-color)}.info-block.recovery{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary-color)}.info-block.family{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success-color)}.info-block svg{color:inherit}.info-block strong{color:var(--text-primary)}@media (max-width: 768px){.note-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.options-section{gap:var(--spacing-lg)}.option-card{padding:var(--spacing-lg)}.option-header h3{font-size:var(--font-size-md)}.info-block{flex-direction:column;gap:var(--spacing-sm)}.info-block svg{align-self:flex-start}}.dark-mode .note-preview-card{box-shadow:0 2px 8px #0003}.dark-mode .option-card.recommended{background:#51cf661a;border-color:#51cf66}.dark-mode .option-card.danger{background:#ff6b6b1a;border-color:#ff6b6b}.dark-mode .info-block.security{background:#f59e0b26;border-color:#f59e0b4d}.dark-mode .info-block.recovery{background:#6366f126;border-color:#6366f14d}.dark-mode .info-block.family{background:#10b98126;border-color:#10b9814d}.profile-summary-compact{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.profile-summary-name,.display-name-text{color:var(--text-primary)!important}.profile-summary-email{color:var(--text-secondary)!important}.family-setup,.family-info-section,.family-members,.family-settings-section{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.upgrade-notice h4,.upgrade-notice p{color:var(--warning-text)!important}.dark-mode .profile-summary-compact{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}.dark-mode .profile-summary-name,.dark-mode .display-name-text{color:#fff!important}.dark-mode .family-setup,.dark-mode .family-info-section,.dark-mode .family-members,.dark-mode .family-settings-section{background:#ffffff0d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .upgrade-notice h4{color:#fff!important}.dark-mode .upgrade-notice p{color:#ffffffb3!important}.family-settings-view{background:var(--bg-primary);min-height:100vh;overflow-y:auto;color:var(--text-primary)}.family-settings-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-hover);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--primary-color);color:#fff}.header-content{display:flex;align-items:center;gap:12px}.header-content svg{color:var(--primary-color)}.header-content h2{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.header-content p{margin:0;font-size:14px;color:var(--text-secondary)}.family-settings-content{padding:20px;display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.profile-management-section{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border-color)}.profile-management-section h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.section-description{margin:0 0 20px;font-size:14px;color:var(--text-secondary)}.profile-card{background:var(--bg-primary);border-radius:8px;padding:20px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-avatar-wrapper{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.profile-avatar-wrapper:hover{border-color:var(--primary-color)}.profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{font-size:24px;font-weight:600;color:var(--text-secondary)}.avatar-edit-button{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:var(--primary-color);border:2px solid var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.avatar-edit-button:hover{background:var(--primary-hover);transform:scale(1.1)}.change-photo-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.change-photo-button:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.profile-info-section{width:100%;display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-field small{font-size:12px;color:var(--text-secondary);margin-top:4px}.name-edit-container{display:flex;align-items:center;gap:8px}.name-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.name-input:focus{outline:none;border-color:var(--primary-color)}.edit-actions{display:flex;gap:6px}.cancel-button,.save-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-button{background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-button:hover{background:var(--danger-bg, #fee);color:var(--danger-color, #dc2626)}.save-button{background:var(--primary-color);color:#fff}.save-button:hover:not(:disabled){background:var(--primary-hover)}.save-button:disabled{opacity:.5;cursor:not-allowed}.display-name-container{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:border-color .2s ease}.display-name-container:hover{border-color:var(--primary-color)}.display-name{font-size:14px;color:var(--text-primary);font-weight:500}.edit-name-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-hover);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease}.edit-name-button:hover{background:var(--primary-color);color:#fff}.profile-email{padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-family:monospace;word-break:break-all}.upgrade-notice{display:flex;align-items:center;gap:16px;padding:20px;background:#f59e0b1a;color:#d97706;border-radius:8px}.upgrade-notice h4{margin:0 0 4px;font-size:14px;font-weight:600}.upgrade-notice p{margin:0;font-size:12px}.family-setup{text-align:center;padding:32px 20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.setup-header{margin-bottom:24px}.setup-header svg{color:var(--primary-color);margin-bottom:12px}.setup-header h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.setup-header p{color:var(--text-secondary);font-size:14px;margin:0}.requirement-notice{display:flex;align-items:center;gap:12px;padding:16px;background:#f59e0b1a;color:#d97706;border-radius:8px;text-align:left;margin-bottom:20px}.requirement-notice h4{margin:0 0 4px;font-size:14px;font-weight:600}.requirement-notice p{margin:0;font-size:12px}.create-family-form{max-width:320px;margin:0 auto;text-align:left}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color)}.disabled-input{opacity:.6;cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:11px;color:var(--text-secondary)}.form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.create-button{display:flex;align-items:center;gap:6px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-button:hover:not(:disabled){background:var(--primary-hover)}.create-button:disabled{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center;color:var(--text-secondary)}.family-info-section,.pending-invitations,.family-members,.family-settings-section{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.family-info-section h4,.pending-invitations h4,.family-members h4,.family-settings-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.member-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);margin-bottom:8px}.member-item.owner{background:#fef3c7;border-color:#f59e0b}.member-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.member-item.owner .member-avatar{background:#f59e0b}.member-details{flex:1;min-width:0}.member-name{font-size:12px;font-weight:500;color:var(--text-primary);word-break:break-word}.member-item.owner .member-name{color:#92400e}.member-email{font-size:10px;color:var(--text-secondary);word-break:break-all}.member-item.owner .member-email{color:#a16207}.remove-member-button{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px;cursor:pointer;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.remove-member-button:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}@media (min-width: 768px){.header-content h2{font-size:20px}.family-settings-content{padding:24px;gap:32px}.profile-management-section{padding:32px}.profile-card{flex-direction:row;align-items:flex-start;text-align:left;gap:24px}.profile-avatar-section{flex-shrink:0}.profile-info-section{flex:1;gap:20px}.profile-management-section h3{font-size:20px}.setup-header h3{font-size:24px}.setup-header p{font-size:16px}}.family-details h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.family-meta{display:flex;gap:8px;flex-wrap:wrap}.role-badge,.member-count{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600}.role-badge.owner{background:#fef3c7;color:#92400e}.role-badge.member,.member-count{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.family-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.invite-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.invite-button:hover:not(:disabled){background:var(--primary-hover)}.invite-form{padding:12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);margin-top:12px}.invite-form h4{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--text-primary)}.invite-input-group{display:flex;gap:8px}.invite-email-input{flex:1;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:12px}.invite-email-input:focus{outline:none;border-color:var(--primary-color)}.send-invite-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--success-color, #10b981);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-invite-button:hover:not(:disabled){background:#059669}.invitations-list{display:flex;flex-direction:column;gap:8px}.invitation-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.invitation-info{display:flex;align-items:center;gap:8px;flex:1}.invitation-info .email{font-size:12px;font-weight:500;color:var(--text-primary)}.invitation-info .status{font-size:10px;color:var(--text-secondary)}.copy-link-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px;cursor:pointer;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.copy-link-button:hover{background:var(--bg-hover);color:var(--primary-color)}.settings-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.setting-info{flex:1;display:flex;flex-direction:column;gap:2px}.setting-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.setting-value{font-size:12px;font-weight:500;color:var(--text-primary)}.setting-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s ease}.setting-action:hover{background:var(--primary-color);color:#fff}.family-name-edit{display:flex;align-items:center;gap:8px;width:100%}.family-name-input{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-weight:500;background:var(--bg-input);color:var(--text-primary);outline:none;transition:all .2s ease}.family-name-input:focus{border-color:var(--primary-color)}.family-name-actions{display:flex;gap:4px}.save-family-name-btn,.cancel-family-name-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.save-family-name-btn{background:var(--success-color, #10b981);color:#fff}.save-family-name-btn:hover:not(:disabled){background:#059669}.save-family-name-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-family-name-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-family-name-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.danger-section{padding:12px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:6px;margin-top:16px}.danger-section h5{font-size:11px;font-weight:600;color:#ef4444;margin:0 0 4px}.danger-section p{font-size:10px;color:var(--text-secondary);margin:0 0 8px}.delete-family-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.delete-family-btn:hover{background:#dc2626}.delete-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.delete-confirmation-modal{background:var(--bg-primary);border-radius:8px;padding:20px;max-width:400px;width:100%;border:1px solid var(--border-color);box-shadow:0 10px 25px #0000004d}.delete-confirmation-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#ef4444}.delete-confirmation-header h3{margin:0;font-size:16px;font-weight:600}.delete-confirmation-content{margin-bottom:20px}.delete-confirmation-content p{margin:0 0 10px;font-size:14px;color:var(--text-primary)}.delete-confirmation-content ul{margin:10px 0;padding-left:16px;color:var(--text-secondary)}.delete-confirmation-content li{font-size:12px;margin-bottom:4px}.confirmation-input{margin-top:16px}.confirmation-input label{display:block;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.delete-confirmation-input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .15s}.delete-confirmation-input:focus{border-color:#ef4444}.delete-confirmation-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-delete-button,.confirm-delete-button{padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.cancel-delete-button{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-delete-button:hover{background:var(--bg-hover);color:var(--text-primary)}.confirm-delete-button{background:#ef4444;color:#fff}.confirm-delete-button:hover:not(:disabled){background:#dc2626}.confirm-delete-button:disabled{opacity:.5;cursor:not-allowed}.no-other-members{text-align:center;padding:16px;color:var(--text-secondary);font-style:italic;font-size:12px}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.error-state svg{color:#ef4444}.error-state h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.error-state p{margin:0;color:var(--text-secondary);font-size:12px}.retry-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}@media (min-width: 768px){.header-content h2{font-size:20px}.family-settings-content{padding:24px;gap:32px}.profile-management-section{padding:32px}.profile-card{flex-direction:row;align-items:flex-start;text-align:left;gap:24px}.profile-avatar-section{flex-shrink:0}.profile-info-section{flex:1;gap:20px}.profile-management-section h3{font-size:20px}.setup-header h3{font-size:24px}.setup-header p{font-size:16px}.family-header{flex-direction:row;align-items:center}.invite-input-group{flex-direction:row}.invite-button{font-size:13px;padding:8px 16px}.family-details h3{font-size:18px}.role-badge,.member-count{font-size:11px;padding:3px 8px}.delete-confirmation-modal{max-width:500px;padding:24px}.delete-confirmation-actions{flex-direction:row}.cancel-delete-button,.confirm-delete-button{padding:10px 16px;font-size:14px}}.profile-summary-compact{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-summary-content{display:flex;align-items:center;gap:12px;padding:12px 16px}.profile-summary-avatar{flex-shrink:0;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease}.profile-avatar-small{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid transparent}.profile-summary-avatar:hover .profile-avatar-small{border-color:#fff3;transform:scale(1.02)}.profile-avatar-image-small{width:100%;height:100%;object-fit:cover}.profile-initials-small{font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;border-radius:6px}.profile-summary-avatar:hover .avatar-edit-overlay{opacity:1}.avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#667eea;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.profile-summary-avatar:hover .avatar-edit-badge{background:#5a67d8;transform:scale(1.1);box-shadow:0 2px 6px #0006}.avatar-edit-hint{font-size:10px;color:#fff9;text-align:center;transition:all .2s ease;opacity:.8;margin-top:2px}.profile-summary-avatar:hover .avatar-edit-hint{color:#667eea;opacity:1;transform:translateY(-1px)}.profile-summary-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-summary-name{font-size:15px;font-weight:500;color:#fff}.name-edit-inline{display:flex;align-items:center;gap:8px}.name-input-inline{flex:1;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fff;font-size:14px;transition:all .2s ease}.name-input-inline:focus{outline:none;border-color:#667eea;background:#ffffff26}.name-input-inline::placeholder{color:#ffffff80}.edit-actions-inline{display:flex;gap:4px}.cancel-button-inline,.save-button-inline{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-button-inline{background:#ffffff1a;color:#ffffffb3}.cancel-button-inline:hover{background:#dc262633;color:#fca5a5}.save-button-inline{background:#667eea;color:#fff}.save-button-inline:hover:not(:disabled){background:#5a67d8}.save-button-inline:disabled{opacity:.6;cursor:not-allowed}.name-display-inline{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 0;border-radius:4px;transition:all .2s ease}.name-display-inline:hover{background:#ffffff1a;padding:2px 6px;margin:0 -6px}.display-name-text{color:#fff;font-weight:500}.edit-name-icon{color:#ffffff80;transition:all .2s ease}.name-display-inline:hover .edit-name-icon{color:#667eea}.profile-summary-email{font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-upload-inline{margin-top:12px;background:#ffffff14;border-radius:8px;border:1px solid rgba(255,255,255,.15);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0);max-height:200px;padding-top:16px;padding-bottom:16px}}.upload-header{margin-bottom:12px}.upload-header h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.upload-header p{margin:0;font-size:12px;color:#fff9}.upload-area{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.upload-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.upload-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.remove-photo-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#dc262633;color:#fca5a5;border:1px solid rgba(220,38,38,.3);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.remove-photo-button:hover:not(:disabled){background:#dc26264d;color:#f87171;border-color:#dc262680;transform:translateY(-1px)}.remove-photo-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-upload-button{display:flex;align-items:center;padding:8px 12px;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.cancel-upload-button:hover:not(:disabled){background:#ffffff26;color:#fff}.cancel-upload-button:disabled{opacity:.5;cursor:not-allowed}.upload-info{padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.upload-info small{color:#ffffff80;font-size:11px}@media (max-width: 768px){.profile-upload-inline{margin-top:8px;padding:12px}.upload-area{flex-direction:column;gap:6px;align-items:stretch}.upload-button,.remove-photo-button,.cancel-upload-button{width:100%;justify-content:center}}@media (max-width: 768px){.profile-summary-content{padding:10px 14px;gap:10px}.profile-avatar-small{width:44px;height:44px}.profile-initials-small,.profile-summary-name{font-size:14px}.profile-summary-email{font-size:12px}.name-input-inline{font-size:13px;padding:5px 8px}.cancel-button-inline,.save-button-inline{width:26px;height:26px}}@media (max-width: 480px){.profile-summary-content{padding:8px 12px}.profile-avatar-small{width:40px;height:40px}.profile-initials-small{font-size:13px}.name-edit-inline{flex-direction:column;align-items:stretch;gap:6px}.edit-actions-inline{justify-content:center}.name-display-inline{gap:4px}.profile-summary-email{font-size:11px}}.family-setup,.family-info-section,.family-members,.family-settings-section{background:#ffffff0d;border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upgrade-notice{background:#fbbf241a;border-radius:8px;padding:20px;border:1px solid rgba(251,191,36,.2);display:flex;align-items:center;gap:16px}.upgrade-notice svg{color:#fbbf24;flex-shrink:0}.upgrade-notice h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.upgrade-notice p{margin:0;font-size:14px;color:#ffffffb3}.notes-view{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:var(--spacing-lg)}.notes-title-section{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.notes-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;white-space:nowrap}.notes-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap}.notes-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.notes-search{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:200px;transition:all var(--transition-fast)}.notes-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.create-note-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap}.create-note-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.notes-filters{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.sort-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.notes-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pinned-section{border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.all-notes-section{background:var(--bg-primary)}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.section-header h3{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.section-header svg{color:var(--text-secondary)}.empty-notes{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary);min-height:400px}.empty-notes h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.empty-notes p{margin:0 0 var(--spacing-xl) 0;max-width:300px;line-height:var(--line-height-relaxed)}.empty-create-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:var(--font-medium)}@media (max-width: 768px){.notes-header{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-md);align-items:stretch}.notes-title-section{justify-content:space-between}.notes-actions{justify-content:stretch}.notes-search{min-width:0;flex:1}.create-note-text{display:none}.section-header{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-sm)}.empty-notes{padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}}@media (max-width: 480px){.notes-title{font-size:var(--font-size-lg)}.notes-count{font-size:var(--font-size-xs)}.notes-filters{padding:var(--spacing-sm) var(--spacing-lg)}}.create-note-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);color:#fff;font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap}.create-note-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.create-note-button:active{transform:translateY(0)}.notes-search{min-width:200px;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.notes-search:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}@media (max-width: 768px){.notes-header,.notes-filters{display:none}.notes-content{padding:var(--spacing-md);padding-bottom:calc(64px + var(--spacing-md))}.notes-view{height:100%;display:flex;flex-direction:column}.notes-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.section-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);position:sticky;top:0;background:var(--bg-secondary);z-index:10}.empty-notes{padding:var(--spacing-xl) var(--spacing-md);min-height:40vh;margin-top:var(--spacing-xl);align-items:flex-start;text-align:left}.empty-icon{align-self:flex-start;margin-bottom:var(--spacing-md)}.empty-notes h3,.empty-notes p{text-align:left;width:100%}}@media (max-width: 768px){.notes-mobile-create-fab{position:fixed;bottom:80px;right:var(--spacing-lg);width:56px;height:56px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.notes-mobile-create-fab:hover,.notes-mobile-create-fab:active{background:var(--primary-hover);transform:scale(1.05)}.notes-mobile-search-fab{position:fixed;bottom:150px;right:var(--spacing-lg);width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;z-index:999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.notes-mobile-search-fab:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}}@media (max-width: 768px){.create-note-text{display:none}.note-item,.note-card{margin-bottom:var(--spacing-sm);border-radius:var(--radius-md)}.pinned-section{border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.pinned-section .section-header,.all-notes-section .section-header{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 768px){.mobile-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:9999;display:none;flex-direction:column}.mobile-search-overlay.active{display:flex}.mobile-search-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.mobile-search-input{flex:1;padding:var(--spacing-md);border:none;background:none;font-size:var(--font-size-lg);outline:none;color:var(--text-primary)}.mobile-search-close{padding:var(--spacing-sm);background:none;border:none;cursor:pointer;color:var(--text-secondary)}}.mobile-view-label{display:none;padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center;position:sticky;top:0;z-index:50;letter-spacing:.5px;text-transform:uppercase}.mobile-view-label.personal{background:linear-gradient(135deg,#0066cc0d,#0066cc05);color:var(--primary-color);border-bottom-color:#0066cc1a}.mobile-view-label.family{background:linear-gradient(135deg,#22c55e0d,#22c55e05);color:#22c55e;border-bottom-color:#22c55e1a}@media (max-width: 768px){.mobile-view-label{display:block}}.dark-mode .mobile-view-label{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .mobile-view-label.personal{background:linear-gradient(135deg,#0066cc1a,#0066cc0d)}.dark-mode .mobile-view-label.family{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)}.lists-view{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.lists-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:var(--spacing-lg)}.lists-title-section{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.lists-title{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;white-space:nowrap}.lists-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);white-space:nowrap}.lists-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--text-secondary);pointer-events:none}.lists-search{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:200px;transition:all var(--transition-fast)}.lists-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.filter-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);min-width:40px;min-height:40px}.filter-button:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-toggle{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.view-button{background:var(--bg-tertiary);border:none;padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);min-width:40px;min-height:40px}.view-button:hover{background:var(--bg-hover);color:var(--text-primary)}.view-button.active{background:var(--primary-color);color:#fff}.view-button:not(:last-child){border-right:1px solid var(--border-color)}.saved-lists-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap}.saved-lists-button:hover{background:var(--bg-hover);color:var(--text-primary)}.create-list-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap}.create-list-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.lists-filters{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.filter-row{display:flex;align-items:center;gap:var(--spacing-xl)}.filter-group{display:flex;align-items:center;gap:var(--spacing-md)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);min-width:120px}.lists-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl)}.lists-container{display:grid;gap:var(--spacing-lg)}.lists-container.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.lists-container.list{grid-template-columns:1fr;max-width:800px;margin:0 auto}.empty-lists{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary);min-height:400px}.empty-icon{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:50%;color:var(--text-muted)}.empty-lists h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.empty-lists p{margin:0 0 var(--spacing-lg) 0;max-width:400px;line-height:var(--line-height-relaxed)}.tier-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.empty-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.empty-create-button,.empty-saved-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;font-weight:var(--font-medium)}.empty-saved-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.empty-create-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.empty-saved-button:hover{background:var(--bg-hover)}.loading-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.lists-header{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-md);align-items:stretch}.lists-title-section{justify-content:space-between}.lists-actions{justify-content:stretch;flex-wrap:wrap}.lists-search{min-width:0;flex:1}.view-mode-toggle{order:-1}.create-list-text,.saved-lists-text{display:none}.lists-content{padding:var(--spacing-lg)}.lists-container.grid{grid-template-columns:1fr}.filter-row{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.filter-group{justify-content:space-between}.filter-select{min-width:0;flex:1}.empty-lists{padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}.empty-actions{flex-direction:column;width:100%}.empty-create-button,.empty-saved-button{width:100%;justify-content:center}}@media (max-width: 480px){.lists-title{font-size:var(--font-size-lg)}.lists-count{font-size:var(--font-size-xs)}.lists-filters{padding:var(--spacing-sm) var(--spacing-lg)}}.mobileOnlyContent{display:none}@media (max-width: 768px){.mobileOnlyContent{display:block}}.notification-settings-view{position:relative;height:100%;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.notification-settings-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-views)}}.notification-settings-view .view-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.notification-settings-view .back-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.notification-settings-view .back-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.notification-settings-view .header-title{display:flex;align-items:center;gap:var(--spacing-md)}.notification-settings-view .header-title h1{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.notification-settings-view .view-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl)}.permission-status{margin-bottom:var(--spacing-2xl)}.status-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid;transition:all var(--transition-fast)}.status-card.enabled{background:var(--success-light);border-color:var(--success-color);color:var(--success-color)}.status-card.disabled{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.status-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.status-card.enabled .status-icon{background:var(--success-color);color:#fff}.status-card.disabled .status-icon{background:var(--warning-color);color:#fff}.status-content{flex:1;min-width:0}.status-content h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.status-content p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.enable-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.enable-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.enable-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-section{margin-bottom:var(--spacing-2xl);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.section-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.section-header h2{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.setting-item{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--bg-hover)}.setting-item.subsetting{padding-left:var(--spacing-2xl);background:var(--bg-primary)}.setting-control{margin-bottom:var(--spacing-sm)}.setting-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--text-primary)}.setting-label input[type=checkbox]{margin:0;cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.setting-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin-left:26px}.quiet-hours-config{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.time-inputs{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width: 480px){.time-inputs{flex-direction:column;gap:var(--spacing-md)}}.time-input{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-input label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-primary)}.time-input input[type=time]{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.time-input input[type=time]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light)}.time-display{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.quiet-hours-note{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--info-light);border:1px solid var(--info-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--info-color)}.browser-instructions{margin-top:var(--spacing-2xl)}.instruction-card{padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.instruction-card h3{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.instruction-card>p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--spacing-lg) 0}.instruction-steps{text-align:left;background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.instruction-steps p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.instruction-steps p:last-child{margin-bottom:0}.instruction-steps strong{color:var(--text-primary);font-weight:var(--font-semibold)}@media (max-width: 640px){.notification-settings-view .view-content{padding:var(--spacing-lg)}.status-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.status-icon,.enable-button{align-self:center}.section-header,.setting-item{padding:var(--spacing-md)}.setting-item.subsetting{padding-left:var(--spacing-lg)}}@media (max-width: 480px){.notification-settings-view .view-header{padding:var(--spacing-md) var(--spacing-lg)}.notification-settings-view .header-title h1{font-size:var(--font-size-lg)}.instruction-card{padding:var(--spacing-lg)}.instruction-steps{padding:var(--spacing-md)}}.settings-section{animation:fadeIn .3s ease-out}.settings-section:nth-child(2){animation-delay:.1s}.settings-section:nth-child(3){animation-delay:.2s}.settings-section:nth-child(4){animation-delay:.3s}.settings-section:nth-child(5){animation-delay:.4s}.dark-mode .notification-settings-view{background:var(--bg-primary)}.dark-mode .status-card.enabled{background:#10b9811a;border-color:var(--success-color)}.dark-mode .status-card.disabled{background:var(--warning-bg);border-color:var(--warning-border)}.dark-mode .settings-section{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .section-header{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .quiet-hours-config{background:var(--bg-primary)}.dark-mode .time-input input[type=time]:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #4dabf733}.dark-mode .quiet-hours-note{background:#3b82f61a;border-color:var(--info-color);color:var(--info-color)}.dark-mode .instruction-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .instruction-steps{background:var(--bg-primary);border-color:var(--border-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#0009);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);overflow-y:auto;animation:backdropFadeIn .3s ease-out}.settings-modal-modern{background:var(--modal-bg);border-radius:var(--radius-md);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 0 0 1px var(--modal-border);width:100%;max-width:520px;max-height:calc(100vh - 32px);min-height:auto;overflow:hidden;display:flex;flex-direction:column;margin:auto;animation:modalSlideIn .4s ease-out;transform-origin:center;padding:var(--spacing-md)}.settings-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--modal-bg);border-bottom:1px solid var(--modal-header-border);flex-shrink:0}.settings-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--premium-gradient);border-radius:var(--radius-md) var(--radius-md) 0 0}.header-main{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0}.header-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--premium-gradient);display:flex;align-items:center;justify-content:center;color:var(--premium-text);flex-shrink:0;box-shadow:0 8px 16px #667eea4d;transition:transform var(--transition-normal)}.header-icon:hover{transform:translateY(-2px)}.header-text{flex:1;min-width:0}.header-text h1{font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);opacity:.9}.close-button{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden;font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.close-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.close-button:hover:before{left:100%}.close-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.settings-body{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.settings-body::-webkit-scrollbar{width:6px}.settings-body::-webkit-scrollbar-track{background:transparent}.settings-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background var(--transition-normal)}.settings-body::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}.settings-section{animation:sectionFadeIn .5s ease-out forwards;opacity:0;transform:translateY(10px)}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.settings-section:nth-child(4){animation-delay:.4s}@keyframes sectionFadeIn{to{opacity:1;transform:translateY(0)}}.settings-section h3{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-tight);position:relative;padding-bottom:var(--spacing-sm)}.settings-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--premium-gradient);border-radius:1px}.settings-card{background:var(--modal-bg)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal);flex-shrink:0;position:relative;isolation:isolate}.settings-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color),var(--premium-gradient-end));opacity:0;transition:opacity var(--transition-normal);z-index:-1}.settings-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 16px 32px #0000001a,0 8px 16px #00000014,0 0 0 1px var(--primary-color)}.settings-card:hover:before{opacity:.02}.card-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--modal-bg) 0%,var(--bg-secondary) 100%)}.card-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-normal);position:relative;overflow:hidden}.card-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--premium-gradient);opacity:0;transition:opacity var(--transition-normal)}.settings-card:hover .card-icon:before{opacity:.1}.subscription-icon{background:var(--premium-gradient);color:var(--premium-text);box-shadow:0 4px 12px #667eea4d}.card-title{flex:1;min-width:0}.card-title h2{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.card-title p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);word-wrap:break-word;opacity:.9}.profile-content,.subscription-content,.family-content,.account-actions{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-field{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.profile-field:hover{background:var(--bg-secondary)}.field-icon{width:var(--icon-xl);height:var(--icon-xl);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;margin-top:2px;border-radius:var(--radius-sm);background:var(--primary-light)}.field-content{flex:1;min-width:0}.field-content label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:var(--font-size-md);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;line-height:var(--line-height-normal);font-weight:var(--font-medium)}.field-value.placeholder{color:var(--text-muted);font-style:italic;font-weight:var(--font-normal)}.field-with-action{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.field-with-action .field-value{flex:1;min-width:0}.edit-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}.edit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.edit-btn:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.edit-field{display:flex;align-items:center;gap:var(--spacing-sm);animation:editFieldSlideIn .3s ease-out}@keyframes editFieldSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.edit-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);background:var(--bg-input);color:var(--text-primary);outline:none;transition:all var(--transition-normal);font-weight:var(--font-medium)}.edit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.save-btn,.cancel-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.save-btn{background:var(--success-color);color:var(--text-white);box-shadow:0 2px 8px #28a7454d}.save-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.field-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-sm);line-height:var(--line-height-normal);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.field-warning{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--warning-text);border-left:4px solid var(--warning-color);animation:warningPulse .5s ease-out}@keyframes warningPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);line-height:var(--line-height-normal);font-weight:var(--font-medium);transition:transform var(--transition-fast)}.feature:hover{transform:translate(4px)}.feature.included{color:var(--success-color)}.feature.excluded{color:var(--text-muted);opacity:.6}.feature.limited{color:var(--warning-color)}.feature svg{flex-shrink:0;width:var(--icon-md);height:var(--icon-md)}.upgrade-button,.manage-button,.manage-family-button,.create-family-button,.sign-out-button,.settings-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);text-align:left;position:relative;overflow:hidden}.upgrade-button:before,.manage-button:before,.manage-family-button:before,.create-family-button:before,.sign-out-button:before,.settings-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.upgrade-button:hover:before,.manage-button:hover:before,.manage-family-button:hover:before,.create-family-button:hover:before,.sign-out-button:hover:before,.settings-button:hover:before{left:100%}.upgrade-button{background:var(--premium-gradient);color:var(--premium-text);box-shadow:0 4px 16px #667eea4d}.upgrade-button:hover{background:var(--premium-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.manage-button,.settings-button.manage{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.manage-button:hover:not(:disabled),.settings-button.manage:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.manage-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.manage-family-button,.create-family-button{background:var(--primary-color);color:var(--text-white);box-shadow:0 4px 16px #667eea4d}.manage-family-button:hover:not(:disabled),.create-family-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.manage-family-button:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border:2px solid var(--border-color);transform:none!important;box-shadow:none}.sign-out-button{background:var(--danger-color);color:var(--text-white);box-shadow:0 4px 16px #ef44444d}.sign-out-button:hover{background:var(--danger-hover);transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.settings-notice{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--primary-light);border:2px solid var(--border-focus);border-radius:var(--radius-sm);margin-top:var(--spacing-lg);border-left:4px solid var(--primary-color);animation:noticeSlideIn .4s ease-out}@keyframes noticeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-notice svg{flex-shrink:0;color:var(--primary-color);margin-top:2px;width:var(--icon-lg);height:var(--icon-lg)}.settings-notice p{margin:0;font-size:var(--font-size-md);color:var(--primary-color);line-height:var(--line-height-normal);word-wrap:break-word;font-weight:var(--font-medium)}.permission-warning{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--warning-bg);border:2px solid var(--warning-border);border-radius:var(--radius-sm);margin-bottom:0;border-left:4px solid var(--warning-color);animation:warningSlideIn .4s ease-out}.permission-warning button{margin-top:var(--spacing-md)}.setting-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary)}.setting-item{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all var(--transition-normal)}.setting-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a}.setting-description{margin:var(--spacing-md) 0 0 40px;font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-weight:var(--font-medium)}.setting-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--primary-color)}.quiet-hours-config{margin:var(--spacing-xl) 0 0 40px;padding:var(--spacing-xl);background:var(--modal-bg);border-radius:var(--radius-sm);border:2px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.time-input input[type=time]{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-lg);background:var(--bg-input);color:var(--text-primary);font-weight:var(--font-semibold);transition:all var(--transition-normal)}.current-status{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-sm);border:2px solid var(--border-color)}.family-content{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.family-info-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-normal)}.family-info-display:hover{border-color:var(--primary-color);background:var(--primary-light)}.family-details{flex:1}.family-name{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.family-role-display{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--premium-gradient);color:var(--premium-text);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d}.family-role-display.member{background:var(--bg-active);color:var(--text-secondary);box-shadow:none}.family-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.manage-family-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 4px 16px #667eea4d}.manage-family-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.manage-family-btn:hover:before{left:100%}.manage-family-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.manage-family-btn:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border:2px solid var(--border-color);transform:none!important;box-shadow:none}.family-setup-prompt{text-align:center;padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-sm);border:2px dashed var(--border-color)}.family-setup-prompt h4{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.family-setup-prompt p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed)}.create-family-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--premium-gradient);color:var(--premium-text);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 16px #667eea4d}.create-family-btn:hover{background:var(--premium-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.family-warning,.setup-requirement{background:var(--warning-bg);border:2px solid var(--warning-border);border-left:4px solid var(--warning-color)}.requirement-text h3,.requirement-text p{color:var(--warning-text);font-weight:var(--font-semibold)}.dark-mode .settings-modal-modern{background:var(--modal-bg);border-color:var(--modal-border);box-shadow:0 32px 64px #0000004d,0 16px 32px #0003,0 0 0 1px var(--modal-border)}.dark-mode .header-text h1{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .card-header{background:linear-gradient(135deg,var(--modal-bg) 0%,var(--bg-secondary) 100%)}.dark-mode .family-content{background:var(--modal-bg)}.dark-mode .family-info-display{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .family-info-display:hover{border-color:var(--primary-color);background:var(--primary-light)}.dark-mode .family-setup-prompt{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl)}.settings-modal-modern{max-width:100%;max-height:calc(100vh - 32px);margin:0;border-radius:var(--radius-md)}.settings-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.header-icon{width:40px;height:40px}.header-text h1{font-size:var(--font-size-xl)}.settings-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-xl)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.time-inputs{flex-direction:column;gap:var(--spacing-lg)}.permission-warning{flex-direction:column;gap:var(--spacing-md)}.setting-description{margin-left:0;margin-top:var(--spacing-md);padding-left:32px}.quiet-hours-config{margin-left:0;margin-top:var(--spacing-lg)}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm);padding-top:var(--spacing-lg)}.settings-modal-modern{border-radius:var(--radius-sm);max-height:calc(100vh - 16px)}.settings-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.header-main{gap:var(--spacing-md)}.header-icon{width:36px;height:36px}.header-text h1{font-size:var(--font-size-lg)}.settings-body{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-lg)}.card-header,.profile-content,.subscription-content,.family-content,.account-actions{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 768px){.profile-layout{flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center}.avatar-section{align-items:center}.profile-details{width:100%;align-items:center}.name-display{justify-content:center}.info-row{flex-direction:column;gap:var(--spacing-md);text-align:center}}.profile-content{padding:var(--spacing-xl);background:var(--modal-bg)}.profile-layout{display:flex;align-items:center;gap:var(--spacing-xl);animation:profileFadeIn .5s ease-out}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.avatar-wrapper{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-secondary);padding:4px;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center}.avatar-wrapper:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 24px #0000001f,0 0 0 2px #667eea33}.avatar-wrapper:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea4d,0 4px 12px #0000001a}.avatar-wrapper.loading{cursor:not-allowed;opacity:.7}.settings-modal-modern .profile-avatar,.modal-container .profile-avatar{display:block;border-radius:50%!important;transition:transform var(--transition-normal)}.avatar-wrapper:hover .profile-avatar{transform:scale(1.02)}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#000000b3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:0;transition:all var(--transition-normal);border-radius:var(--radius-md)}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-overlay-icon{color:var(--text-white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.avatar-overlay-text{color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:.5px}.avatar-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:50%;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-loading .animate-spin{color:var(--text-white)}.profile-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-lg);transition:opacity var(--transition-normal)}.profile-details.loading{opacity:.6;pointer-events:none}.name-section{position:relative}.name-edit{display:flex;align-items:center;gap:var(--spacing-md);animation:editSlideIn .3s ease-out}@keyframes editSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.name-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:var(--font-bold);background:var(--bg-input);color:var(--text-primary);outline:none;transition:all var(--transition-normal);box-shadow:0 2px 8px #0000000d}.name-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,0 4px 12px #0000001a;transform:translateY(-1px);background:var(--modal-bg)}.name-input::placeholder{color:var(--text-muted);opacity:.7}.edit-actions{display:flex;gap:var(--spacing-xs)}.edit-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;font-size:14px;box-shadow:0 2px 8px #0000001a}.edit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.edit-btn:hover:before{left:100%}.save-btn{background:linear-gradient(135deg,var(--success-color) 0%,#28a745 100%);color:var(--text-white)}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#28a745 0%,var(--success-color) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #0000001a}.cancel-btn{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--modal-bg) 100%);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%);color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.name-display{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent;background:transparent;position:relative;overflow:hidden;min-height:44px}.name-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color),var(--premium-gradient-end));opacity:0;transition:opacity var(--transition-normal);z-index:-1}.name-display:hover{border-color:var(--primary-color);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.name-display:hover:before{opacity:.05}.name-display:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea33}.display-name{flex:1;margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--line-height-tight);text-align:left}.display-name.placeholder{color:var(--text-muted);font-style:italic;font-weight:var(--font-medium)}.edit-icon{color:var(--text-secondary);opacity:.5;transition:all var(--transition-normal);flex-shrink:0}.name-display:hover .edit-icon{color:var(--primary-color);opacity:1;transform:scale(1.1)}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--modal-bg) 100%);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-normal);flex-wrap:nowrap}.info-row:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a;transform:translateY(-1px)}.email{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-medium);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-icon{color:var(--primary-color);background:var(--primary-light);padding:6px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #667eea33}.tier-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-normal);box-shadow:0 2px 8px #0000001a;flex-shrink:0;white-space:nowrap}.tier-badge.premium{background:var(--premium-gradient);color:var(--premium-text);box-shadow:0 4px 12px #667eea4d}.tier-badge.family{background:linear-gradient(135deg,var(--success-color) 0%,#10b981 100%);color:var(--text-white);box-shadow:0 4px 12px #22c55e4d}.tier-badge:not(.premium):not(.family){background:var(--bg-active);color:var(--text-secondary);border:1px solid var(--border-color)}.tier-badge:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.profile-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--warning-bg) 0%,rgba(251,191,36,.1) 100%);border:1px solid var(--warning-border);border-left:4px solid var(--warning-color);border-radius:var(--radius-sm);animation:warningSlideIn .4s ease-out}@keyframes warningSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.warning-icon{color:var(--warning-color);flex-shrink:0}.warning-text{font-size:var(--font-size-sm);color:var(--warning-text);font-weight:var(--font-medium);line-height:var(--line-height-normal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark-mode .avatar-wrapper{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .avatar-wrapper:hover{border-color:var(--primary-color)}.dark-mode .name-display{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--modal-bg) 100%)}.dark-mode .info-row{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--modal-bg) 100%);border-color:var(--border-color)}.dark-mode .name-input{background:var(--bg-input);border-color:var(--border-color)}.dark-mode .name-input:focus{background:var(--modal-bg);border-color:var(--primary-color)}.dark-mode .cancel-btn{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--modal-bg) 100%);border-color:var(--border-color)}@media (max-width: 768px){.profile-layout{flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.avatar-section{align-items:center}.profile-details{width:100%;align-items:center}.name-display{justify-content:center;padding:var(--spacing-md) var(--spacing-lg)}.display-name{text-align:center}.info-row{flex-direction:column;gap:var(--spacing-sm);text-align:center;align-items:center}.email{justify-content:center;text-align:center}.tier-badge{margin-top:var(--spacing-xs)}}@media (max-width: 480px){.profile-content{padding:var(--spacing-lg)}.name-edit{flex-direction:column;gap:var(--spacing-sm)}.edit-actions{justify-content:center}.name-input{width:100%;text-align:center}.display-name{font-size:var(--font-size-lg)}}.settings-card.family-card{position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column}.settings-card.family-card .card-header{flex-shrink:0;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.settings-card.family-card .family-content{flex:1;display:flex;flex-direction:column;justify-content:center}.family-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:120px}.family-setup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}.family-setup-prompt{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#6366f114,#3b82f614);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-md);transition:all var(--transition-normal);width:100%;max-width:none}.family-setup-prompt:hover{background:linear-gradient(135deg,#6366f11f,#3b82f61f);border-color:#6366f140;transform:translateY(-1px)}.family-setup-prompt h4{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.family-setup-prompt p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-relaxed);opacity:.9}.create-family-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--premium-gradient);color:var(--premium-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #667eea40;min-height:44px;min-width:160px;position:relative;overflow:hidden}.create-family-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.create-family-btn:hover:before{left:100%}.create-family-btn:hover{background:var(--premium-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px #667eea59}.create-family-btn:active{transform:translateY(0);box-shadow:0 4px 12px #667eea40}.setup-ready{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.setup-ready p{font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-medium);margin:0;text-align:center}.create-family-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--premium-gradient);color:var(--premium-text);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #667eea40;min-height:44px;min-width:160px}.create-family-button:hover{background:var(--premium-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 20px #667eea59}.setup-requirement{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.2);border-left:4px solid var(--warning-color);border-radius:var(--radius-md);width:100%}.requirement-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fbbf2426;border-radius:var(--radius-sm);color:var(--warning-color)}.requirement-text{flex:1;min-width:0}.requirement-text h3{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--warning-text);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight)}.requirement-text p{font-size:var(--font-size-sm);color:var(--warning-text);margin:0;line-height:var(--line-height-relaxed);opacity:.9}.family-active{display:flex;flex-direction:column;gap:var(--spacing-lg)}.family-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.family-info h3{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.family-role{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:var(--font-medium)}.family-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--warning-text)}.manage-family-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);min-height:44px;width:100%}.manage-family-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.manage-family-button:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);min-height:80px}.loading-state span{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:var(--font-medium)}.dark-mode .family-setup-prompt{background:linear-gradient(135deg,#6366f11f,#3b82f61f);border-color:#6366f133}.dark-mode .family-setup-prompt:hover{background:linear-gradient(135deg,#6366f12e,#3b82f62e);border-color:#6366f14d}.dark-mode .setup-requirement{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2440}.dark-mode .requirement-icon{background:#fbbf2433}.dark-mode .family-warning{background:#fbbf2426;border-color:#fbbf2440}@media (max-width: 768px){.family-content{padding:var(--spacing-md);gap:var(--spacing-md)}.family-setup-prompt{padding:var(--spacing-lg) var(--spacing-md)}.family-setup-prompt h4{font-size:var(--font-size-md)}.family-setup-prompt p{font-size:var(--font-size-sm)}.create-family-btn,.create-family-button{width:100%;min-width:unset;padding:var(--spacing-md)}.setup-requirement{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;text-align:center}.requirement-icon{align-self:center}.manage-family-button{padding:var(--spacing-md)}}@media (max-width: 480px){.family-content{padding:var(--spacing-sm) var(--spacing-md)}.family-setup-prompt{padding:var(--spacing-md)}.family-setup-prompt h4{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.family-setup-prompt p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.create-family-btn,.create-family-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}.note-preview{background-color:#f8f9fa;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.note-preview p{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic}.quick-options{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.quick-options button{flex:1;padding:6px var(--spacing-md);background-color:var(--bg-hover);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-options button:hover{background-color:var(--bg-active);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-actions button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:6px;font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.modal-actions .cancel{background-color:var(--bg-hover);color:var(--text-secondary)}.modal-actions .cancel:hover{background-color:var(--bg-active);color:var(--text-primary)}.modal-actions .primary{background-color:var(--primary-color);color:var(--text-white)}.modal-actions .primary:hover{background-color:var(--primary-hover)}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:0;animation:fadeIn .2s ease-out}.edit-modal-container{background-color:var(--bg-primary);width:100%;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideIn .3s ease-out;position:relative}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (min-width: 769px){.edit-modal-overlay{padding:10vh 10vw}.edit-modal-container{border-radius:var(--radius-lg);width:80vw;height:80vh;max-width:1200px;max-height:900px}}@media (max-width: 768px){.edit-modal-container{max-width:100%;max-height:100%;border-radius:0}}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);flex-shrink:0}.edit-modal-title{display:flex;align-items:center;gap:var(--spacing-sm)}.edit-modal-title h2{font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.edit-modal-title svg{color:var(--text-secondary)}.edit-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.edit-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.edit-modal-info{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.edit-info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.edit-info-item svg{width:var(--icon-sm);height:var(--icon-sm)}.edit-modal-editor{flex:1;padding:var(--spacing-xl);position:relative;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.edit-modal-textarea{width:100%;height:100%;flex:1;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);resize:none;outline:none;background-color:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast)}.edit-modal-textarea:focus{border-color:var(--border-color-focus)}.edit-character-count{position:absolute;bottom:calc(var(--spacing-xl) + var(--spacing-sm));right:calc(var(--spacing-xl) + var(--spacing-md));font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-2xl);transition:all var(--transition-fast)}.edit-character-count.warning{color:var(--warning-color);font-weight:var(--font-medium)}.edit-character-count.limit{color:var(--danger-color);font-weight:var(--font-semibold)}.edit-modal-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--bg-secondary)}.edit-modal-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.edit-modal-buttons{display:flex;gap:var(--spacing-md)}.edit-cancel-button,.edit-save-button{padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.edit-cancel-button{background-color:var(--bg-hover);color:var(--text-secondary)}.edit-cancel-button:hover{background-color:var(--bg-active);color:var(--text-primary)}.edit-save-button{background-color:var(--primary-color);color:var(--text-white)}.edit-save-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.edit-save-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.dark-mode .edit-modal-overlay{background-color:#000000b3}.dark-mode .edit-modal-container{background-color:var(--bg-secondary)}.dark-mode .edit-modal-header{border-bottom-color:var(--border-color)}.dark-mode .edit-modal-info{background-color:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .edit-modal-textarea{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .edit-modal-textarea:focus{border-color:#4dabf7}.dark-mode .edit-character-count{background:var(--bg-secondary)}.dark-mode .edit-modal-actions{background-color:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .edit-cancel-button{background-color:var(--bg-hover);color:var(--text-secondary)}.dark-mode .edit-cancel-button:hover{background-color:var(--bg-active);color:var(--text-primary)}.dark-mode .edit-save-button{background-color:#4dabf7}.dark-mode .edit-save-button:hover:not(:disabled){background-color:#339af0}@media (min-width: 769px){.edit-modal-textarea{font-size:var(--font-size-xl);line-height:1.6;padding:var(--spacing-xl)}.edit-modal-header{padding:var(--spacing-xl) var(--spacing-2xl)}.edit-modal-title h2{font-size:var(--font-size-2xl)}.edit-modal-info{padding:var(--spacing-lg) var(--spacing-2xl)}.edit-modal-editor{padding:var(--spacing-2xl)}.edit-modal-actions{padding:var(--spacing-xl) var(--spacing-2xl)}.edit-cancel-button,.edit-save-button{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.edit-character-count{bottom:calc(var(--spacing-2xl) + var(--spacing-lg));right:calc(var(--spacing-2xl) + var(--spacing-xl));font-size:var(--font-size-md);padding:4px 12px}}@media (max-width: 768px){.edit-modal-header{padding:var(--spacing-md) var(--spacing-lg)}.edit-modal-info{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-md)}.edit-modal-editor{padding:var(--spacing-lg)}.edit-modal-textarea{font-size:16px}.edit-modal-actions{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.edit-modal-hint{display:none}.edit-modal-buttons{width:100%;flex-direction:row-reverse}.edit-cancel-button,.edit-save-button{flex:1}}.family-management-modal{width:90vw;max-width:800px;max-height:90vh;overflow-y:auto}.family-management-modal .modal-header{padding:24px 24px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between}.family-management-modal .header-content{display:flex;align-items:center;gap:16px}.family-management-modal .header-content svg{color:var(--primary-color);flex-shrink:0}.family-management-modal .header-content h2{margin:0 0 4px;font-size:24px;font-weight:600;color:var(--text-primary)}.family-management-modal .header-content p{margin:0;font-size:14px;color:var(--text-secondary)}.family-management-content{padding:24px;display:flex;flex-direction:column;gap:24px}.family-setup{text-align:center;padding:40px 20px}.setup-header{margin-bottom:32px}.setup-header svg{color:var(--primary-color);margin-bottom:16px}.setup-header h3{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.setup-header p{color:var(--text-secondary);font-size:16px;margin:0}.requirement-notice{display:flex;align-items:center;gap:16px;padding:20px;background:var(--warning-bg);color:var(--warning-text);border-radius:12px;text-align:left;max-width:500px;margin:0 auto}.requirement-notice h4{margin:0 0 4px;font-size:16px;font-weight:600}.requirement-notice p{margin:0;font-size:14px}.close-button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.close-button:hover{background:var(--primary-hover)}.create-family-form{max-width:400px;margin:0 auto;text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color-dark);border-radius:8px;font-size:16px;outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--border-color-focus)}.form-group input.disabled-input{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button,.create-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.cancel-button{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-button:hover{background:var(--bg-active);color:var(--text-primary)}.create-button{background:linear-gradient(135deg,var(--premium-gradient-start) 0%,var(--premium-gradient-end) 100%);color:#fff}.create-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px)}.create-button:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.loading-state p{color:var(--text-secondary);font-size:16px;margin:0}.family-info-section{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.family-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.family-details h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.family-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.role-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.role-badge.owner{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914}.role-badge.member{background:var(--bg-active);color:var(--text-secondary)}.member-count{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-secondary)}.invite-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.invite-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.invite-button:disabled{opacity:.5;cursor:not-allowed}.invite-form{background:var(--bg-primary);border-radius:8px;padding:16px;border:1px solid var(--border-color);margin-top:16px}.invite-form h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.invite-input-group{display:flex;gap:8px;margin-bottom:8px}.invite-email-input{flex:1;padding:8px 12px;border:1px solid var(--border-color-dark);border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.invite-email-input:focus{border-color:var(--border-color-focus)}.send-invite-button{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.send-invite-button:hover:not(:disabled){background:var(--primary-hover)}.send-invite-button:disabled{opacity:.5;cursor:not-allowed}.invite-form small{font-size:12px;color:var(--text-muted)}.pending-invitations{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.pending-invitations h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.invitation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px}.invitation-item:last-child{margin-bottom:0}.invitation-info{display:flex;align-items:center;gap:12px}.invitation-info svg{color:var(--text-muted)}.invitation-info .email{font-size:14px;font-weight:500;color:var(--text-primary);display:block}.invitation-info .status{font-size:12px;color:var(--text-muted)}.invitation-actions{display:flex;gap:4px}.copy-link-button,.remove-invitation-button{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;padding:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center;justify-content:center}.copy-link-button:hover{background:var(--bg-active);color:var(--primary-color)}.remove-invitation-button:hover{background:#fee;color:var(--danger-color);border-color:var(--danger-color)}.remove-invitation-button:disabled{opacity:.5;cursor:not-allowed}.family-members{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.family-members h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px}.member-item:last-child{margin-bottom:0}.member-item.owner{background:linear-gradient(135deg,#fff9e6,#ffeaa7);border-color:gold}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{font-size:14px;font-weight:500;color:var(--text-primary)}.member-email{font-size:12px;color:var(--text-muted)}.family-settings{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.family-settings h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.setting-item{display:flex;flex-direction:column;gap:4px}.setting-item label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.setting-item span{font-size:14px;color:var(--text-primary);font-weight:500}.danger-zone{border-top:1px solid var(--border-color);padding-top:20px}.danger-zone h5{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--danger-color)}.danger-zone p{margin:0 0 16px;font-size:12px;color:var(--text-muted)}.delete-family-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);color:var(--danger-color);border:1px solid var(--danger-color);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.delete-family-button:hover{background:var(--danger-color);color:#fff}.error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.error-state svg{color:var(--danger-color)}.error-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.error-state p{margin:0;color:var(--text-secondary);font-size:14px}.retry-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.retry-button:hover{background:var(--primary-hover)}.dark-mode .family-info-section{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .invite-form{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .pending-invitations,.dark-mode .family-members,.dark-mode .family-settings{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .member-item{background:var(--bg-primary);border-color:var(--border-color)}.dark-mode .member-item.owner{background:linear-gradient(135deg,#2a2419,#332b1a);border-color:gold}.dark-mode .invitation-item{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .requirement-notice{background:var(--warning-bg);color:var(--warning-text)}@media (max-width: 768px){.family-management-modal{max-width:100%;width:100%;height:100%;border-radius:0}.family-management-content{padding:16px;gap:20px}.family-info-section,.pending-invitations,.family-members,.family-settings{padding:16px;border-radius:8px}.family-header{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.family-meta{justify-content:center}.invite-button{width:100%;justify-content:center}.member-item{flex-direction:column;align-items:stretch;gap:12px;text-align:center}.member-info{justify-content:center}.invitation-item{flex-direction:column;align-items:stretch;gap:12px;text-align:center}.invitation-actions{justify-content:center}.settings-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:8px}.cancel-button,.create-button{width:100%;justify-content:center}.requirement-notice{flex-direction:column;text-align:center}}.family-management-content>*{animation:fadeIn .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.delete-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.delete-confirmation-modal{background:var(--bg-primary);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.delete-confirmation-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--danger-color)}.delete-confirmation-header svg{flex-shrink:0}.delete-confirmation-header h3{margin:0;font-size:20px;font-weight:600}.delete-confirmation-content{margin-bottom:24px}.delete-confirmation-content p{margin:0 0 12px;color:var(--text-primary);line-height:1.5}.delete-confirmation-content ul{margin:12px 0;padding-left:16px;color:var(--text-secondary)}.delete-confirmation-content li{margin-bottom:6px;line-height:1.4}.confirmation-input{margin-top:20px}.confirmation-input label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.delete-confirmation-input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.delete-confirmation-input:focus{border-color:var(--danger-color)}.delete-confirmation-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-delete-button,.confirm-delete-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.cancel-delete-button{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-delete-button:hover:not(:disabled){background:var(--bg-active);color:var(--text-primary)}.confirm-delete-button{background:var(--danger-color);color:#fff}.confirm-delete-button:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-1px)}.confirm-delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cancel-delete-button:disabled{opacity:.5;cursor:not-allowed}.dark-mode .delete-confirmation-modal{background:var(--bg-secondary)}.dark-mode .delete-confirmation-input{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .delete-confirmation-input:focus{border-color:var(--danger-color)}@media (max-width: 768px){.delete-confirmation-modal{margin:20px;padding:20px}.delete-confirmation-actions{flex-direction:column;gap:8px}.cancel-delete-button,.confirm-delete-button{width:100%;justify-content:center}}.no-other-members{padding:20px;text-align:center;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color);margin-top:8px}.no-other-members p{margin:0;color:var(--text-muted);font-size:14px;font-style:italic}.remove-member-button{padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.remove-member-button:hover:not(:disabled){background:#fee;color:var(--danger-color);border-color:var(--danger-color)}.dark-mode .no-other-members{background:var(--bg-tertiary);border-color:var(--border-color)}.dark-mode .no-other-members p{color:var(--text-muted)}.member-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;line-height:1;flex-shrink:0}.member-item.owner .member-avatar{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914}.member-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:8px;min-height:72px}.member-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.member-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.member-name{font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-word}.member-email{font-size:12px;color:var(--text-muted);word-break:break-all}.member-role{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.remove-member-button{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:8px;cursor:pointer;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.remove-member-button:hover{background:#fee;color:var(--danger-color);border-color:var(--danger-color)}.remove-member-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.member-item{flex-direction:column;align-items:stretch;gap:12px;text-align:center;min-height:auto}.member-info{justify-content:center}.member-avatar{align-self:center}}.family-management-modal{background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:var(--modal-shadow)}.modal-container{background:var(--modal-bg);border-radius:var(--radius-md);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 0 0 1px var(--modal-border);width:100%;max-width:520px;max-height:calc(100vh - 32px);min-height:auto;overflow:hidden;display:flex;flex-direction:column;margin:auto;animation:modalSlideIn .4s ease-out;transform-origin:center}.modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--modal-bg);border-bottom:1px solid var(--modal-header-border);flex-shrink:0}.modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0;color:var(--text-primary);line-height:var(--line-height-tight)}.modal-close{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.settings-content{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-primary)}.dark-mode .modal-container{background:var(--modal-bg);border-color:var(--modal-border);box-shadow:0 32px 64px #0000004d,0 16px 32px #0003,0 0 0 1px var(--modal-border)}.dark-mode .modal-header{background:var(--modal-bg);border-color:var(--modal-header-border)}.dark-mode .info-row{background:var(--bg-secondary)}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#0009);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);overflow-y:auto;animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.notification-modal{background:var(--modal-bg);border-radius:var(--radius-md);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 0 0 1px var(--modal-border);width:100%;max-width:520px;max-height:calc(100vh - 32px);min-height:auto;overflow:hidden;display:flex;flex-direction:column;margin:auto;animation:modalSlideIn .4s ease-out;transform-origin:center;padding:var(--spacing-md)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:var(--modal-bg);border-bottom:1px solid var(--modal-header-border);flex-shrink:0}.notification-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--premium-gradient);border-radius:var(--radius-md) var(--radius-md) 0 0}.notification-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0;color:var(--text-primary);line-height:var(--line-height-tight);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-modal-close{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden;font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.notification-modal-close:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.notification-modal-close:hover:before{left:100%}.notification-modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.notification-modal-body{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-2xl)}.notification-modal-body::-webkit-scrollbar{width:6px}.notification-modal-body::-webkit-scrollbar-track{background:transparent}.notification-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background var(--transition-normal)}.notification-modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}.dark-mode .notification-modal{background:var(--modal-bg);border-color:var(--modal-border);box-shadow:0 32px 64px #0000004d,0 16px 32px #0003,0 0 0 1px var(--modal-border)}.dark-mode .notification-modal-header{background:var(--modal-bg);border-color:var(--modal-header-border)}.dark-mode .notification-modal-header h2{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.notification-modal-overlay{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl)}.notification-modal{max-width:100%;max-height:calc(100vh - 32px);margin:0;border-radius:var(--radius-md)}.notification-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.notification-modal-header h2{font-size:var(--font-size-xl)}.notification-modal-close{width:40px;height:40px}.notification-modal-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-xl)}.time-inputs{flex-direction:column;gap:var(--spacing-lg)}.permission-warning{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.setting-description{margin-left:0;margin-top:var(--spacing-md);padding-left:32px}.quiet-hours-config{margin-left:0;margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.setting-item{padding:var(--spacing-md)}.current-status{padding:var(--spacing-lg)}.status-item{padding:var(--spacing-md);gap:var(--spacing-md)}}@media (max-width: 480px){.notification-modal-overlay{padding:var(--spacing-sm);padding-top:var(--spacing-lg)}.notification-modal{border-radius:var(--radius-sm);max-height:calc(100vh - 16px)}.notification-modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.notification-modal-header h2{font-size:var(--font-size-lg)}.notification-modal-close{width:36px;height:36px}.notification-modal-body{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-lg)}.permission-warning{padding:var(--spacing-md)}.setting-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.setting-header h3{font-size:var(--font-size-lg)}.setting-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.setting-label{font-size:var(--font-size-md)}.quiet-hours-config{padding:var(--spacing-md)}.time-input input[type=time]{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}}.permission-warning{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--warning-bg);border:2px solid var(--warning-border);border-radius:var(--radius-sm);margin-bottom:0;border-left:4px solid var(--warning-color);animation:warningSlideIn .4s ease-out;box-shadow:0 4px 12px #0000000d}@keyframes warningSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.permission-warning div p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--warning-text);font-weight:var(--font-medium);line-height:var(--line-height-normal)}.permission-warning div p:last-child{margin-bottom:0}.permission-warning button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #667eea4d}.permission-warning button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.setting-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.setting-header svg{color:var(--primary-color);width:var(--icon-xl);height:var(--icon-xl)}.setting-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setting-item{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all var(--transition-normal);animation:settingSlideIn .5s ease-out forwards;opacity:0;transform:translateY(10px)}.setting-item:nth-child(1){animation-delay:.1s}.setting-item:nth-child(2){animation-delay:.2s}.setting-item:nth-child(3){animation-delay:.3s}@keyframes settingSlideIn{to{opacity:1;transform:translateY(0)}}.setting-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #667eea1a;transform:translateY(-1px)}.setting-label{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-semibold);transition:color var(--transition-normal)}.setting-label:hover{color:var(--primary-color)}.setting-description{margin:var(--spacing-md) 0 0 40px;font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-weight:var(--font-medium);padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.setting-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--primary-color);cursor:pointer;transition:all var(--transition-normal)}.setting-item input[type=checkbox]:hover{transform:scale(1.1)}.setting-item input[type=checkbox]:disabled+span{opacity:.5}.quiet-hours-config{margin:var(--spacing-xl) 0 0 40px;padding:var(--spacing-xl);background:var(--modal-bg);border-radius:var(--radius-sm);border:2px solid var(--border-color);box-shadow:0 4px 12px #0000000d;animation:configSlideIn .4s ease-out}@keyframes configSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.time-inputs{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.time-input{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.time-input label{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.time-input input[type=time]{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-lg);background:var(--bg-input);color:var(--text-primary);font-weight:var(--font-semibold);transition:all var(--transition-normal);box-shadow:0 2px 4px #0000000d}.time-input input[type=time]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.time-input input[type=time]:hover{border-color:var(--border-color-dark);box-shadow:0 4px 8px #0000001a}.quiet-hours-note{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;line-height:var(--line-height-relaxed);padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.current-status{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-sm);border:2px solid var(--border-color);animation:statusSlideIn .5s ease-out}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.current-status h4{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.status-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--modal-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);border:2px solid var(--border-color);transition:all var(--transition-normal)}.status-item:hover{border-color:var(--success-color);transform:translateY(-1px);box-shadow:0 4px 12px #28a7451a}.status-icon{width:var(--icon-xl);height:var(--icon-xl);color:var(--success-color);background:#28a7451a;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.status-text{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-semibold)}.dark-mode .permission-warning{background:var(--warning-bg);border-color:var(--warning-border)}.dark-mode .permission-warning div p{color:var(--warning-text)}.dark-mode .permission-warning button{background:var(--primary-color);color:var(--text-white)}.dark-mode .permission-warning button:hover{background:var(--primary-hover)}.dark-mode .setting-header h3{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .setting-item{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .setting-label{color:var(--text-primary)}.dark-mode .setting-description{color:var(--text-secondary);background:var(--primary-light)}.dark-mode .quiet-hours-config{background:var(--modal-bg);border-color:var(--border-color)}.dark-mode .time-input label{color:var(--text-primary)}.dark-mode .time-input input[type=time]{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .time-input input[type=time]:focus{border-color:var(--primary-color)}.dark-mode .time-input input[type=time]:hover{border-color:var(--border-color-dark)}.dark-mode .quiet-hours-note{color:var(--text-secondary);background:var(--primary-light)}.dark-mode .current-status{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .status-item{background:var(--modal-bg);border-color:var(--border-color)}@media (max-width: 768px){.time-inputs{flex-direction:column;gap:var(--spacing-lg)}.permission-warning{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.setting-description{margin-left:0;margin-top:var(--spacing-md);padding-left:32px}.quiet-hours-config{margin-left:0;margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.setting-item{padding:var(--spacing-md)}.current-status{padding:var(--spacing-lg)}.status-item{padding:var(--spacing-md);gap:var(--spacing-md)}}@media (max-width: 480px){.permission-warning{padding:var(--spacing-md)}.setting-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.setting-header h3{font-size:var(--font-size-lg)}.setting-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.setting-label{font-size:var(--font-size-md)}.quiet-hours-config{padding:var(--spacing-md)}.time-input input[type=time]{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pinned-delete-modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--modal-shadow);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pinned-delete-modal .modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--modal-header-border)}.pinned-delete-modal .warning-icon{color:var(--warning-color);flex-shrink:0}.pinned-delete-modal h3{flex:1;margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.pinned-delete-modal .close-button{background:var(--bg-hover);border:none;border-radius:6px;padding:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.pinned-delete-modal .close-button:hover{background:var(--bg-active);color:var(--text-primary)}.pinned-delete-modal .modal-content{padding:24px}.warning-message{display:flex;align-items:center;gap:8px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:12px;margin-bottom:16px;color:var(--warning-text);font-weight:500}.warning-message svg{flex-shrink:0}.note-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:20px}.note-text{font-size:14px;color:var(--text-primary);max-height:60px;overflow:hidden;text-overflow:ellipsis;line-height:1.4;font-family:inherit}.warning-details{margin-bottom:24px}.warning-details p{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--text-secondary)}.warning-details strong{color:var(--text-primary)}.options{display:flex;flex-direction:column;gap:16px}.option-card{border:2px solid;border-radius:8px;padding:16px;transition:all .2s ease}.option-card.recommended{border-color:var(--success-color);background:var(--success-color);background:linear-gradient(135deg,#28a7451a,#28a7450d)}.option-card.danger{border-color:var(--danger-color);background:linear-gradient(135deg,#dc35451a,#dc35450d)}.dark-mode .option-card.recommended{background:#51cf6626;border-color:#51cf66}.dark-mode .option-card.danger{background:#ff6b6b26;border-color:#ff6b6b}.option-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.option-card.recommended .option-header{color:var(--success-color)}.option-card.danger .option-header{color:var(--danger-color)}.dark-mode .option-card.recommended .option-header{color:#51cf66}.dark-mode .option-card.danger .option-header{color:#ff6b6b}.option-header svg{flex-shrink:0}.option-card p{font-size:14px;margin-bottom:12px;color:var(--text-secondary);line-height:1.4}.unpin-button{background:var(--success-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.unpin-button:hover{background:var(--success-color);filter:brightness(.9);transform:translateY(-1px)}.confirm-delete-button{background:var(--danger-color);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.confirm-delete-button:hover{background:var(--danger-hover);transform:translateY(-1px)}.dark-mode .unpin-button{background:#51cf66}.dark-mode .unpin-button:hover{background:#40c057}.dark-mode .confirm-delete-button{background:#ff6b6b}.dark-mode .confirm-delete-button:hover{background:#ff5252}@media (max-width: 768px){.modal-overlay{padding:16px;align-items:flex-end}.pinned-delete-modal{max-width:100%;border-radius:12px 12px 0 0;max-height:85vh}.pinned-delete-modal .modal-header{padding:20px 20px 16px}.pinned-delete-modal .modal-content{padding:20px}.options{gap:12px}.option-card{padding:14px}.unpin-button,.confirm-delete-button{width:100%;justify-content:center;padding:12px 16px}}.pinned-delete-modal{role:dialog;aria-modal:true}.pinned-delete-modal:focus{outline:none}.pinned-delete-modal .close-button:focus,.unpin-button:focus,.confirm-delete-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.option-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dark-mode .option-card:hover{box-shadow:0 4px 12px #0000004d}.pinned-delete-modal .loading{opacity:.6;pointer-events:none}.pinned-delete-modal .loading .unpin-button,.pinned-delete-modal .loading .confirm-delete-button{opacity:.5;cursor:not-allowed}.warning-details{background:var(--bg-tertiary);border-radius:6px;padding:16px;border-left:3px solid var(--warning-color)}@media (max-width: 480px){.pinned-delete-modal .modal-header h3{font-size:16px}.warning-details,.option-card{font-size:13px}.option-header{font-size:14px}}.invite-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invite-container{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 40px #0000001a;text-align:center}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.loading-state svg{color:#667eea}.loading-state h2{margin:0;color:#333;font-size:18px;font-weight:500}.success-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.success-icon svg{color:#fff}.success-state h1{margin:0;color:#333;font-size:24px;font-weight:600}.success-state p{margin:8px 0;color:#666;font-size:16px;line-height:1.5}.redirect-info{display:flex;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;background:#f0f4ff;border-radius:8px;color:#667eea;font-size:14px}.error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}.error-state svg{color:#dc3545;margin-bottom:8px}.error-state h1{margin:0;color:#333;font-size:24px;font-weight:600}.error-state p{margin:8px 0;color:#666;font-size:16px;text-align:center}.error-actions{display:flex;gap:12px;margin-top:20px}.go-home-button,.retry-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.go-home-button{background:#667eea;color:#fff}.go-home-button:hover{background:#5a67d8}.retry-button{background:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.retry-button:hover{background:#e9ecef}.invite-header{margin-bottom:32px}.family-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.family-icon svg{color:#fff}.invite-header h1{margin:0 0 8px;color:#333;font-size:28px;font-weight:600}.invite-header p{margin:0;color:#666;font-size:16px}.invite-details{text-align:left}.family-card{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px}.family-info{margin-bottom:20px;text-align:center}.family-info h2{margin:0 0 8px;color:#333;font-size:22px;font-weight:600}.family-info p{margin:0;color:#666;font-size:14px}.benefits{text-align:left}.benefits h3{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.benefits ul{list-style:none;padding:0;margin:0}.benefits li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#333;font-size:14px}.benefits li svg{color:#10b981;flex-shrink:0}.invite-actions{margin-bottom:24px;text-align:center}.accept-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.accept-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.accept-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-required{text-align:center}.auth-required p{margin:0 0 16px;color:#666;font-size:14px}.sign-in-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.sign-in-button:hover{background:#5a67d8;transform:translateY(-1px)}.invite-footer{text-align:center;padding-top:24px;border-top:1px solid #e9ecef}.invite-footer p{margin:8px 0;color:#666;font-size:13px;line-height:1.4}.link-button{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:13px;margin-left:4px}.link-button:hover{color:#5a67d8}@media (max-width: 480px){.invite-container{padding:24px;margin:10px}.invite-header h1{font-size:24px}.family-card{padding:20px}.error-actions{flex-direction:column}.go-home-button,.retry-button{width:100%}}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-top:8px}.error-message svg{flex-shrink:0}.display-name-prompt{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;text-align:center}.prompt-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.prompt-icon svg{color:#fff}.display-name-prompt h1{margin:0;color:#333;font-size:24px;font-weight:600}.display-name-prompt p{margin:0;color:#666;font-size:16px;line-height:1.5;max-width:400px}.display-name-form{width:100%;max-width:350px;display:flex;flex-direction:column;gap:16px;text-align:left}.display-name-form label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.display-name-form input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .15s;outline:none}.display-name-form input:focus{border-color:#667eea}.display-name-form input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-actions{display:flex;justify-content:center}.continue-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.continue-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46a0);transform:translateY(-1px)}.continue-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-top:8px;text-align:left}.error-message svg{flex-shrink:0;margin-top:2px}.error-actions-inline{display:flex;gap:8px;margin-top:8px}.refresh-button,.retry-button-inline{padding:4px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.refresh-button{background:#667eea;color:#fff}.refresh-button:hover{background:#5a67d8}.retry-button-inline{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.retry-button-inline:hover{background:#e9ecef}@media (max-width: 480px){.display-name-form{max-width:100%}.display-name-prompt h1{font-size:20px}.display-name-prompt p{font-size:14px}}.trash-view{position:relative;height:100%;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.trash-view{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-views)}}.trash-view .view-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.trash-view .back-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.trash-view .back-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.trash-view .header-title{display:flex;align-items:center;gap:var(--spacing-md)}.trash-view .header-title h1{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.trash-view .view-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-xl)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);gap:var(--spacing-md)}.loading-state p{margin:0;font-size:var(--font-size-md)}.trash-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm)}.trash-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}@media (max-width: 768px){.trash-controls{flex-direction:column;align-items:stretch}}.search-container{position:relative;flex:1;max-width:400px;min-width:200px}.search-container svg{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light)}.trash-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 768px){.trash-actions{width:100%;justify-content:flex-end}}.bulk-actions{display:flex;gap:var(--spacing-sm)}.bulk-restore,.bulk-delete,.delete-all-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap}.bulk-restore{background:var(--success-color);color:#fff}.bulk-restore:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px)}.bulk-delete,.delete-all-button{background:var(--danger-color);color:#fff}.bulk-delete:hover:not(:disabled),.delete-all-button:hover:not(:disabled){background:var(--danger-hover);transform:translateY(-1px)}.bulk-restore:disabled,.bulk-delete:disabled,.delete-all-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.select-all-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.select-all-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.select-all-label input[type=checkbox]{margin:0;cursor:pointer}.select-all-label input[type=checkbox]:disabled{cursor:not-allowed}.trash-notes{display:flex;flex-direction:column;gap:var(--spacing-md)}.trash-note{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all var(--transition-fast);position:relative}.trash-note:hover{border-color:var(--border-focus);box-shadow:0 2px 8px #0000001a}.trash-note.selected{border-color:var(--primary-color);background:var(--primary-light)}.trash-note.processing{opacity:.7;pointer-events:none}.note-selection{flex-shrink:0}.note-selection input[type=checkbox]{margin:0;cursor:pointer;width:16px;height:16px}.note-selection input[type=checkbox]:disabled{cursor:not-allowed}.note-content{flex:1;min-width:0}.note-text{font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm);word-wrap:break-word}.note-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-sm)}@media (max-width: 480px){.note-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.note-type{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.note-type.personal{background:var(--primary-light);color:var(--primary-color)}.note-type.family{background:var(--success-light);color:var(--success-color)}.deleted-date{color:var(--text-secondary)}.days-left{color:var(--text-secondary);font-weight:var(--font-medium)}.days-left.urgent{color:var(--danger-color);font-weight:var(--font-semibold)}.note-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.restore-button,.permanent-delete-button{width:36px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.restore-button{background:var(--success-light);color:var(--success-color)}.restore-button:hover:not(:disabled){background:var(--success-color);color:#fff;transform:scale(1.05)}.permanent-delete-button{background:var(--danger-light);color:var(--danger-color)}.permanent-delete-button:hover:not(:disabled){background:var(--danger-color);color:#fff;transform:scale(1.05)}.restore-button:disabled,.permanent-delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-trash,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);min-height:300px}.empty-icon{margin-bottom:var(--spacing-lg);opacity:.6}.empty-trash h3,.no-results h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-trash p,.no-results p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal);max-width:400px}@media (max-width: 640px){.trash-view .view-content{padding:var(--spacing-lg)}.trash-note{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.note-selection{align-self:flex-start}.note-actions{align-self:flex-end}.trash-controls{gap:var(--spacing-lg)}.search-container{max-width:none}}@media (max-width: 480px){.trash-view .view-header{padding:var(--spacing-md) var(--spacing-lg)}.trash-view .header-title h1{font-size:var(--font-size-lg)}.bulk-actions{width:100%;justify-content:stretch}.bulk-restore,.bulk-delete{flex:1;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trash-note{animation:fadeIn .3s ease-out}.dark-mode .trash-view{background:var(--bg-primary)}.dark-mode .trash-info{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.dark-mode .search-input{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #4dabf733}.dark-mode .trash-note{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .trash-note:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000004d}.dark-mode .trash-note.selected{background:#4dabf71a;border-color:var(--primary-color)}.dark-mode .select-all-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #333;--bg-input: #333;--bg-hover: #333;--bg-active: #444;--text-primary: #e0e0e0;--text-secondary: #999;--text-muted: #666;--border-color: #333;--border-color-dark: #444;--border-color-focus: #4dabf7;--bubble-bg: #2c3e50;--bubble-bg-hover: #34495e;--highlight-bg: rgba(255, 235, 59, .2);--highlight-border: rgba(255, 235, 59, .1);--primary-light: rgba(77, 171, 247, .1);--warning-bg: #66420f;--warning-text: #ffd166;--warning-border: #85581f}.dark-mode{background-color:#0a0a0a;color:var(--text-primary)}.dark-mode ::-webkit-scrollbar-track{background:var(--bg-primary)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--border-color-dark)}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode .chat-inner-container{box-shadow:0 0 20px #0000004d}.dark-mode .toast{background-color:#ffffffe6;color:var(--bg-primary)}.dark-mode .message-action-bar{background:#242424f2;border-color:#ffffff14}.dark-mode .action-item.delete:hover{background-color:#4a1f1f;color:#ff6b6b}.dark-mode .action-separator{background-color:var(--border-color-dark)}.dark-mode .premium-badge{background:var(--bg-secondary);color:#a5b4fc}.dark-mode .character-counter{background:#1a1a1ae6}.dark-mode .message-bubble.editing{background-color:#2a2a2a;border-color:#4dabf7}.dark-mode .edit-textarea{background-color:var(--bg-input);color:var(--text-primary)}.dark-mode .save-edit{background-color:#4dabf7}.dark-mode .save-edit:hover{background-color:#339af0}.dark-mode .cancel-edit{background-color:var(--bg-active);color:var(--text-secondary)}.dark-mode .cancel-edit:hover{background-color:#555;color:var(--text-primary)}.dark-mode .reminder-indicator{background-color:#4dabf733}.dark-mode .message-link{color:#5dade2}.dark-mode .message-link:hover{color:#85c1e9;border-bottom-color:#85c1e9}.dark-mode .offline-banner{background-color:#721c24}.dark-mode .message-wrapper[data-offline=true] .message-bubble{background-color:#495057}.dark-mode .offline-indicator{background-color:#ffffff1a}.dark-mode .device-warning-button{background-color:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.dark-mode .device-warning-button:hover{background-color:var(--warning-border)}.dark-mode .calendar-container,.dark-mode .calendar-day{background-color:var(--bg-secondary)}.dark-mode .calendar-day:hover:not(.empty){background-color:var(--bg-hover);border-color:var(--border-color-dark)}.dark-mode .calendar-day.today{background-color:var(--bubble-bg);border-color:#4dabf7}.dark-mode .calendar-note-count{background-color:#4dabf7}.dark-mode .date-filter-container{background-color:#4dabf71a}.dark-mode .date-filter-label,.dark-mode .date-filter-clear{color:#4dabf7}.dark-mode .date-filter-clear:hover{background-color:#4dabf733}.dark-mode .search-limit-warning{background-color:var(--warning-bg);color:var(--warning-text);border-bottom-color:var(--warning-border)}.dark-mode .search-limit-warning button{color:#4dabf7}.dark-mode .search-limit-warning button:hover{color:#339af0}.dark-mode .calendar-upgrade-prompt{background:linear-gradient(135deg,#4c5da8,#5a3880)}.dark-mode .calendar-upgrade-prompt button{background-color:var(--bg-primary);color:#a5b4fc}.dark-mode .calendar-upgrade-prompt button:hover{background-color:var(--bg-secondary)}.dark-mode .mobile-menu-backdrop{background-color:#000000b3}.dark-mode .mobile-menu{background-color:var(--bg-primary);box-shadow:-2px 0 12px #0000004d}.dark-mode .mobile-menu-header,.dark-mode .mobile-menu-section{border-bottom-color:var(--border-color)}.dark-mode .mobile-menu-item.sign-out{color:#ff6b6b}.dark-mode .mobile-menu-item.sign-out:hover{background-color:#4a1f1f}.dark-mode .mobile-menu-warning{background-color:var(--warning-bg);color:var(--warning-text)}.dark-mode .settings-info,.dark-mode .tier-status{background-color:var(--bg-hover)}.dark-mode .settings-button.manage{background-color:#495057}.dark-mode .settings-button.manage:hover:not(:disabled){background-color:#3d4145}.dark-mode .settings-notice{background-color:#4dabf71a}.dark-mode .settings-notice svg{color:#4dabf7}.dark-mode .settings-notice p{color:#4dabf7}.dark-mode .privacy-text{color:var(--text-secondary)}.dark-mode .note-preview{background-color:var(--bg-hover)}.dark-mode .note-preview p{color:var(--text-secondary)}.dark-mode .quick-options button{background-color:var(--bg-hover);color:var(--text-secondary)}.dark-mode .quick-options button:hover{background-color:var(--bg-active);color:var(--text-primary)}.dark-mode .modal-actions .cancel{background-color:var(--bg-hover);color:var(--text-secondary)}.dark-mode .modal-actions .cancel:hover{background-color:var(--bg-active);color:var(--text-primary)}.dark-mode .modal-actions .primary{background-color:#4dabf7}.dark-mode .modal-actions .primary:hover{background-color:#339af0}.dark-mode .reminder-picker{background-color:var(--bg-secondary);box-shadow:0 4px 24px #0000004d}.dark-mode .reminder-option{color:var(--text-primary)}.dark-mode .reminder-option:hover{background-color:var(--bg-hover)}.dark-mode .reminder-option svg{color:var(--text-secondary)}.dark-mode .reminder-divider{background-color:var(--border-color-dark)}.dark-mode .loading-indicator,.dark-mode .syncing-indicator{background-color:#ffffff1a}.dark-mode .send-button{background-color:var(--bg-hover);color:var(--text-muted)}.dark-mode .send-button.active{background-color:var(--bubble-bg);color:#fff}.dark-mode .send-button.active:hover{background-color:var(--bubble-bg-hover)}@media (hover: hover){.dark-mode .message-wrapper:hover{background-color:#ffffff05}}@media (max-width: 1024px){.chat-inner-container{max-width:100%}}@media (max-width: 768px){.chat-header{padding:var(--spacing-md) var(--spacing-md)}.header-left h1{font-size:var(--font-size-sm)}.app-icon{width:var(--icon-lg);height:var(--icon-lg)}.tier-label,.warning-label{display:none}.tier-button,.device-warning-button{padding:6px;min-width:auto}.messages-area{padding:var(--spacing-sm)}.message{max-width:90%}.input-area{padding:var(--spacing-sm)}.search-limit-warning{font-size:var(--font-size-sm);padding:6px var(--spacing-md);flex-wrap:wrap;text-align:center}.offline-banner{font-size:var(--font-size-sm);padding:6px var(--spacing-md)}.offline-count{font-size:var(--font-size-sm)}.modal-overlay{padding:0}.modal-container{border-radius:0;max-height:100vh;height:100%}.calendar-container{max-width:100%;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0}.pricing-container{border-radius:0;max-height:100vh;height:100%}.pricing-cards{grid-template-columns:1fr}.pricing-header h2{font-size:var(--font-size-3xl)}.amount{font-size:32px}.settings-modal{max-height:80vh}.mobile-menu-item{font-size:var(--font-size-lg)}.calendar-day{min-height:44px}.icon-button{min-width:44px;min-height:44px}.send-button{width:44px;height:44px}.action-item{width:32px;height:32px}}@media (max-width: 375px){.header-left h1{display:none}.message{max-width:95%}.message-bubble{font-size:var(--font-size-sm)}.pricing-header h2{font-size:var(--font-size-2xl)}}@media (orientation: landscape) and (max-height: 500px){.chat-header{padding-top:env(safe-area-inset-top,0px)}.input-area{padding-bottom:env(safe-area-inset-bottom,0px)}.messages-area{padding:var(--spacing-sm)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chat-header,.input-area,.message-bubble,.calendar-day,.modal-container{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media (hover: hover){.message-wrapper:hover{background-color:#00000005}.dark-mode .message-wrapper:hover{background-color:#ffffff05}}@media print{.chat-header,.input-area,.icon-button,.send-button,.message-action-bar,.calendar-overlay,.modal-overlay{display:none!important}.messages-area{padding:0;overflow:visible}.message-bubble{background-color:#f0f0f0!important;color:#000!important;box-shadow:none!important}.message-time{color:#666!important}}