@charset "UTF-8";html{--mat-app-background-color: #151316;--mat-app-text-color: #e6e1e6;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12)}html{--mat-ripple-color: color-mix(in srgb, #e6e1e6 10%, transparent)}html{--mat-option-focus-state-layer-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, #e6e1e6 8%, transparent);--mat-option-label-text-color: #e6e1e6;--mat-option-selected-state-label-text-color: #eadef7;--mat-option-selected-state-layer-color: #4b4357}html{--mat-optgroup-label-text-color: #e8e0eb}html{--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #151316;--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: #42008a;--mat-pseudo-checkbox-full-selected-icon-color: #d5baff;--mat-pseudo-checkbox-full-unselected-icon-color: #e8e0eb;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #d5baff}html{--mat-option-label-text-size: 1rem;--mat-option-label-text-weight: 400;--mat-option-label-text-font: Inter;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-tracking: .006rem}html{--mat-optgroup-label-text-font: Inter;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500}html{--mat-card-elevated-container-shape: 12px;--mat-card-filled-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: #1d1b1e;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-card-filled-container-color: #363437;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-container-color: #151316;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-outlined-outline-color: #49454e;--mat-card-subtitle-text-color: #e6e1e6}html{--mat-card-subtitle-text-font: Inter;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mat-card-title-text-font: Inter;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0;--mat-card-title-text-weight: 400}html{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}html{--mat-progress-bar-active-indicator-color: #d5baff;--mat-progress-bar-track-color: #49454e}html{--mat-tooltip-container-color: #e6e1e6;--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-color: #323033}html{--mat-tooltip-supporting-text-font: Inter;--mat-tooltip-supporting-text-line-height: 1rem;--mat-tooltip-supporting-text-size: .75rem;--mat-tooltip-supporting-text-tracking: .025rem;--mat-tooltip-supporting-text-weight: 400}html{--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px}html{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-enabled-select-arrow-color: #e8e0eb;--mat-form-field-error-focus-trailing-icon-color: #ffb4ab;--mat-form-field-error-hover-trailing-icon-color: #ffdad6;--mat-form-field-error-text-color: #ffb4ab;--mat-form-field-error-trailing-icon-color: #ffb4ab;--mat-form-field-filled-active-indicator-color: #e8e0eb;--mat-form-field-filled-caret-color: #d5baff;--mat-form-field-filled-container-color: #49454e;--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e6e1e6 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-error-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-caret-color: #ffb4ab;--mat-form-field-filled-error-focus-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-focus-label-text-color: #ffb4ab;--mat-form-field-filled-error-hover-active-indicator-color: #ffdad6;--mat-form-field-filled-error-hover-label-text-color: #ffdad6;--mat-form-field-filled-error-label-text-color: #ffb4ab;--mat-form-field-filled-focus-active-indicator-color: #d5baff;--mat-form-field-filled-focus-label-text-color: #d5baff;--mat-form-field-filled-hover-active-indicator-color: #e6e1e6;--mat-form-field-filled-hover-label-text-color: #e8e0eb;--mat-form-field-filled-input-text-color: #e6e1e6;--mat-form-field-filled-input-text-placeholder-color: #e8e0eb;--mat-form-field-filled-label-text-color: #e8e0eb;--mat-form-field-focus-select-arrow-color: #d5baff;--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: #e8e0eb;--mat-form-field-outlined-caret-color: #d5baff;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-form-field-outlined-error-caret-color: #ffb4ab;--mat-form-field-outlined-error-focus-label-text-color: #ffb4ab;--mat-form-field-outlined-error-focus-outline-color: #ffb4ab;--mat-form-field-outlined-error-hover-label-text-color: #ffdad6;--mat-form-field-outlined-error-hover-outline-color: #ffdad6;--mat-form-field-outlined-error-label-text-color: #ffb4ab;--mat-form-field-outlined-error-outline-color: #ffb4ab;--mat-form-field-outlined-focus-label-text-color: #d5baff;--mat-form-field-outlined-focus-outline-color: #d5baff;--mat-form-field-outlined-hover-label-text-color: #e6e1e6;--mat-form-field-outlined-hover-outline-color: #e6e1e6;--mat-form-field-outlined-input-text-color: #e6e1e6;--mat-form-field-outlined-input-text-placeholder-color: #e8e0eb;--mat-form-field-outlined-label-text-color: #e8e0eb;--mat-form-field-outlined-outline-color: #958e99;--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-select-option-text-color: #1d1b1e;--mat-form-field-state-layer-color: #e6e1e6;--mat-form-field-trailing-icon-color: #e8e0eb}html{--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px}html{--mat-form-field-container-text-font: Inter;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Inter;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-outlined-label-text-font: Inter;--mat-form-field-outlined-label-text-size: 1rem;--mat-form-field-outlined-label-text-tracking: .031rem;--mat-form-field-outlined-label-text-weight: 400;--mat-form-field-filled-label-text-font: Inter;--mat-form-field-filled-label-text-size: 1rem;--mat-form-field-filled-label-text-tracking: .031rem;--mat-form-field-filled-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}html{--mat-select-panel-background-color: #211f22;--mat-select-enabled-trigger-text-color: #e6e1e6;--mat-select-disabled-trigger-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-select-placeholder-text-color: #e8e0eb;--mat-select-enabled-arrow-color: #e8e0eb;--mat-select-disabled-arrow-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-select-focused-arrow-color: #d5baff;--mat-select-invalid-arrow-color: #ffb4ab}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Inter;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400}html{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}html{--mat-autocomplete-background-color: #211f22}html{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0}html{--mat-dialog-container-color: #151316;--mat-dialog-subhead-color: #e6e1e6;--mat-dialog-supporting-text-color: #e8e0eb}html{--mat-dialog-subhead-font: Inter;--mat-dialog-subhead-line-height: 2rem;--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-tracking: 0;--mat-dialog-subhead-weight: 400;--mat-dialog-supporting-text-font: Inter;--mat-dialog-supporting-text-line-height: 1.25rem;--mat-dialog-supporting-text-size: .875rem;--mat-dialog-supporting-text-tracking: .016rem;--mat-dialog-supporting-text-weight: 400}html{--mat-chip-container-shape-radius: 8px;--mat-chip-disabled-container-opacity: 1;--mat-chip-elevated-container-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-outline-width: 1px;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-with-avatar-avatar-shape-radius: 24px;--mat-chip-with-avatar-avatar-size: 24px;--mat-chip-with-avatar-disabled-avatar-opacity: .38;--mat-chip-with-icon-disabled-icon-opacity: .38;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38}html{--mat-chip-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-chip-elevated-selected-container-color: #4b4357;--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-chip-focus-outline-color: #e8e0eb;--mat-chip-focus-state-layer-color: #e8e0eb;--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: #e8e0eb;--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: #e8e0eb;--mat-chip-outline-color: #958e99;--mat-chip-selected-disabled-trailing-icon-color: #e6e1e6;--mat-chip-selected-focus-state-layer-color: #eadef7;--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: #eadef7;--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: #eadef7;--mat-chip-selected-trailing-action-state-layer-color: #eadef7;--mat-chip-selected-trailing-icon-color: #eadef7;--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: #e8e0eb;--mat-chip-with-icon-disabled-icon-color: #e6e1e6;--mat-chip-with-icon-icon-color: #e8e0eb;--mat-chip-with-icon-selected-icon-color: #eadef7;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e6e1e6;--mat-chip-with-trailing-icon-trailing-icon-color: #e8e0eb}html{--mat-chip-container-height: 28px}html{--mat-chip-label-text-font: Inter;--mat-chip-label-text-line-height: 1.25rem;--mat-chip-label-text-size: .875rem;--mat-chip-label-text-tracking: .006rem;--mat-chip-label-text-weight: 500}html{--mat-slide-toggle-disabled-selected-handle-opacity: 1;--mat-slide-toggle-disabled-selected-icon-opacity: .38;--mat-slide-toggle-disabled-track-opacity: .12;--mat-slide-toggle-disabled-unselected-handle-opacity: .38;--mat-slide-toggle-disabled-unselected-icon-opacity: .38;--mat-slide-toggle-disabled-unselected-track-outline-width: 2px;--mat-slide-toggle-handle-shape: 9999px;--mat-slide-toggle-hidden-track-opacity: 0;--mat-slide-toggle-hidden-track-transition: opacity 75ms;--mat-slide-toggle-pressed-handle-size: 28px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;--mat-slide-toggle-selected-handle-size: 24px;--mat-slide-toggle-selected-icon-size: 16px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 2px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;--mat-slide-toggle-state-layer-size: 40px;--mat-slide-toggle-track-height: 32px;--mat-slide-toggle-track-outline-width: 2px;--mat-slide-toggle-track-shape: 9999px;--mat-slide-toggle-track-width: 52px;--mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;--mat-slide-toggle-unselected-handle-size: 16px;--mat-slide-toggle-unselected-icon-size: 16px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: opacity 75ms;--mat-slide-toggle-with-icon-handle-size: 24px}html{--mat-slide-toggle-disabled-label-text-color: #e6e1e6;--mat-slide-toggle-disabled-selected-handle-color: #151316;--mat-slide-toggle-disabled-selected-icon-color: #e6e1e6;--mat-slide-toggle-disabled-selected-track-color: #e6e1e6;--mat-slide-toggle-disabled-unselected-handle-color: #e6e1e6;--mat-slide-toggle-disabled-unselected-icon-color: #49454e;--mat-slide-toggle-disabled-unselected-track-color: #49454e;--mat-slide-toggle-disabled-unselected-track-outline-color: #e6e1e6;--mat-slide-toggle-label-text-color: #e6e1e6;--mat-slide-toggle-selected-focus-handle-color: #5f00c0;--mat-slide-toggle-selected-focus-state-layer-color: #d5baff;--mat-slide-toggle-selected-focus-state-layer-opacity: .12;--mat-slide-toggle-selected-focus-track-color: #d5baff;--mat-slide-toggle-selected-handle-color: #42008a;--mat-slide-toggle-selected-hover-handle-color: #5f00c0;--mat-slide-toggle-selected-hover-state-layer-color: #d5baff;--mat-slide-toggle-selected-hover-state-layer-opacity: .08;--mat-slide-toggle-selected-hover-track-color: #d5baff;--mat-slide-toggle-selected-icon-color: #ecdcff;--mat-slide-toggle-selected-pressed-handle-color: #5f00c0;--mat-slide-toggle-selected-pressed-state-layer-color: #d5baff;--mat-slide-toggle-selected-pressed-state-layer-opacity: .12;--mat-slide-toggle-selected-pressed-track-color: #d5baff;--mat-slide-toggle-selected-track-color: #d5baff;--mat-slide-toggle-track-outline-color: #958e99;--mat-slide-toggle-unselected-focus-handle-color: #e8e0eb;--mat-slide-toggle-unselected-focus-state-layer-color: #e6e1e6;--mat-slide-toggle-unselected-focus-state-layer-opacity: .12;--mat-slide-toggle-unselected-focus-track-color: #49454e;--mat-slide-toggle-unselected-handle-color: #958e99;--mat-slide-toggle-unselected-hover-handle-color: #e8e0eb;--mat-slide-toggle-unselected-hover-state-layer-color: #e6e1e6;--mat-slide-toggle-unselected-hover-state-layer-opacity: .08;--mat-slide-toggle-unselected-hover-track-color: #49454e;--mat-slide-toggle-unselected-icon-color: #49454e;--mat-slide-toggle-unselected-pressed-handle-color: #e8e0eb;--mat-slide-toggle-unselected-pressed-state-layer-color: #e6e1e6;--mat-slide-toggle-unselected-pressed-state-layer-opacity: .12;--mat-slide-toggle-unselected-pressed-track-color: #49454e;--mat-slide-toggle-unselected-track-color: #49454e}html{--mat-slide-toggle-label-text-font: Inter;--mat-slide-toggle-label-text-line-height: 1.25rem;--mat-slide-toggle-label-text-size: .875rem;--mat-slide-toggle-label-text-tracking: .016rem;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-disabled-selected-icon-opacity: .38}html{--mat-radio-checked-ripple-color: #d5baff;--mat-radio-disabled-label-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-radio-disabled-selected-icon-color: #e6e1e6;--mat-radio-disabled-unselected-icon-color: #e6e1e6;--mat-radio-label-text-color: #e6e1e6;--mat-radio-ripple-color: #e6e1e6;--mat-radio-selected-focus-icon-color: #d5baff;--mat-radio-selected-hover-icon-color: #d5baff;--mat-radio-selected-icon-color: #d5baff;--mat-radio-selected-pressed-icon-color: #d5baff;--mat-radio-unselected-focus-icon-color: #e6e1e6;--mat-radio-unselected-hover-icon-color: #e6e1e6;--mat-radio-unselected-icon-color: #e8e0eb;--mat-radio-unselected-pressed-icon-color: #e6e1e6}html{--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px}html{--mat-radio-label-text-font: Inter;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400}html{--mat-slider-value-indicator-opacity: 1;--mat-slider-value-indicator-padding: 0;--mat-slider-value-indicator-width: 28px;--mat-slider-value-indicator-height: 28px;--mat-slider-value-indicator-caret-display: none;--mat-slider-value-indicator-border-radius: 50% 50% 50% 0;--mat-slider-value-indicator-text-transform: rotate(45deg);--mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);--mat-slider-active-track-height: 4px;--mat-slider-handle-height: 20px;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: .38;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: .38}html{--mat-slider-active-track-color: #d5baff;--mat-slider-active-track-shape: 9999px;--mat-slider-disabled-active-track-color: #e6e1e6;--mat-slider-disabled-handle-color: #e6e1e6;--mat-slider-disabled-inactive-track-color: #e6e1e6;--mat-slider-focus-handle-color: #d5baff;--mat-slider-focus-state-layer-color: color-mix(in srgb, #d5baff 20%, transparent);--mat-slider-handle-color: #d5baff;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-slider-handle-shape: 9999px;--mat-slider-hover-handle-color: #d5baff;--mat-slider-hover-state-layer-color: color-mix(in srgb, #d5baff 5%, transparent);--mat-slider-inactive-track-color: #49454e;--mat-slider-inactive-track-shape: 9999px;--mat-slider-label-container-color: #d5baff;--mat-slider-label-label-text-color: #42008a;--mat-slider-ripple-color: #d5baff;--mat-slider-with-overlap-handle-outline-color: #42008a;--mat-slider-with-tick-marks-active-container-color: #42008a;--mat-slider-with-tick-marks-container-shape: 9999px;--mat-slider-with-tick-marks-disabled-container-color: #e6e1e6;--mat-slider-with-tick-marks-inactive-container-color: #e8e0eb}html{--mat-slider-label-label-text-font: Inter;--mat-slider-label-label-text-line-height: 1rem;--mat-slider-label-label-text-size: .75rem;--mat-slider-label-label-text-tracking: .031rem;--mat-slider-label-label-text-weight: 500}html{--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-icon-size: 24px;--mat-menu-item-spacing: 12px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px}html{--mat-menu-container-shape: 4px;--mat-menu-divider-color: #49454e;--mat-menu-item-label-text-color: #e6e1e6;--mat-menu-item-icon-color: #e8e0eb;--mat-menu-item-hover-state-layer-color: color-mix(in srgb, #e6e1e6 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-menu-container-color: #211f22;--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}html{--mat-menu-item-label-text-font: Inter;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-weight: 500}html{--mat-list-active-indicator-color: #4b4357;--mat-list-active-indicator-shape: 9999px;--mat-list-list-item-container-color: transparent;--mat-list-list-item-container-shape: 0;--mat-list-list-item-disabled-label-text-color: #e6e1e6;--mat-list-list-item-disabled-label-text-opacity: .3;--mat-list-list-item-disabled-leading-icon-color: #e6e1e6;--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-state-layer-color: #e6e1e6;--mat-list-list-item-disabled-state-layer-opacity: .12;--mat-list-list-item-disabled-trailing-icon-color: #e6e1e6;--mat-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-list-item-focus-label-text-color: #e6e1e6;--mat-list-list-item-focus-state-layer-color: #e6e1e6;--mat-list-list-item-focus-state-layer-opacity: .12;--mat-list-list-item-hover-label-text-color: #e6e1e6;--mat-list-list-item-hover-state-layer-color: #e6e1e6;--mat-list-list-item-hover-state-layer-opacity: .08;--mat-list-list-item-label-text-color: #e6e1e6;--mat-list-list-item-leading-avatar-color: #5f00c0;--mat-list-list-item-leading-avatar-shape: 9999px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-leading-icon-color: #e8e0eb;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-selected-trailing-icon-color: #d5baff;--mat-list-list-item-supporting-text-color: #e8e0eb;--mat-list-list-item-trailing-icon-color: #e8e0eb;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-trailing-supporting-text-color: #e8e0eb}html{--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px}html{--mat-list-list-item-label-text-font: Inter;--mat-list-list-item-label-text-line-height: 1.5rem;--mat-list-list-item-label-text-size: 1rem;--mat-list-list-item-label-text-tracking: .031rem;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Inter;--mat-list-list-item-supporting-text-line-height: 1.25rem;--mat-list-list-item-supporting-text-size: .875rem;--mat-list-list-item-supporting-text-tracking: .016rem;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Inter;--mat-list-list-item-trailing-supporting-text-line-height: 1rem;--mat-list-list-item-trailing-supporting-text-size: .688rem;--mat-list-list-item-trailing-supporting-text-tracking: .031rem;--mat-list-list-item-trailing-supporting-text-weight: 500}html{--mat-paginator-container-text-color: #e6e1e6;--mat-paginator-container-background-color: #151316;--mat-paginator-disabled-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-paginator-enabled-icon-color: #e8e0eb}html{--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block}html{--mat-paginator-container-text-font: Inter;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem}html{--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0;--mat-tab-divider-height: 1px}html{--mat-tab-active-focus-indicator-color: #d5baff;--mat-tab-active-focus-label-text-color: #e6e1e6;--mat-tab-active-hover-indicator-color: #d5baff;--mat-tab-active-hover-label-text-color: #e6e1e6;--mat-tab-active-indicator-color: #d5baff;--mat-tab-active-label-text-color: #e6e1e6;--mat-tab-active-ripple-color: #e6e1e6;--mat-tab-divider-color: #49454e;--mat-tab-inactive-focus-label-text-color: #e6e1e6;--mat-tab-inactive-hover-label-text-color: #e6e1e6;--mat-tab-inactive-label-text-color: #e6e1e6;--mat-tab-inactive-ripple-color: #e6e1e6;--mat-tab-pagination-icon-color: #e6e1e6;--mat-tab-disabled-ripple-color: #e8e0eb}html{--mat-tab-container-height: 44px}html{--mat-tab-label-text-font: Inter;--mat-tab-label-text-line-height: 1.25rem;--mat-tab-label-text-size: .875rem;--mat-tab-label-text-tracking: .006rem;--mat-tab-label-text-weight: 500}html{--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .08;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .08;--mat-checkbox-unselected-pressed-state-layer-opacity: .12}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: #151316;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-checkbox-label-text-color: #e6e1e6;--mat-checkbox-selected-checkmark-color: #42008a;--mat-checkbox-selected-focus-icon-color: #d5baff;--mat-checkbox-selected-focus-state-layer-color: #d5baff;--mat-checkbox-selected-hover-icon-color: #d5baff;--mat-checkbox-selected-hover-state-layer-color: #d5baff;--mat-checkbox-selected-icon-color: #d5baff;--mat-checkbox-selected-pressed-icon-color: #d5baff;--mat-checkbox-selected-pressed-state-layer-color: #e6e1e6;--mat-checkbox-unselected-focus-icon-color: #e6e1e6;--mat-checkbox-unselected-focus-state-layer-color: #e6e1e6;--mat-checkbox-unselected-hover-icon-color: #e6e1e6;--mat-checkbox-unselected-hover-state-layer-color: #e6e1e6;--mat-checkbox-unselected-icon-color: #e8e0eb;--mat-checkbox-unselected-pressed-state-layer-color: #d5baff}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px}html{--mat-checkbox-label-text-font: Inter;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px}html{--mat-button-filled-container-color: #d5baff;--mat-button-filled-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-filled-disabled-state-layer-color: #e8e0eb;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #42008a;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #42008a 12%, transparent);--mat-button-filled-state-layer-color: #42008a;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #e8e0eb;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #d5baff;--mat-button-outlined-outline-color: #958e99;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-outlined-state-layer-color: #d5baff;--mat-button-protected-container-color: #151316;--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-protected-disabled-state-layer-color: #e8e0eb;--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #d5baff;--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-protected-state-layer-color: #d5baff;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-text-disabled-state-layer-color: #e8e0eb;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #d5baff;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-text-state-layer-color: #d5baff;--mat-button-tonal-container-color: #4b4357;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #e8e0eb;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #eadef7;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #eadef7 12%, transparent);--mat-button-tonal-state-layer-color: #eadef7}html{--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Inter;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Inter;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Inter;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Inter;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Inter;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 9999px}html{--mat-icon-button-disabled-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-icon-button-disabled-state-layer-color: #e8e0eb;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: #e8e0eb;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, #e8e0eb 12%, transparent);--mat-icon-button-state-layer-color: #e8e0eb}html{--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px}html{--mat-fab-container-shape: 16px;--mat-fab-extended-container-height: 56px;--mat-fab-extended-container-shape: 16px;--mat-fab-small-container-shape: 12px}html{--mat-fab-container-color: #5f00c0;--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-disabled-state-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-extended-pressed-container-elevation-shadow: 6;--mat-fab-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-focus-state-layer-opacity: .12;--mat-fab-foreground-color: #ecdcff;--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-hover-state-layer-opacity: .08;--mat-fab-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-pressed-state-layer-opacity: .12;--mat-fab-ripple-color: color-mix(in srgb, #ecdcff 12%, transparent);--mat-fab-small-container-color: #5f00c0;--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-disabled-state-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-fab-small-focus-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-focus-state-layer-opacity: .12;--mat-fab-small-foreground-color: #ecdcff;--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-fab-small-hover-state-layer-opacity: .08;--mat-fab-small-pressed-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-fab-small-pressed-state-layer-opacity: .12;--mat-fab-small-ripple-color: color-mix(in srgb, #ecdcff 12%, transparent);--mat-fab-small-state-layer-color: #ecdcff;--mat-fab-state-layer-color: #ecdcff}html{--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Inter;--mat-fab-extended-label-text-size: .875rem;--mat-fab-extended-label-text-tracking: .006rem;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-button-color: #7d00fa;--mat-snack-bar-container-color: #e6e1e6;--mat-snack-bar-supporting-text-color: #323033}html{--mat-snack-bar-supporting-text-font: Inter;--mat-snack-bar-supporting-text-line-height: 1.25rem;--mat-snack-bar-supporting-text-size: .875rem;--mat-snack-bar-supporting-text-weight: 400}html{--mat-table-row-item-outline-width: 1px}html{--mat-table-background-color: #151316;--mat-table-header-headline-color: #e6e1e6;--mat-table-row-item-label-text-color: #e6e1e6;--mat-table-row-item-outline-color: #958e99}html{--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px}html{--mat-table-header-headline-font: Inter;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-tracking: .006rem;--mat-table-header-headline-weight: 500;--mat-table-row-item-label-text-font: Inter;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-row-item-label-text-weight: 400;--mat-table-footer-supporting-text-font: Inter;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-footer-supporting-text-weight: 400}html{--mat-progress-spinner-size: 48px;--mat-progress-spinner-active-indicator-width: 4px}html{--mat-progress-spinner-active-indicator-color: #d5baff}html{--mat-badge-container-offset: -12px 0;--mat-badge-container-overlap-offset: -12px;--mat-badge-container-padding: 0 4px;--mat-badge-container-shape: 9999px;--mat-badge-container-size: 16px;--mat-badge-large-size-container-offset: -12px 0;--mat-badge-large-size-container-overlap-offset: -12px;--mat-badge-large-size-container-padding: 0 4px;--mat-badge-large-size-container-size: 16px;--mat-badge-legacy-container-size: unset;--mat-badge-legacy-large-size-container-size: unset;--mat-badge-legacy-small-size-container-size: unset;--mat-badge-small-size-container-offset: -6px 0;--mat-badge-small-size-container-overlap-offset: -6px;--mat-badge-small-size-container-padding: 0;--mat-badge-small-size-container-size: 6px}html{--mat-badge-background-color: #ffb4ab;--mat-badge-disabled-state-background-color: color-mix(in srgb, #ffb4ab 38%, transparent);--mat-badge-disabled-state-text-color: #690005;--mat-badge-text-color: #690005}html{--mat-badge-large-size-line-height: 16px;--mat-badge-large-size-text-size: .688rem;--mat-badge-line-height: 16px;--mat-badge-small-size-line-height: 6px;--mat-badge-small-size-text-size: 0;--mat-badge-text-font: Inter;--mat-badge-text-size: .688rem;--mat-badge-text-weight: 500}html{--mat-bottom-sheet-container-shape: 28px}html{--mat-bottom-sheet-container-text-color: #e6e1e6;--mat-bottom-sheet-container-background-color: #1d1b1e}html{--mat-bottom-sheet-container-text-font: Inter;--mat-bottom-sheet-container-text-line-height: 1.5rem;--mat-bottom-sheet-container-text-size: 1rem;--mat-bottom-sheet-container-text-tracking: .031rem;--mat-bottom-sheet-container-text-weight: 400}html{--mat-button-toggle-focus-state-layer-opacity: .12;--mat-button-toggle-hover-state-layer-opacity: .08;--mat-button-toggle-shape: 28px}html{--mat-button-toggle-background-color: transparent;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-toggle-disabled-state-background-color: transparent;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-toggle-divider-color: #958e99;--mat-button-toggle-selected-state-background-color: #4b4357;--mat-button-toggle-selected-state-text-color: #eadef7;--mat-button-toggle-state-layer-color: #e6e1e6;--mat-button-toggle-text-color: #e6e1e6}html{--mat-button-toggle-height: 40px}html{--mat-button-toggle-label-text-font: Inter;--mat-button-toggle-label-text-line-height: 1.25rem;--mat-button-toggle-label-text-size: .875rem;--mat-button-toggle-label-text-tracking: .006rem;--mat-button-toggle-label-text-weight: 500}html{--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-shape: 28px}html{--mat-datepicker-calendar-body-label-text-color: #e6e1e6;--mat-datepicker-calendar-container-background-color: #2b292d;--mat-datepicker-calendar-container-text-color: #e6e1e6;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e6e1e6 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #5f00c0;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #cec2db;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #4b4357;--mat-datepicker-calendar-date-in-range-state-background-color: #5f00c0;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: #d5baff;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: #d5baff;--mat-datepicker-calendar-date-selected-state-text-color: #42008a;--mat-datepicker-calendar-date-text-color: #e6e1e6;--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: #d5baff;--mat-datepicker-calendar-date-today-selected-state-outline-color: #d5baff;--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: #e8e0eb;--mat-datepicker-calendar-navigation-button-icon-color: #e8e0eb;--mat-datepicker-calendar-period-button-icon-color: #e8e0eb;--mat-datepicker-calendar-period-button-text-color: #e8e0eb;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-datepicker-range-input-separator-color: #e6e1e6;--mat-datepicker-toggle-active-state-icon-color: #e8e0eb;--mat-datepicker-toggle-icon-color: #e8e0eb}html{--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-text-font: Inter;--mat-datepicker-calendar-text-size: .875rem}html{--mat-divider-width: 1px}html{--mat-divider-color: #958e99}html{--mat-expansion-container-shape: 12px;--mat-expansion-header-indicator-display: inline-block;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}html{--mat-expansion-actions-divider-color: #958e99;--mat-expansion-container-background-color: #151316;--mat-expansion-container-text-color: #e6e1e6;--mat-expansion-header-description-color: #e8e0eb;--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #e6e1e6 8%, transparent);--mat-expansion-header-indicator-color: #e8e0eb;--mat-expansion-header-text-color: #e6e1e6}html{--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px}html{--mat-expansion-container-text-font: Inter;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-text-font: Inter;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-header-text-weight: 500}html{--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Inter;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Inter;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Inter;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Inter}html{--mat-icon-color: inherit}html{--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent}html{--mat-sidenav-container-background-color: #151316;--mat-sidenav-container-text-color: #e8e0eb;--mat-sidenav-content-background-color: #151316;--mat-sidenav-content-text-color: #e6e1e6;--mat-sidenav-scrim-color: color-mix(in srgb, #332f37 40%, transparent)}html{--mat-stepper-header-error-state-icon-background-color: transparent;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px}html{--mat-stepper-container-color: #151316;--mat-stepper-header-done-state-icon-background-color: #d5baff;--mat-stepper-header-done-state-icon-foreground-color: #42008a;--mat-stepper-header-edit-state-icon-background-color: #d5baff;--mat-stepper-header-edit-state-icon-foreground-color: #42008a;--mat-stepper-header-error-state-icon-foreground-color: #ffb4ab;--mat-stepper-header-error-state-label-text-color: #ffb4ab;--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e6e1e6 8%, transparent);--mat-stepper-header-icon-background-color: #e8e0eb;--mat-stepper-header-icon-foreground-color: #151316;--mat-stepper-header-label-text-color: #e8e0eb;--mat-stepper-header-optional-label-text-color: #e8e0eb;--mat-stepper-header-selected-state-icon-background-color: #d5baff;--mat-stepper-header-selected-state-icon-foreground-color: #42008a;--mat-stepper-header-selected-state-label-text-color: #e8e0eb;--mat-stepper-line-color: #958e99}html{--mat-stepper-container-text-font: Inter;--mat-stepper-header-label-text-font: Inter;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500}html{--mat-stepper-header-height: 72px}html{--mat-sort-arrow-color: #e6e1e6}html{--mat-toolbar-container-background-color: #151316;--mat-toolbar-container-text-color: #e6e1e6}html{--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px}html{--mat-toolbar-title-text-font: Inter;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0;--mat-toolbar-title-text-weight: 400}html{--mat-tree-container-background-color: #151316;--mat-tree-node-text-color: #e6e1e6}html{--mat-tree-node-min-height: 44px}html{--mat-tree-node-text-font: Inter;--mat-tree-node-text-size: 1rem;--mat-tree-node-text-weight: 400}html{--mat-timepicker-container-shape: 4px}html{--mat-timepicker-container-background-color: #211f22;--mat-timepicker-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}html{--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px}:root{--mat-form-field-outlined-container-shape: 22px;--mat-form-field-filled-container-shape: 20px}:root{--m3-primary: #F55350;--m3-on-primary: #FDFDFD;--m3-primary-container: #fee2e2;--m3-on-primary-container: #7f1d1d;--m3-secondary: #f59e0b;--m3-on-secondary: #FDFDFD;--m3-secondary-container: #fef3c7;--m3-on-secondary-container: #78350f;--m3-tertiary: #16D0B1;--m3-on-tertiary: #FDFDFD;--m3-tertiary-container: rgb(186.2695652174, 247.7304347826, 237.4869565217);--m3-on-tertiary-container: rgb(2.4869565217, 23.5130434783, 20.0086956522);--m3-surface: #FDFDFD;--m3-on-surface: #1A1A1A;--m3-surface-variant: #f5f5f5;--m3-on-surface-variant: #404040;--m3-background: #FDFDFD;--m3-on-background: #1A1A1A;--m3-error: #ef4444;--m3-on-error: #FDFDFD;--m3-error-container: #fef2f2;--m3-on-error-container: #b91c1c;--m3-surface-dark: #22242C;--m3-on-surface-dark: #FDFDFD;--m3-surface-variant-dark: #262626;--m3-on-surface-variant-dark: #8E8E93;--m3-background-dark: #1A1A1A;--m3-on-background-dark: #FDFDFD;--m3-tertiary-dark: #16D0B1;--m3-error-dark: #f87171;--color-bg-app-shell-start: #1F2B3D;--color-bg-app-shell-mid: #462B5F;--color-bg-app-shell-end: #EB7337;--gradient-bg-app-shell: linear-gradient(135deg, var(--color-bg-app-shell-start), var(--color-bg-app-shell-mid), var(--color-bg-app-shell-end));--color-bg-dark-surface: #1C2837;--color-bg-surface: #FDFDFD;--color-bg-surface-muted: #F6F8FB;--color-bg-surface-neutral: #EEF1F6;--color-bg-surface-highlight: #FFF3E8;--color-bg-glass: rgba(255, 255, 255, .06);--color-bg-glass-subtle: rgba(255, 255, 255, .02);--color-bg-glass-hover: rgba(255, 255, 255, .1);--color-border-glass: rgba(255, 255, 255, .15);--color-border-glass-subtle: rgba(255, 255, 255, .05);--color-border-glass-hover: rgba(255, 255, 255, .2);--shadow-glass: 0 20px 60px rgba(0, 0, 0, .35);--color-backdrop: rgba(0, 0, 0, .5);--color-backdrop-overlay: rgba(0, 0, 0, .4);--color-bg-error: rgba(241, 96, 99, .1);--color-brand-logo-red: #D33E31;--color-brand-orange-start: #FF8A00;--color-brand-orange-end: #FF5B2D;--color-brand-yellow: #FFC85A;--color-accent-blue: #4385F7;--color-accent-teal: #16D0B1;--color-accent-green: #45B36B;--color-accent-yellow: #F6C343;--color-accent-red: #F16063;--color-accent-purple: #7A5AF5;--color-accent-neutral-chip: #D9E2FC;--color-status-pending: #F6C343;--color-status-approved: #45B36B;--color-status-active: #FF8A00;--color-status-completed: #4385F7;--color-status-rejected: #F16063;--color-status-draft: #C0CAD6;--color-text-primary: #1A1A1A;--color-text-secondary: #455161;--color-text-muted: #6B778C;--color-text-inverse: #FDFDFD;--color-border-subtle: rgba(31, 43, 61, .08);--color-border-strong: rgba(31, 43, 61, .16);--shadow-elevated: 0 12px 32px -18px rgba(17, 25, 40, .45);--shadow-card: 0 8px 24px -12px rgba(17, 25, 40, .32);--font-family: Roboto, sans-serif;--font-family-ios: San Francisco, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-android: Roboto, sans-serif;--font-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--typography-display-large: 57px;--typography-display-medium: 45px;--typography-display-small: 36px;--typography-headline-large: 32px;--typography-headline-medium: 28px;--typography-headline-small: 24px;--typography-title-large: 22px;--typography-title-medium: 16px;--typography-title-small: 14px;--typography-body-large: 16px;--typography-body-medium: 14px;--typography-body-small: 12px;--typography-label-large: 14px;--typography-label-medium: 12px;--typography-label-small: 11px;--typography-display-large-size: 57px;--typography-display-large-weight: 700;--typography-display-large-line-height: 64px;--typography-headline-large-size: 32px;--typography-headline-large-weight: 700;--typography-headline-large-line-height: 40px;--typography-headline-medium-size: 28px;--typography-headline-medium-weight: 700;--typography-headline-medium-line-height: 36px;--typography-title-large-size: 22px;--typography-title-large-weight: 500;--typography-title-large-line-height: 28px;--typography-title-medium-size: 16px;--typography-title-medium-weight: 500;--typography-title-medium-line-height: 24px;--typography-title-small-size: 14px;--typography-title-small-weight: 500;--typography-title-small-line-height: 22px;--typography-body-large-size: 16px;--typography-body-large-weight: 400;--typography-body-large-line-height: 24px;--typography-body-medium-size: 14px;--typography-body-medium-weight: 400;--typography-body-medium-line-height: 20px;--typography-body-small-size: 12px;--typography-body-small-weight: 400;--typography-body-small-line-height: 18px;--typography-label-large-size: 14px;--typography-label-large-weight: 500;--typography-label-large-line-height: 18px;--typography-label-medium-size: 12px;--typography-label-medium-weight: 500;--typography-label-medium-line-height: 16px;--typography-label-small-size: 11px;--typography-label-small-weight: 500;--typography-label-small-line-height: 14px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--spacing-40: 160px;--spacing-48: 192px;--spacing-56: 224px;--spacing-64: 256px;--button-padding-x: 24px;--button-padding-y: 8px;--input-padding-x: 16px;--input-padding-y: 12px;--card-padding: 24px;--list-item-padding: 16px;--bubble-padding-x: 16px;--bubble-padding-y: 8px;--spacing-grid: 8px;--spacing-section-gap: 32px;--spacing-card-gap: 24px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--button-radius: 8px;--input-radius: 4px;--card-radius: 12px;--bubble-radius: 12px;--avatar-radius: 9999px;--radius-pill: 9999px;--icon-button-size: 40px;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--elevation-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--elevation-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--elevation-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .25);--button-elevation: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--card-elevation: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dialog-elevation: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--tooltip-elevation: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--menu-elevation: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--focus-ring-width: 2px;--focus-ring-color: #F55350;--focus-ring: 0 0 0 2px #F55350;--form-field-radius: 12px;--form-field-focus-color: #F55350;--avatar-size: 32px;--table-header-bg: #F6F8FB;--table-row-stripe: #FBFCFF;--table-row-hover: rgba(67, 133, 247, .08)}html,body{height:100%;margin:0;padding:0;font-family:var(--font-family);color:var(--color-bg-surface);background:var(--color-text-primary)}*{box-sizing:border-box}button{color:inherit}.image-preview-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-preview-backdrop{position:absolute;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;z-index:1;animation:scaleIn .2s ease}.image-preview-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;cursor:default;transition:opacity .3s ease}.image-preview-image:not(.loaded){opacity:.7}.image-preview-image.loaded{opacity:1}.image-preview-close{position:absolute;top:-50px;right:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.image-preview-close:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.image-preview-close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.image-preview-close:active{transform:scale(.95)}.image-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.image-preview-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.image-preview-container{max-width:95vw;max-height:95vh}.image-preview-close{top:-40px;width:40px;height:40px;font-size:28px}.image-preview-image{border-radius:8px}}.glass,.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass, rgba(255, 255, 255, .06));border:1px solid var(--color-border-glass, rgba(255, 255, 255, .15));border-radius:var(--radius-2xl, 24px);box-shadow:var(--shadow-glass, 0 20px 60px rgba(0, 0, 0, .35))}.glass-card{width:100%;overflow:hidden}.auth-hero{min-height:100vh;display:grid;place-items:center;background:var(--gradient-bg-app-shell)}.form-title{margin:0 0 var(--spacing-2, 8px) 0;font-size:var(--typography-headline-medium-size);font-weight:var(--typography-headline-medium-weight);line-height:var(--typography-headline-medium-line-height);color:var(--color-text-primary)}.form-subtitle{margin:0 0 var(--spacing-4, 16px) 0;font-size:var(--typography-body-medium-size);color:var(--color-text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4, 16px)}.form-error{display:block;padding:var(--spacing-3, 12px);border-radius:var(--radius-sm, 4px);background-color:var(--color-bg-error, rgba(241, 96, 99, .1));color:var(--color-status-rejected);font-size:var(--typography-body-medium-size);border-left:3px solid var(--color-status-rejected)}.form-success{display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-3, 12px);border-radius:var(--radius-sm, 4px);background-color:var(--color-bg-surface-highlight);color:var(--color-status-approved);font-size:var(--typography-body-medium-size)}.form-success mat-icon{color:var(--color-status-approved)}.checkbox-error{color:var(--color-status-rejected);font-size:var(--typography-body-small-size);margin-top:calc(-1 * var(--spacing-3, 12px));margin-bottom:var(--spacing-1, 4px)}.error-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2, 8px);color:var(--color-status-rejected);font-size:var(--typography-body-medium-size);margin-bottom:var(--spacing-4, 16px)}.error-message mat-icon{font-size:18px;width:18px;height:18px}.form-footer{display:flex;flex-direction:column;gap:var(--spacing-3, 12px);margin-top:var(--spacing-2, 8px);align-items:center}.forgot-password-link,.help-link{color:var(--color-accent-blue, #2196F3);text-decoration:none;font-size:var(--typography-body-medium-size);font-weight:var(--font-weight-bold, 700);transition:opacity .2s ease}.forgot-password-link:hover,.help-link:hover{opacity:.8;text-decoration:underline}.sign-up-link,.sign-in-link{display:flex;gap:var(--spacing-1, 4px);font-size:var(--typography-body-medium-size);color:var(--color-text-secondary, rgba(255, 255, 255, .7))}.sign-up-link a,.sign-in-link a{color:var(--color-accent-blue, #2196F3);text-decoration:none;font-weight:var(--font-weight-medium, 500);transition:opacity .2s ease}.sign-up-link a:hover,.sign-in-link a:hover{opacity:.8;text-decoration:underline}.button-spinner{display:inline-block;margin-right:var(--spacing-2, 8px)}.full-width{width:100%}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4, 16px);width:100%}.auth-form mat-form-field{width:100%}.auth-form mat-checkbox{margin:var(--spacing-2, 8px) 0}.auth-form mat-raised-button{display:flex;align-items:center;gap:var(--spacing-2, 8px)}.card-header-gradient{text-align:center;background:linear-gradient(135deg,#f55350,#f59e0b);width:100%}.card-header-gradient ::ng-deep .mat-mdc-card-header-text{width:100%}.card-header-gradient mat-card-title{font-weight:var(--font-weight-bold, 700)}.otp-inputs{display:flex;justify-content:center;gap:var(--spacing-6, 24px);margin-bottom:var(--spacing-12, 48px)}@media (max-width: 480px){.otp-inputs{gap:var(--spacing-2, 8px)}}.otp-input{width:56px;height:56px;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg, 12px);text-align:center;font-size:var(--typography-headline-small-size);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);background:#ffffff0d;transition:all .2s ease}.otp-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f553501a}.otp-input.active{border-color:#f59e0b;background:#f553501a}.otp-input.error{border-color:var(--color-status-rejected);background:var(--color-bg-error)}@media (max-width: 480px){.otp-input{width:48px;height:48px;font-size:var(--typography-title-large-size)}}.button-ghost{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-glass-subtle, rgba(255, 255, 255, .06));color:var(--m3-on-surface-variant);border:1px solid var(--color-border-glass);transition:all .2s ease}.button-ghost:hover{background:var(--color-bg-glass-hover, rgba(255, 255, 255, .1));border-color:var(--color-border-glass-hover, rgba(255, 255, 255, .2));color:var(--m3-on-surface)}.button-logout{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-glass-subtle, rgba(255, 255, 255, .08));color:var(--m3-on-surface);border:1px solid var(--color-border-glass);transition:all .2s ease}.button-logout:hover{background:var(--color-bg-glass-hover, rgba(255, 255, 255, .12));border-color:var(--color-border-glass-hover, rgba(255, 255, 255, .2))}.form-grid{display:grid;gap:var(--spacing-3, 12px)}.form-grid mat-form-field{width:100%}.error{color:var(--m3-error);font-size:var(--typography-body-small-size)}.placeholder-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12, 48px) var(--spacing-6, 24px);min-height:300px;color:var(--m3-on-surface-variant);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--color-bg-glass-subtle, rgba(255, 255, 255, .02));border-radius:var(--radius-2xl, 24px);margin:var(--spacing-5, 20px)}.placeholder-message .placeholder-icon{font-size:64px;width:64px;height:64px;margin-bottom:var(--spacing-4, 16px);opacity:.5;color:var(--m3-on-surface-variant)}.placeholder-message .placeholder-title{font-size:var(--typography-title-large-size);font-weight:var(--font-weight-medium, 500);color:var(--m3-on-surface-variant-dark);margin:0 0 var(--spacing-2, 8px) 0}.placeholder-message .placeholder-description{font-size:var(--typography-body-medium-size);margin:0;line-height:1.5;opacity:.8}.modal-backdrop{position:fixed;inset:0;background:var(--color-backdrop, rgba(0, 0, 0, .5));z-index:40;animation:fadeIn .2s ease}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:50;padding:var(--spacing-5, 20px)}.modal-card{width:min(560px,96vw);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass, rgba(255, 255, 255, .08));border:1px solid var(--color-border-glass);border-radius:var(--radius-2xl, 24px);color:var(--m3-on-surface);overflow:hidden;box-shadow:var(--shadow-glass)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4, 16px) var(--spacing-4, 16px);border-bottom:1px solid var(--color-border-glass-subtle, rgba(255, 255, 255, .08))}.modal-title{font-weight:var(--font-weight-bold, 700);letter-spacing:.3px}.modal-close{border:none;background:transparent;color:var(--m3-on-surface-variant);transition:all .2s ease}.modal-close:hover{background:var(--color-bg-glass-subtle, rgba(255, 255, 255, .08));color:var(--m3-on-surface)}.modal-body{padding:var(--spacing-4, 16px);display:grid;gap:var(--spacing-4, 16px)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3, 12px)}.overlay-backdrop{position:fixed;inset:0;background:var(--color-backdrop-overlay, rgba(0, 0, 0, .4));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;animation:fadeIn .2s ease}.overlay-container{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:70;padding:var(--spacing-5, 20px);pointer-events:none}.overlay-container>*{pointer-events:all}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinning{animation:spin 1s linear infinite}