@charset "UTF-8";html{height:100%;--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}html.theme-mode-light.theme-palette-ocean{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark.theme-palette-ocean{--mat-sys-background: #121316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f3033;--mat-sys-inverse-primary: #005cbb;--mat-sys-inverse-surface: #e3e2e6;--mat-sys-on-background: #e3e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #002f65;--mat-sys-on-primary-container: #d7e3ff;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #283041;--mat-sys-on-secondary-container: #dae2f9;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #e3e2e6;--mat-sys-on-surface-variant: #e0e2ec;--mat-sys-on-tertiary: #0001ac;--mat-sys-on-tertiary-container: #e0e0ff;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #8e9099;--mat-sys-outline-variant: #44474e;--mat-sys-primary: #abc7ff;--mat-sys-primary-container: #00458f;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #bec6dc;--mat-sys-secondary-container: #3e4759;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #121316;--mat-sys-surface-bright: #38393c;--mat-sys-surface-container: #1f2022;--mat-sys-surface-container-high: #292a2c;--mat-sys-surface-container-highest: #343537;--mat-sys-surface-container-low: #1a1b1f;--mat-sys-surface-container-lowest: #0d0e11;--mat-sys-surface-dim: #121316;--mat-sys-surface-tint: #abc7ff;--mat-sys-surface-variant: #44474e;--mat-sys-tertiary: #bec2ff;--mat-sys-tertiary-container: #0000ef;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-light.theme-palette-sunset{--mat-sys-background: #fff8f5;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #fbeee8;--mat-sys-inverse-primary: #ffb787;--mat-sys-inverse-surface: #362f2b;--mat-sys-on-background: #201a17;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #723600;--mat-sys-on-primary-fixed: #311300;--mat-sys-on-primary-fixed-variant: #723600;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5b4130;--mat-sys-on-secondary-fixed: #2b1708;--mat-sys-on-secondary-fixed-variant: #5b4130;--mat-sys-on-surface: #201a17;--mat-sys-on-surface-variant: #52443c;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #8f0045;--mat-sys-on-tertiary-fixed: #3f001b;--mat-sys-on-tertiary-fixed-variant: #8f0045;--mat-sys-outline: #84746a;--mat-sys-outline-variant: #d7c3b8;--mat-sys-primary: #964900;--mat-sys-primary-container: #ffdcc7;--mat-sys-primary-fixed: #ffdcc7;--mat-sys-primary-fixed-dim: #ffb787;--mat-sys-scrim: #000000;--mat-sys-secondary: #755846;--mat-sys-secondary-container: #ffdcc7;--mat-sys-secondary-fixed: #ffdcc7;--mat-sys-secondary-fixed-dim: #e5bfa8;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f5;--mat-sys-surface-bright: #fff8f5;--mat-sys-surface-container: #f8ebe6;--mat-sys-surface-container-high: #f2e6e1;--mat-sys-surface-container-highest: #ece0da;--mat-sys-surface-container-low: #fef1ec;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d8d3;--mat-sys-surface-tint: #964900;--mat-sys-surface-variant: #f4ded3;--mat-sys-tertiary: #ba005c;--mat-sys-tertiary-container: #ffd9e1;--mat-sys-tertiary-fixed: #ffd9e1;--mat-sys-tertiary-fixed-dim: #ffb1c5;--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark.theme-palette-sunset{--mat-sys-background: #181210;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #362f2b;--mat-sys-inverse-primary: #964900;--mat-sys-inverse-surface: #ece0da;--mat-sys-on-background: #ece0da;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #502400;--mat-sys-on-primary-container: #ffdcc7;--mat-sys-on-primary-fixed: #311300;--mat-sys-on-primary-fixed-variant: #723600;--mat-sys-on-secondary: #422b1b;--mat-sys-on-secondary-container: #ffdcc7;--mat-sys-on-secondary-fixed: #2b1708;--mat-sys-on-secondary-fixed-variant: #5b4130;--mat-sys-on-surface: #ece0da;--mat-sys-on-surface-variant: #f4ded3;--mat-sys-on-tertiary: #65002f;--mat-sys-on-tertiary-container: #ffd9e1;--mat-sys-on-tertiary-fixed: #3f001b;--mat-sys-on-tertiary-fixed-variant: #8f0045;--mat-sys-outline: #9f8d83;--mat-sys-outline-variant: #52443c;--mat-sys-primary: #ffb787;--mat-sys-primary-container: #723600;--mat-sys-primary-fixed: #ffdcc7;--mat-sys-primary-fixed-dim: #ffb787;--mat-sys-scrim: #000000;--mat-sys-secondary: #e5bfa8;--mat-sys-secondary-container: #5b4130;--mat-sys-secondary-fixed: #ffdcc7;--mat-sys-secondary-fixed-dim: #e5bfa8;--mat-sys-shadow: #000000;--mat-sys-surface: #181210;--mat-sys-surface-bright: #3f3834;--mat-sys-surface-container: #241e1b;--mat-sys-surface-container-high: #2f2926;--mat-sys-surface-container-highest: #3a3330;--mat-sys-surface-container-low: #201a17;--mat-sys-surface-container-lowest: #120d0b;--mat-sys-surface-dim: #181210;--mat-sys-surface-tint: #ffb787;--mat-sys-surface-variant: #52443c;--mat-sys-tertiary: #ffb1c5;--mat-sys-tertiary-container: #8f0045;--mat-sys-tertiary-fixed: #ffd9e1;--mat-sys-tertiary-fixed-dim: #ffb1c5;--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-light.theme-palette-emerald{--mat-sys-background: #f9faf3;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f1f1eb;--mat-sys-inverse-primary: #02e600;--mat-sys-inverse-surface: #2f312d;--mat-sys-on-background: #1a1c18;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #015300;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3c4b37;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #1a1c18;--mat-sys-on-surface-variant: #43483f;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #004f4f;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #73796e;--mat-sys-outline-variant: #c3c8bc;--mat-sys-primary: #026e00;--mat-sys-primary-container: #77ff61;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #54634d;--mat-sys-secondary-container: #d7e8cd;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #f9faf3;--mat-sys-surface-bright: #f9faf3;--mat-sys-surface-container: #eeeee7;--mat-sys-surface-container-high: #e8e9e1;--mat-sys-surface-container-highest: #e2e3dc;--mat-sys-surface-container-low: #f3f4ed;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dadbd3;--mat-sys-surface-tint: #026e00;--mat-sys-surface-variant: #dfe4d7;--mat-sys-tertiary: #006a6a;--mat-sys-tertiary-container: #00fbfb;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #00dddd;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark.theme-palette-emerald{--mat-sys-background: #121410;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f312d;--mat-sys-inverse-primary: #026e00;--mat-sys-inverse-surface: #e2e3dc;--mat-sys-on-background: #e2e3dc;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #013a00;--mat-sys-on-primary-container: #77ff61;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary: #263422;--mat-sys-on-secondary-container: #d7e8cd;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #e2e3dc;--mat-sys-on-surface-variant: #dfe4d7;--mat-sys-on-tertiary: #003737;--mat-sys-on-tertiary-container: #00fbfb;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #8d9387;--mat-sys-outline-variant: #43483f;--mat-sys-primary: #02e600;--mat-sys-primary-container: #015300;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #bbcbb2;--mat-sys-secondary-container: #3c4b37;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #121410;--mat-sys-surface-bright: #383a35;--mat-sys-surface-container: #1e201c;--mat-sys-surface-container-high: #282b26;--mat-sys-surface-container-highest: #333531;--mat-sys-surface-container-low: #1a1c18;--mat-sys-surface-container-lowest: #0c0f0b;--mat-sys-surface-dim: #121410;--mat-sys-surface-tint: #02e600;--mat-sys-surface-variant: #43483f;--mat-sys-tertiary: #00dddd;--mat-sys-tertiary-container: #004f4f;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #00dddd;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-light.theme-palette-red{--mat-sys-background: #fff8f6;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #fbeeec;--mat-sys-inverse-primary: #ffb4a8;--mat-sys-inverse-surface: #362f2e;--mat-sys-on-background: #201a19;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #930100;--mat-sys-on-primary-fixed: #410000;--mat-sys-on-primary-fixed-variant: #930100;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5d3f3b;--mat-sys-on-secondary-fixed: #2c1512;--mat-sys-on-secondary-fixed-variant: #5d3f3b;--mat-sys-on-surface: #201a19;--mat-sys-on-surface-variant: #534341;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #723600;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #857370;--mat-sys-outline-variant: #d8c2be;--mat-sys-primary: #c00100;--mat-sys-primary-container: #ffdad4;--mat-sys-primary-fixed: #ffdad4;--mat-sys-primary-fixed-dim: #ffb4a8;--mat-sys-scrim: #000000;--mat-sys-secondary: #775651;--mat-sys-secondary-container: #ffdad4;--mat-sys-secondary-fixed: #ffdad4;--mat-sys-secondary-fixed-dim: #e7bdb6;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f6;--mat-sys-surface-bright: #fff8f6;--mat-sys-surface-container: #f9ebe9;--mat-sys-surface-container-high: #f3e5e4;--mat-sys-surface-container-highest: #ede0dd;--mat-sys-surface-container-low: #fef1ef;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e4d7d6;--mat-sys-surface-tint: #c00100;--mat-sys-surface-variant: #f5ddda;--mat-sys-tertiary: #964900;--mat-sys-tertiary-container: #ffdcc7;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark.theme-palette-red{--mat-sys-background: #181211;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #362f2e;--mat-sys-inverse-primary: #c00100;--mat-sys-inverse-surface: #ede0dd;--mat-sys-on-background: #ede0dd;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #690100;--mat-sys-on-primary-container: #ffdad4;--mat-sys-on-primary-fixed: #410000;--mat-sys-on-primary-fixed-variant: #930100;--mat-sys-on-secondary: #442925;--mat-sys-on-secondary-container: #ffdad4;--mat-sys-on-secondary-fixed: #2c1512;--mat-sys-on-secondary-fixed-variant: #5d3f3b;--mat-sys-on-surface: #ede0dd;--mat-sys-on-surface-variant: #f5ddda;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #a08c89;--mat-sys-outline-variant: #534341;--mat-sys-primary: #ffb4a8;--mat-sys-primary-container: #930100;--mat-sys-primary-fixed: #ffdad4;--mat-sys-primary-fixed-dim: #ffb4a8;--mat-sys-scrim: #000000;--mat-sys-secondary: #e7bdb6;--mat-sys-secondary-container: #5d3f3b;--mat-sys-secondary-fixed: #ffdad4;--mat-sys-secondary-fixed-dim: #e7bdb6;--mat-sys-shadow: #000000;--mat-sys-surface: #181211;--mat-sys-surface-bright: #3f3737;--mat-sys-surface-container: #251e1d;--mat-sys-surface-container-high: #302828;--mat-sys-surface-container-highest: #3b3332;--mat-sys-surface-container-low: #201a19;--mat-sys-surface-container-lowest: #130d0c;--mat-sys-surface-dim: #181211;--mat-sys-surface-tint: #ffb4a8;--mat-sys-surface-variant: #534341;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-light.theme-palette-purple{--mat-sys-background: #fef8fc;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f5eff4;--mat-sys-inverse-primary: #d5baff;--mat-sys-inverse-surface: #323033;--mat-sys-on-background: #1d1b1e;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #5f00c0;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #4b4357;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #1d1b1e;--mat-sys-on-surface-variant: #49454e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #810081;--mat-sys-on-tertiary-fixed: #380038;--mat-sys-on-tertiary-fixed-variant: #810081;--mat-sys-outline: #7b757f;--mat-sys-outline-variant: #cbc4cf;--mat-sys-primary: #7d00fa;--mat-sys-primary-container: #ecdcff;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #645b70;--mat-sys-secondary-container: #eadef7;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #fef8fc;--mat-sys-surface-bright: #fef8fc;--mat-sys-surface-container: #f2ecf1;--mat-sys-surface-container-high: #ede6eb;--mat-sys-surface-container-highest: #e6e1e6;--mat-sys-surface-container-low: #f8f2f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #ded8dd;--mat-sys-surface-tint: #7d00fa;--mat-sys-surface-variant: #e8e0eb;--mat-sys-tertiary: #a900a9;--mat-sys-tertiary-container: #ffd7f5;--mat-sys-tertiary-fixed: #ffd7f5;--mat-sys-tertiary-fixed-dim: #ffabf3;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark.theme-palette-purple{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #5b005b;--mat-sys-on-tertiary-container: #ffd7f5;--mat-sys-on-tertiary-fixed: #380038;--mat-sys-on-tertiary-fixed-variant: #810081;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #ffabf3;--mat-sys-tertiary-container: #810081;--mat-sys-tertiary-fixed: #ffd7f5;--mat-sys-tertiary-fixed-dim: #ffabf3;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 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-sys-level1: 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-sys-level2: 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-sys-level3: 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-sys-level4: 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-sys-level5: 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-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html.theme-mode-dark body{color-scheme:dark}html.theme-mode-light{--app-bg-start: #f3f5f9;--app-bg-end: #f3f5f9;--app-bg-accent: #d8e0ec;--app-header-bg: #f7f9fc;--app-header-border: #d6dde8;--app-sidebar-bg-start: #11151c;--app-sidebar-bg-end: #11151c;--app-sidebar-border: rgb(255 255 255 / 8%);--app-sidebar-fg: #dbe2ec;--app-sidebar-fg-muted: #cfdcee;--app-popover-bg: var(--mat-sys-surface-container-high);--app-popover-border: color-mix(in oklab, var(--mat-sys-outline) 35%, transparent);--app-popover-text: var(--mat-sys-on-surface);--app-popover-muted: var(--mat-sys-on-surface-variant);--app-popover-item-bg: var(--mat-sys-surface-container);--app-popover-item-hover: color-mix(in oklab, var(--mat-sys-primary) 14%, transparent);--app-chip-bg: #eef2f7;--app-chip-bg-strong: #e2e8f0;--app-chip-text: #1f2937;--app-chip-muted: #475569;--app-option-selected-bg: #e8edf5;--app-option-hover-bg: #eef3f9;--app-filter-toolbar-border: #d6dde8;--app-filter-toolbar-bg: #f7f9fc;--app-filter-toolbar-shadow: 0 8px 18px -20px rgb(0 0 0 / 20%);--app-filter-input-bg: #edf2f8;--app-filter-input-border: #d6dde8;--app-filter-input-focus-border: #94a3b8;--app-filter-input-focus-ring: 0 0 0 3px rgb(148 163 184 / 25%);--app-filter-button-bg: #edf2f8;--app-filter-button-border: #d6dde8;--app-filter-button-icon: #64748b;--app-filter-primary-bg: #1d4ed8;--app-filter-primary-fg: #fff;--app-filter-primary-border: #1e40af;--app-filter-primary-shadow: 0 10px 18px -12px rgb(29 78 216 / 45%);--app-filter-primary-hover-bg: #1e40af;--field-text-color: #4a5568;--field-success-color: #16a34a;--field-error-color: #dc2626;--color_text_body_main: #4a5568;--color_primary: #2563eb;--color_white: #fff;--bg_body_color_main: #f3f5f9}html.theme-mode-dark{--app-bg-start: #1f2025;--app-bg-end: #1f2025;--app-bg-accent: #1a2230;--app-header-bg: #11151c;--app-header-border: #243043;--app-sidebar-bg-start: #11151c;--app-sidebar-bg-end: #11151c;--app-sidebar-border: rgb(255 255 255 / 10%);--app-sidebar-fg: #dbe2ec;--app-sidebar-fg-muted: #cfdcee;--app-popover-bg: var(--mat-sys-surface-container-high);--app-popover-border: color-mix(in oklab, var(--mat-sys-outline) 35%, transparent);--app-popover-text: var(--mat-sys-on-surface);--app-popover-muted: var(--mat-sys-on-surface-variant);--app-popover-item-bg: var(--mat-sys-surface-container);--app-popover-item-hover: color-mix(in oklab, var(--mat-sys-primary) 14%, transparent);--app-chip-bg: #2a3341;--app-chip-bg-strong: #313c4b;--app-chip-text: #e5e7eb;--app-chip-muted: #cbd5e1;--app-option-selected-bg: #344054;--app-option-hover-bg: #3a4659;--app-filter-toolbar-border: #2a3648;--app-filter-toolbar-bg: #151b24;--app-filter-toolbar-shadow: 0 8px 18px -20px rgb(0 0 0 / 55%);--app-filter-input-bg: #1d2531;--app-filter-input-border: #2a3648;--app-filter-input-focus-border: #64748b;--app-filter-input-focus-ring: 0 0 0 3px rgb(100 116 139 / 30%);--app-filter-button-bg: #1d2531;--app-filter-button-border: #2a3648;--app-filter-button-icon: #a6b5c9;--app-filter-primary-bg: #2563eb;--app-filter-primary-fg: #fff;--app-filter-primary-border: #1d4ed8;--app-filter-primary-shadow: 0 10px 18px -12px rgb(37 99 235 / 52%);--app-filter-primary-hover-bg: #1d4ed8;--field-text-color: #e2e8f0;--field-success-color: #22c55e;--field-error-color: #f87171;--color_text_body_main: #e2e8f0;--color_primary: #60a5fa;--color_white: #fff;--bg_body_color_main: #1f2025}html.theme-mode-light{--app-radius-sm: .5rem;--app-radius-md: .75rem;--app-radius-lg: 1rem;--app-surface: #fff;--app-surface-soft: #f7f9fc;--app-surface-border: #e2e8f0;--app-surface-border-strong: #cbd5e1;--app-text: #0f172a;--app-text-muted: #64748b;--app-shadow-sm: 0 1px 2px rgb(15 23 42 / 6%), 0 1px 3px rgb(15 23 42 / 4%);--app-shadow-md: 0 4px 12px -4px rgb(15 23 42 / 12%), 0 2px 4px rgb(15 23 42 / 4%);--app-shadow-lg: 0 12px 28px -12px rgb(15 23 42 / 20%);--app-accent: #2563eb;--app-accent-soft: #eff6ff;--app-focus-ring: 0 0 0 3px rgb(37 99 235 / 18%);--app-color-success: #15803d;--app-color-warning: #b45309;--app-color-danger: #b91c1c}html.theme-mode-dark{--app-radius-sm: .5rem;--app-radius-md: .75rem;--app-radius-lg: 1rem;--app-surface: #191d24;--app-surface-soft: #151b24;--app-surface-border: #2a3648;--app-surface-border-strong: #3b4a60;--app-text: #e8edf5;--app-text-muted: #94a3b8;--app-shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--app-shadow-md: 0 4px 12px -4px rgb(0 0 0 / 50%);--app-shadow-lg: 0 12px 28px -12px rgb(0 0 0 / 65%);--app-accent: #60a5fa;--app-accent-soft: rgb(96 165 250 / 12%);--app-focus-ring: 0 0 0 3px rgb(96 165 250 / 22%);--app-color-success: #4ade80;--app-color-warning: #fbbf24;--app-color-danger: #fca5a5}.module-page{display:grid;grid-template-columns:minmax(0,1fr);gap:1.15rem;align-content:start;animation:app-page-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes app-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.module-page{animation:none}}.app-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-page-head__titles{display:grid;gap:.15rem}.app-page-head__title{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--app-text)}.app-page-head__hint{margin:0;font-size:.85rem;color:var(--app-text-muted)}.app-page-head__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.module-page:is(.producto-form,.anuncio-form,.cupon-form,.oferta-form,.cf,.tf,.vf,.empresa-form,.usuario-form)>.app-page-head{position:sticky;top:0;z-index:6;padding-block:.6rem;background:color-mix(in oklab,var(--mat-sys-surface, #ffffff) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--app-surface-border)}.app-card{background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--app-radius-lg);padding:1.15rem;box-shadow:var(--app-shadow-sm)}.app-card--interactive{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}.app-card--interactive:hover{border-color:var(--app-surface-border-strong);box-shadow:var(--app-shadow-md)}.app-card--interactive:active{transform:translateY(1px)}.app-card--interactive:focus-visible{outline:none;box-shadow:var(--app-focus-ring);border-color:var(--app-accent)}.app-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.app-empty{display:grid;justify-items:center;gap:.4rem;padding:2.5rem 1rem;text-align:center;color:var(--app-text-muted)}.app-empty__icon{font-size:2.25rem;width:2.25rem;height:2.25rem;opacity:.55}.app-empty__title{margin:0;font-weight:600;color:var(--app-text)}.app-empty__hint{margin:0;font-size:.85rem;max-width:42ch}.app-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--app-chip-bg);color:var(--app-chip-text)}.app-pill--ok{background:color-mix(in oklab,#16a34a 16%,transparent);color:var(--app-color-success)}.app-pill--warn{background:color-mix(in oklab,#f59e0b 18%,transparent);color:var(--app-color-warning)}.app-pill--danger{background:color-mix(in oklab,#ef4444 16%,transparent);color:var(--app-color-danger)}.mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-floating-label{font-weight:500}.mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline__trailing{border-color:var(--app-surface-border-strong);transition:border-color .15s ease}.mat-mdc-form-field.mat-form-field-appearance-outline:hover:not(.mat-form-field-disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-form-field-appearance-outline:hover:not(.mat-form-field-disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-form-field-appearance-outline:hover:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-color:var(--app-text-muted)}.mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused .mat-mdc-text-field-wrapper{border-radius:var(--app-radius-sm);box-shadow:var(--app-focus-ring)}.mat-mdc-form-field-error{font-size:.75rem!important;font-weight:500;color:var(--field-error-color)}.mat-mdc-form-field-hint{font-size:.72rem;color:var(--app-text-muted)}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--app-accent);outline-offset:2px;border-radius:var(--app-radius-sm)}.mat-mdc-row:hover{background:var(--app-option-hover-bg)}*{scrollbar-width:thin;scrollbar-color:var(--app-surface-border-strong) transparent}.form-section-title{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 .15rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--app-text-muted)}.form-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--app-surface-border) 0%,transparent 100%)}.usuario-temp-note,.app-form-note{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.6rem .8rem;border-radius:var(--app-radius-md);background:var(--app-accent-soft);border:1px solid color-mix(in oklab,var(--app-accent) 25%,transparent);color:var(--app-text);font-size:.82rem;line-height:1.4}.usuario-temp-note:before,.app-form-note:before{content:"info";font-family:Material Symbols Rounded,Material Icons;font-size:1.1rem;line-height:1.2;color:var(--app-accent);flex:0 0 auto}.usuario-empresa{width:100%}.cdk-overlay-pane .mat-mdc-menu-panel.user-menu-panel,.cdk-overlay-pane .mat-mdc-menu-panel.theme-menu-panel{--mat-menu-container-color: var(--app-popover-bg);--mdc-menu-container-color: var(--app-popover-bg);background:var(--app-popover-bg)!important;color:var(--app-popover-text);border:1px solid var(--app-popover-border)}.cdk-overlay-pane .mat-mdc-menu-panel.user-menu-panel .mat-mdc-menu-content,.cdk-overlay-pane .mat-mdc-menu-panel.theme-menu-panel .mat-mdc-menu-content{padding:0!important;background:transparent!important}.cdk-overlay-backdrop.app-menu-backdrop{background:#04080e8f}.mat-mdc-snack-bar-container.app-alert-snackbar-panel{--mdc-snackbar-container-color: transparent;--mdc-snackbar-supporting-text-color: inherit;box-shadow:none!important;padding:0!important}.mat-mdc-snack-bar-container.app-alert-snackbar-panel .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important;padding:0!important}.cdk-overlay-backdrop.app-dialog-backdrop{background:#04080e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-surface{display:flex;flex-direction:column;max-height:90vh;border-radius:var(--app-radius-lg)!important;border:1px solid var(--app-surface-border);background:var(--app-surface);box-shadow:var(--app-shadow-lg);overflow:hidden}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-component-host{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-container{animation:app-dialog-in .24s cubic-bezier(.22,1,.36,1) both}@keyframes app-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-container{animation:none}}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-title{flex:none;margin:0;padding:1.15rem 1.5rem .15rem}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-title:before{display:none}.cdk-overlay-pane.app-dialog-panel .app-dialog-title{margin:0;font-size:1.18rem;font-weight:700;letter-spacing:-.01em;color:var(--app-text)}.cdk-overlay-pane.app-dialog-panel .app-dialog-subtitle{margin:0;padding:.1rem 1.5rem .75rem;color:var(--app-text-muted);font-size:.85rem;line-height:1.4}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-content{flex:1 1 auto;min-height:0;margin:0;padding:1rem 1.5rem 1.35rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-content{overflow-y:auto;border-top:1px solid var(--app-surface-border);border-bottom:1px solid var(--app-surface-border);background:var(--app-surface-soft);scroll-behavior:smooth;overscroll-behavior:contain}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide{margin:0 0 1rem;padding:.9rem 1rem;border:1px solid var(--app-surface-border);border-radius:var(--app-radius-md);background:var(--app-surface);color:var(--app-text);font-size:.84rem;line-height:1.45}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide--production{border-color:color-mix(in oklab,var(--app-accent) 38%,var(--app-surface-border));background:color-mix(in oklab,var(--app-accent-soft) 52%,var(--app-surface))}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide p{margin:.4rem 0 0}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide ol{margin:.45rem 0 0;padding-left:1.25rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide li+li{margin-top:.24rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide__section+.app-dialog-guide__section{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--app-surface-border)}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide__links{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.75rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide a{color:var(--app-accent);font-weight:650;text-decoration:none}.cdk-overlay-pane.app-dialog-panel .app-dialog-guide a:hover{text-decoration:underline}.cdk-overlay-pane.app-dialog-panel .mat-mdc-dialog-actions{flex:none;margin:0;padding:.85rem 1.5rem 1.1rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-actions{gap:.6rem}.cdk-overlay-pane.app-dialog-panel .app-dialog-actions button{min-height:2.4rem;border-radius:var(--app-radius-sm);font-weight:600}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--form .app-dialog-content{width:100%;min-width:0;max-width:100%;overflow-x:hidden;max-height:min(74vh,760px);padding-bottom:1.6rem}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--drawer .mat-mdc-dialog-surface{border-radius:0!important;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;box-shadow:-18px 0 48px #02081738}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--drawer .mat-mdc-dialog-component-host{height:100%}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--drawer .app-dialog-content{flex:1 1 auto;width:100%;min-width:0;max-width:100%;max-height:none;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem 1.75rem;border-top:1px solid var(--app-surface-border)}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--confirm .app-dialog-content{min-width:min(92vw,360px);max-width:480px;max-height:none;padding-top:.95rem;padding-bottom:.7rem}.cdk-overlay-pane.app-dialog-panel .app-confirm-title{display:inline-flex;align-items:center;gap:.55rem;font-size:1.06rem;font-weight:700}.cdk-overlay-pane.app-dialog-panel .app-confirm-title mat-icon{color:var(--app-accent);background:var(--app-accent-soft);border-radius:var(--app-radius-sm);width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center}.cdk-overlay-pane.app-dialog-panel .app-confirm-title mat-icon.warn{color:#dc2626;background:color-mix(in oklab,#dc2626 15%,transparent)}.cdk-overlay-pane.app-dialog-panel .app-confirm-content p{margin:.1rem 0;color:var(--app-text);line-height:1.45}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--pdf-preview{max-width:98vw!important;width:96vw!important}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--pdf-preview .mat-mdc-dialog-surface{border-radius:var(--app-radius-md)!important;padding:0!important;overflow:hidden!important}.cdk-overlay-pane.app-dialog-panel.app-dialog-panel--pdf-preview .mat-mdc-dialog-content{padding:0!important;margin:0!important;max-height:none!important}app-form-field-input,app-form-field-email,app-form-field-password,app-form-field-date,app-form-field-date-range,app-form-field-time,app-form-field-color,app-form-field-checkbox,app-form-field-boolean-toggle,app-form-field-text-area,app-form-field-select,app-form-field-auto-complete,app-form-field-auto-complete-add,app-form-field-auto-complete-multiple,app-empresas-select,app-sucursal-select,app-sucursales-select,app-clientes-select,app-cajas-select,app-medio-pago-select,app-roles-select{display:block;width:100%;min-width:0}.app-form-grid app-form-field-input,.app-form-grid app-form-field-email,.app-form-grid app-form-field-password,.app-form-grid app-form-field-date,.app-form-grid app-form-field-date-range,.app-form-grid app-form-field-time,.app-form-grid app-form-field-color,.app-form-grid app-form-field-checkbox,.app-form-grid app-form-field-boolean-toggle,.app-form-grid app-form-field-text-area,.app-form-grid app-form-field-select,.app-form-grid app-form-field-auto-complete,.app-form-grid app-form-field-auto-complete-add,.app-form-grid app-form-field-auto-complete-multiple,.app-form-grid app-empresas-select,.app-form-grid app-sucursal-select,.app-form-grid app-sucursales-select,.app-form-grid app-clientes-select,.app-form-grid app-cajas-select,.app-form-grid app-medio-pago-select,.app-form-grid app-roles-select,.app-fields-grid app-form-field-input,.app-fields-grid app-form-field-email,.app-fields-grid app-form-field-password,.app-fields-grid app-form-field-date,.app-fields-grid app-form-field-date-range,.app-fields-grid app-form-field-time,.app-fields-grid app-form-field-color,.app-fields-grid app-form-field-checkbox,.app-fields-grid app-form-field-boolean-toggle,.app-fields-grid app-form-field-text-area,.app-fields-grid app-form-field-select,.app-fields-grid app-form-field-auto-complete,.app-fields-grid app-form-field-auto-complete-add,.app-fields-grid app-form-field-auto-complete-multiple,.app-fields-grid app-empresas-select,.app-fields-grid app-sucursal-select,.app-fields-grid app-sucursales-select,.app-fields-grid app-clientes-select,.app-fields-grid app-cajas-select,.app-fields-grid app-medio-pago-select,.app-fields-grid app-roles-select,.app-filter-shell app-form-field-input,.app-filter-shell app-form-field-email,.app-filter-shell app-form-field-password,.app-filter-shell app-form-field-date,.app-filter-shell app-form-field-date-range,.app-filter-shell app-form-field-time,.app-filter-shell app-form-field-color,.app-filter-shell app-form-field-checkbox,.app-filter-shell app-form-field-boolean-toggle,.app-filter-shell app-form-field-text-area,.app-filter-shell app-form-field-select,.app-filter-shell app-form-field-auto-complete,.app-filter-shell app-form-field-auto-complete-add,.app-filter-shell app-form-field-auto-complete-multiple,.app-filter-shell app-empresas-select,.app-filter-shell app-sucursal-select,.app-filter-shell app-sucursales-select,.app-filter-shell app-clientes-select,.app-filter-shell app-cajas-select,.app-filter-shell app-medio-pago-select,.app-filter-shell app-roles-select,.app-dialog-content app-form-field-input,.app-dialog-content app-form-field-email,.app-dialog-content app-form-field-password,.app-dialog-content app-form-field-date,.app-dialog-content app-form-field-date-range,.app-dialog-content app-form-field-time,.app-dialog-content app-form-field-color,.app-dialog-content app-form-field-checkbox,.app-dialog-content app-form-field-boolean-toggle,.app-dialog-content app-form-field-text-area,.app-dialog-content app-form-field-select,.app-dialog-content app-form-field-auto-complete,.app-dialog-content app-form-field-auto-complete-add,.app-dialog-content app-form-field-auto-complete-multiple,.app-dialog-content app-empresas-select,.app-dialog-content app-sucursal-select,.app-dialog-content app-sucursales-select,.app-dialog-content app-clientes-select,.app-dialog-content app-cajas-select,.app-dialog-content app-medio-pago-select,.app-dialog-content app-roles-select{margin-top:0!important}.app-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem 1rem;align-items:start}.form-field-input{width:100%!important;height:auto!important}.mat-mdc-form-field-error{font-size:.7rem}.mat-mdc-form-field-icon-suffix,.mat-mdc-form-field-icon-prefix{padding:0!important}.form-field-data-range .mat-mdc-form-field-icon-suffix,.form-field-date .mat-mdc-form-field-icon-suffix{width:auto!important;display:flex!important}.form-slide-toggle .mdc-switch .mdc-switch__icons{background:#8e8578!important;border-radius:40%!important;color:#8e8578!important}.form-slide-toggle .mdc-switch .mdc-switch__track:after{background:#8e8578!important;color:#8e8578!important}.form-slide-toggle .mdc-switch--selected .mdc-switch__icons{background:var(--color_white)!important;border-radius:40%!important;color:#8e8578!important}.form-slide-toggle .mdc-switch--selected .mdc-switch__track:after{background:#8e8578!important;color:#8e8578!important}.form-slide-toggle .mdc-switch--selected .mdc-switch__icon path{fill:#8e8578!important}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#8e8578!important;background-color:#8e8578!important;color:#8e8578!important}.mdc-checkbox .mdc-checkbox__native-control:focus:checked~.mdc-checkbox__ripple{opacity:var(--mdc-checkbox-selected-focus-state-layer-opacity);background-color:var(--color_primary)!important}.mat-mdc-form-field{--mat-form-field-container-height: 48px;--mat-form-field-container-vertical-padding: 12px}.mat-mdc-form-field .mdc-notched-outline__notch,.mat-mdc-form-field .mdc-notched-outline__leading,.mat-mdc-form-field .mdc-notched-outline__trailing{border-color:var(--color_text_body_main)!important;border-width:1px!important}.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none!important;border-right:none!important}.mat-mdc-form-field .mdc-notched-outline__leading{border-right:none!important}.mat-mdc-form-field .mdc-notched-outline__trailing{border-left:none!important}.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label,.mat-mdc-form-field .mat-mdc-input-element,.mat-mdc-form-field .mat-mdc-form-field-icon-suffix{color:var(--color_text_body_main)!important}.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing{border-color:green!important;color:green!important;border-width:1px!important}.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch{border-left:none!important;border-right:none!important}.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading{border-right:none!important}.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing{border-left:none!important}.mat-mdc-form-field.required.ng-valid:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label{color:green!important}.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing{border-color:red!important;color:red!important;border-width:1px!important}.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__notch{border-left:none!important;border-right:none!important}.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__leading{border-right:none!important}.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline__trailing{border-left:none!important}.mat-mdc-form-field.ng-invalid.mat-form-field-invalid.required:is(.ng-dirty,.ng-touched):not(.disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label{color:red!important}.mat-mdc-form-field.disabled .mdc-notched-outline__leading,.mat-mdc-form-field.disabled .mdc-notched-outline__notch,.mat-mdc-form-field.disabled .mdc-notched-outline__trailing,.mat-mdc-form-field.disabled .mat-mdc-floating-label.mdc-floating-label,.mat-mdc-form-field.disabled .mat-mdc-input-element,.mat-mdc-form-field.disabled .mat-mdc-form-field-icon-suffix,.mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-notched-outline__leading,.mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-notched-outline__notch,.mat-mdc-form-field.mat-mdc-form-field-disabled .mdc-notched-outline__trailing,.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-floating-label.mdc-floating-label,.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-input-element,.mat-mdc-form-field.mat-mdc-form-field-disabled .mat-mdc-form-field-icon-suffix{opacity:.55!important}.auto-complete-select-multiple .mdc-evolution-chip-set__chips{margin-left:-15px!important;margin-top:6px!important}.field-error{color:var(--field-error-color, #dc2626);font-size:.72rem;line-height:1.2;margin-top:-14px}.app-form-section-title,.form-section-title{margin:.15rem 0;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in oklab,var(--mat-sys-primary) 70%,black);border-bottom:1px dashed color-mix(in oklab,var(--mat-sys-outline) 26%,transparent);padding-bottom:.3rem}.app-form-grid .form-section-title:not(:first-child),.app-form-grid .app-form-section-title:not(:first-child){margin-top:.6rem}.app-form-card{max-width:1040px;padding:1.5rem 1.6rem 1.25rem}.app-form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--app-surface-border)}.app-form-actions mat-icon{margin-right:6px;font-size:20px;width:20px;height:20px}.app-field-hint{margin:.3rem 0 0;font-size:.72rem;line-height:1.3;color:var(--app-text-muted)}.app-form-sections{display:flex;flex-direction:column;gap:1rem;width:100%}.app-form-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:.6rem;margin-top:.25rem;padding:.85rem 1rem;background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.app-form-footer mat-icon{margin-right:6px;font-size:20px;width:20px;height:20px}.form-section{padding:1.25rem 1.4rem 1.35rem;min-width:0}@media(max-width:640px){.form-section{padding:1rem}}.form-section__head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem;margin-bottom:1.15rem;padding-bottom:.9rem;border-bottom:1px solid var(--app-surface-border)}.form-section__icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in oklab,var(--mat-sys-primary) 14%,transparent);color:var(--mat-sys-primary)}.form-section__icon mat-icon{font-size:22px;width:22px;height:22px}.form-section__titles{flex:1 1 12rem;min-width:0}.form-section__title{margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--app-text)}.form-section__desc{margin:.15rem 0 0;font-size:.8rem;line-height:1.35;color:var(--app-text-muted)}.app-filter-toolbar{--filter-toolbar-gap: 1rem;--filter-toolbar-padding: 12px 16px;--filter-toolbar-radius: 16px;--filter-toolbar-border: var(--app-filter-toolbar-border);--filter-toolbar-bg: var(--app-filter-toolbar-bg);--filter-toolbar-shadow: var(--app-filter-toolbar-shadow);--filter-primary-bg: var(--app-filter-primary-bg);--filter-primary-fg: var(--mat-sys-on-primary);--filter-primary-border: color-mix(in oklab, var(--mat-sys-primary) 78%, black);--filter-primary-shadow: 0 10px 18px -12px color-mix(in oklab, var(--mat-sys-primary) 52%, transparent);--filter-primary-hover-bg: color-mix(in oklab, var(--mat-sys-primary) 86%, black);--filter-button-bg: var(--app-filter-button-bg);--filter-button-border: var(--app-filter-button-border);--filter-input-bg: var(--app-filter-input-bg);--filter-input-border: var(--app-filter-input-border);--filter-input-focus-border: var(--app-filter-input-focus-border);--filter-input-focus-ring: var(--app-filter-input-focus-ring);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--filter-toolbar-gap);padding:var(--filter-toolbar-padding);border-radius:var(--filter-toolbar-radius);border:1px solid var(--filter-toolbar-border);background:var(--filter-toolbar-bg);box-shadow:var(--filter-toolbar-shadow)}.app-filter-toolbar>*{min-width:0}.app-search-group{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;width:100%}.app-search-group label{font-size:.95rem;line-height:1;font-weight:700;color:var(--color_text_body_main);white-space:nowrap}.app-search-input-wrap{display:inline-flex;align-items:center;gap:10px;height:44px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--filter-input-border);background:var(--filter-input-bg);padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.app-search-input-wrap mat-icon{color:var(--app-filter-button-icon);font-size:20px;width:20px;height:20px}.app-search-input-wrap input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;color:var(--color_text_body_main);font-size:.95rem}.app-search-input-wrap:focus-within{border-color:var(--filter-input-focus-border);box-shadow:var(--filter-input-focus-ring);transform:translateY(-1px)}.app-toolbar-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.app-toolbar-actions .app-btn-toolbar{white-space:nowrap}.app-btn-toolbar{height:42px;border-radius:12px;padding:0 14px;border:1px solid var(--filter-button-border);background:var(--filter-button-bg);color:var(--color_text_body_main);display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.app-btn-toolbar:hover{transform:translateY(-1px)}.app-btn-toolbar mat-icon{font-size:18px;width:18px;height:18px;color:color-mix(in oklab,var(--mat-sys-primary) 55%,var(--color_text_body_main))}.app-btn-toolbar.is-primary{background:var(--mat-sys-primary);color:var(--filter-primary-fg);border-color:var(--filter-primary-border);box-shadow:var(--filter-primary-shadow)}.app-btn-toolbar.is-primary mat-icon{color:var(--filter-primary-fg)}.app-btn-toolbar.is-primary:hover{background:var(--filter-primary-hover-bg)}.app-filter-shell{--filter-shell-bg: var(--app-filter-toolbar-bg);--filter-shell-border: 1px solid var(--app-filter-toolbar-border);--filter-shell-radius: 16px;--filter-shell-padding: 16px;background:var(--filter-shell-bg);border:var(--filter-shell-border);border-radius:var(--filter-shell-radius);padding:var(--filter-shell-padding);box-shadow:var(--app-filter-toolbar-shadow)}.app-form-grid{display:grid;gap:.9rem;grid-template-columns:1fr;min-width:0}.app-form-grid>[class*=app-col-]{animation:app-field-enter .35s ease-out both;min-width:0}@keyframes app-field-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-col-full,.app-col-12{grid-column:1/-1}@media(min-width:900px){.app-form-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.app-col-1{grid-column:span 1}.app-col-2{grid-column:span 2}.app-col-3{grid-column:span 3}.app-col-4{grid-column:span 4}.app-col-5{grid-column:span 5}.app-col-6{grid-column:span 6}.app-col-7{grid-column:span 7}.app-col-8{grid-column:span 8}.app-col-9{grid-column:span 9}.app-col-10{grid-column:span 10}.app-col-11{grid-column:span 11}.app-col-12,.app-col-full{grid-column:1/-1}}@media(max-width:1220px){.app-filter-toolbar{grid-template-columns:1fr}.app-toolbar-actions{justify-content:flex-start}}@media(max-width:640px){.app-filter-toolbar{grid-template-columns:1fr;padding:12px;gap:.75rem}.app-search-group{display:grid;width:100%;grid-template-columns:1fr;align-items:stretch;gap:8px}.app-search-group label{font-size:.92rem}.app-search-input-wrap{width:100%;max-width:none}.app-toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.55rem}.app-toolbar-actions .app-btn-toolbar{width:100%;min-width:0;justify-content:center;padding:0 10px;font-size:.88rem}.app-filter-shell{padding-top:8px}.app-form-grid{gap:.75rem}}@media(max-width:420px){.app-toolbar-actions{grid-template-columns:1fr}}
