@import "https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";

/* src/styles.scss */
html {
  --mat-sys-background: light-dark(#f9faf3, #121410);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);
  --mat-sys-inverse-primary: light-dark(#02e600, #026e00);
  --mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);
  --mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #013a00);
  --mat-sys-on-primary-container: light-dark(#015300, #77ff61);
  --mat-sys-on-primary-fixed: light-dark(#002200, #002200);
  --mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);
  --mat-sys-on-secondary: light-dark(#ffffff, #263422);
  --mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);
  --mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);
  --mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);
  --mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003917);
  --mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);
  --mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);
  --mat-sys-outline: light-dark(#73796e, #8d9387);
  --mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);
  --mat-sys-primary: light-dark(#026e00, #02e600);
  --mat-sys-primary-container: light-dark(#77ff61, #015300);
  --mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);
  --mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#54634d, #bbcbb2);
  --mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);
  --mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);
  --mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9faf3, #121410);
  --mat-sys-surface-bright: light-dark(#f9faf3, #383a35);
  --mat-sys-surface-container: light-dark(#eeeee7, #1e201c);
  --mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);
  --mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);
  --mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);
  --mat-sys-surface-dim: light-dark(#dadbd3, #121410);
  --mat-sys-surface-tint: light-dark(#026e00, #02e600);
  --mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);
  --mat-sys-tertiary: light-dark(#006d33, #00e472);
  --mat-sys-tertiary-container: light-dark(#63ff94, #005225);
  --mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);
  --mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);
  --mat-sys-neutral-variant20: #2c3229;
  --mat-sys-neutral10: #1a1c18;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem var(--font-secondary);
  --mat-sys-body-large-font: var(--font-secondary);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--font-secondary);
  --mat-sys-body-medium-font: var(--font-secondary);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem var(--font-secondary);
  --mat-sys-body-small-font: var(--font-secondary);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem var(--font-base);
  --mat-sys-display-large-font: var(--font-base);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--font-base);
  --mat-sys-display-medium-font: var(--font-base);
  --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 var(--font-base);
  --mat-sys-display-small-font: var(--font-base);
  --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 var(--font-base);
  --mat-sys-headline-large-font: var(--font-base);
  --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 var(--font-base);
  --mat-sys-headline-medium-font: var(--font-base);
  --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 var(--font-base);
  --mat-sys-headline-small-font: var(--font-base);
  --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 0.875rem / 1.25rem var(--font-secondary);
  --mat-sys-label-large-font: var(--font-secondary);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem var(--font-secondary);
  --mat-sys-label-medium-font: var(--font-secondary);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem var(--font-secondary);
  --mat-sys-label-small-font: var(--font-secondary);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--font-base);
  --mat-sys-title-large-font: var(--font-base);
  --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 var(--font-secondary);
  --mat-sys-title-medium-font: var(--font-secondary);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--font-secondary);
  --mat-sys-title-small-font: var(--font-secondary);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.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: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: var(--color-primary);
  --mat-sys-on-primary: var(--color-on-primary);
  --mat-sys-primary-container: var(--color-primary-tint);
  --mat-sys-on-primary-container: var(--color-text);
  --mat-sys-inverse-primary: var(--color-primary-tint);
  --mat-sys-secondary: var(--color-primary);
  --mat-sys-on-secondary: var(--color-on-primary);
  --mat-sys-secondary-container: var(--color-primary-tint);
  --mat-sys-on-secondary-container: var(--color-text);
  --mat-sys-tertiary: var(--color-primary);
  --mat-sys-on-tertiary: var(--color-on-primary);
  --mat-sys-surface: var(--color-surface);
  --mat-sys-surface-variant: var(--color-surface-muted);
  --mat-sys-on-surface: var(--color-text);
  --mat-sys-on-surface-variant: var(--color-text);
  --mat-sys-outline: var(--color-border);
  --mat-sys-outline-variant: var(--color-border);
  --mat-sys-surface-dim: var(--color-surface-muted);
  --mat-sys-surface-bright: var(--color-surface);
  --mat-sys-surface-container-lowest: var(--color-surface);
  --mat-sys-surface-container-low: var(--color-surface-muted);
  --mat-sys-surface-container: var(--color-surface);
  --mat-sys-surface-container-high: var(--color-surface);
  --mat-sys-surface-container-highest: var(--color-surface-muted);
  --mat-sys-inverse-surface: var(--color-text);
  --mat-sys-inverse-on-surface: var(--color-on-primary);
  --mat-sys-error: var(--color-trend-red);
  --mat-sys-on-error: var(--color-on-primary);
}
:root {
  --company-color: #2f8e6f;
  --base-font: Lusitana, serif;
  --secondary-font: Poppins;
  --color-primary: var(--company-color);
  --color-primary-hover: color-mix(in srgb, var(--company-color) 82%, black);
  --color-primary-tint: color-mix(in srgb, var(--company-color) 12%, white);
  --color-primary-tint-strong: color-mix(in srgb, var(--company-color) 20%, white);
  --color-on-primary: #ffffff;
  --color-text: #372e2c;
  --color-text-inverse: #ffffff;
  --color-text-muted: #afafaf;
  --color-surface: #ffffff;
  --color-surface-muted: #f9f9f9;
  --color-border: #e0dfdf;
  --color-border-subtle: #e0dfdf80;
  --color-bg: #e5e5e5;
  --color-disabled: #b9b9b9;
  --color-trend-dark-green: #3b7a00;
  --color-trend-light-green: #9fce63;
  --color-trend-yellow: #f5c342;
  --color-trend-red: #ea3323;
  --font-base: var(--base-font);
  --font-secondary: var(--secondary-font);
  --input-height: 2.5rem;
  --input-radius: 0;
  --input-padding-x: 0.625rem;
  --input-padding-y: 0.5rem;
  --input-font-size: 0.875rem;
  --button-radius: 4.125rem;
  --button-height: 2.5rem;
  --button-padding-x: 1.25rem;
}
.mat-mdc-form-field {
  font-family: var(--font-secondary);
  padding-top: 1.375rem;
}
.mat-mdc-form-field:not(:has(.mdc-floating-label)) {
  padding-top: 0;
}
.mat-mdc-form-field {
  --mat-form-field-container-height: var(--input-height);
  --mat-form-field-container-vertical-padding: var(--input-padding-y);
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  background: var(--color-surface-muted);
  border: 1px solid var(--color-border);
  border-radius: var(--input-radius);
  padding: 0;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.mat-mdc-form-field .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-notched-outline__trailing {
  border: none;
}
.mat-mdc-form-field .mdc-notched-outline__leading {
  width: 0 !important;
  min-width: 0 !important;
}
.mat-mdc-form-field .mat-mdc-form-field-flex {
  padding: 0 var(--input-padding-x);
}
.mat-mdc-form-field .mat-mdc-form-field-infix {
  min-height: var(--input-height);
  padding: var(--input-padding-y) 0;
}
.mat-mdc-form-field .mat-mdc-input-element,
.mat-mdc-form-field .mat-mdc-select-value-text {
  font-size: var(--input-font-size);
  color: var(--color-text);
}
.mat-mdc-form-field .mat-mdc-input-element::placeholder {
  color: var(--color-text-muted) !important;
  opacity: 1;
}
.mat-mdc-form-field .mdc-floating-label {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 0;
  color: var(--color-text);
}
.mat-mdc-form-field .mdc-floating-label--float-above {
  transform: translateY(-2.65rem) translateX(-0.1875rem) !important;
  font-size: 0.875rem !important;
  color: var(--color-text);
}
.mat-mdc-form-field:hover:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  border-color: var(--color-text);
}
.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper {
  border-color: var(--color-text);
}
.mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: var(--color-text) !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background: var(--color-surface-muted);
  border-color: var(--color-border);
  opacity: 0.6;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-floating-label,
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-input-element {
  color: var(--color-text-muted);
}
.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper {
  border-color: var(--color-trend-red);
}
.mat-mdc-form-field.mat-form-field-invalid .mdc-floating-label {
  color: var(--color-trend-red) !important;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.mat-mdc-form-field .mat-mdc-form-field-error {
  color: var(--color-trend-red);
}
.mat-mdc-form-field .mat-mdc-form-field-hint {
  color: var(--color-text-muted);
}
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix {
  color: var(--color-text) !important;
  padding: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-icon {
  padding: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
}
.mat-mdc-form-field .mdc-line-ripple {
  display: none;
}
.mat-mdc-raised-button,
.mat-mdc-unelevated-button,
.mat-mdc-flat-button {
  --mdc-protected-button-container-shape: var(--button-radius);
  --mdc-filled-button-container-shape: var(--button-radius);
  min-height: var(--button-height);
  padding: 0 var(--button-padding-x);
  border-radius: var(--button-radius);
  background-color: var(--color-primary) !important;
  color: var(--color-on-primary) !important;
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: none;
}
.mat-mdc-raised-button:hover:not(:disabled),
.mat-mdc-unelevated-button:hover:not(:disabled),
.mat-mdc-flat-button:hover:not(:disabled) {
  background-color: var(--color-primary-hover) !important;
  box-shadow: none;
}
.mat-mdc-raised-button:active:not(:disabled),
.mat-mdc-unelevated-button:active:not(:disabled),
.mat-mdc-flat-button:active:not(:disabled) {
  box-shadow: none;
}
.mat-mdc-raised-button:disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled,
.mat-mdc-unelevated-button:disabled,
.mat-mdc-unelevated-button.mat-mdc-button-disabled,
.mat-mdc-flat-button:disabled,
.mat-mdc-flat-button.mat-mdc-button-disabled {
  background-color: color-mix(in srgb, var(--color-primary) 38%, white) !important;
  color: var(--color-on-primary) !important;
  opacity: 1;
}
.mat-mdc-raised-button.secondary,
.mat-mdc-outlined-button {
  background-color: var(--color-text) !important;
  color: var(--color-on-primary) !important;
  border: none;
}
.mat-mdc-raised-button.secondary:hover:not(:disabled),
.mat-mdc-outlined-button:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--color-text) 85%, black) !important;
}
.mat-mdc-icon-button {
  color: var(--color-text);
}
.mat-mdc-icon-button:hover:not(:disabled) {
  color: var(--color-primary);
}
.mat-mdc-icon-button:disabled,
.mat-mdc-icon-button.mat-mdc-button-disabled {
  opacity: 0.38;
}
.mat-mdc-button:not(.mat-mdc-raised-button) {
  color: var(--color-primary);
  font-family: var(--font-secondary);
  border-radius: var(--button-radius);
}
.mat-mdc-button:not(.mat-mdc-raised-button):disabled,
.mat-mdc-button:not(.mat-mdc-raised-button).mat-mdc-button-disabled {
  opacity: 0.38;
}
.mat-mdc-select {
  font-family: var(--font-secondary);
  font-size: var(--input-font-size);
  color: var(--color-text);
}
.mat-mdc-select .mat-mdc-select-value {
  color: var(--color-text);
}
.mat-mdc-select .mat-mdc-select-placeholder {
  color: var(--color-border);
}
.mat-mdc-select .mat-mdc-select-arrow {
  color: var(--color-text);
}
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-value,
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: var(--color-text-muted);
}
.mat-mdc-select-panel {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0;
  padding: 0;
}
.mat-mdc-select-panel .mat-mdc-option {
  font-family: var(--font-secondary);
  font-size: var(--input-font-size);
  color: var(--color-text);
  min-height: var(--input-height);
}
.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active {
  background: var(--color-primary-tint);
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  background: var(--color-primary-tint-strong);
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: var(--color-text);
}
.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox {
  display: none !important;
}
.mat-mdc-checkbox {
  font-family: var(--font-secondary);
  --mdc-checkbox-selected-icon-color: var(--color-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--color-primary-hover);
  --mdc-checkbox-selected-pressed-icon-color: var(--color-primary-hover);
  --mdc-checkbox-selected-focus-icon-color: var(--color-primary);
  --mdc-checkbox-selected-checkmark-color: var(--color-on-primary);
  --mdc-checkbox-unselected-icon-color: var(--color-border);
  --mdc-checkbox-unselected-hover-icon-color: var(--color-primary);
}
.mat-mdc-checkbox .mdc-form-field > label {
  font-size: 0.875rem;
  color: var(--color-text);
  cursor: pointer;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-form-field > label {
  color: var(--color-text-muted);
}
.mat-mdc-radio-button {
  font-family: var(--font-secondary);
  --mdc-radio-selected-icon-color: var(--color-primary);
  --mdc-radio-selected-hover-icon-color: var(--color-primary-hover);
  --mdc-radio-selected-focus-icon-color: var(--color-primary);
  --mdc-radio-selected-pressed-icon-color: var(--color-primary-hover);
  --mdc-radio-unselected-icon-color: var(--color-border);
  --mat-radio-label-text-color: var(--color-text);
  --mat-radio-label-text-size: 0.875rem;
}
.mat-mdc-slide-toggle {
  font-family: var(--font-secondary);
  --mdc-switch-selected-track-color: var(--color-primary-tint-strong);
  --mdc-switch-selected-hover-track-color: var(--color-primary-tint-strong);
  --mdc-switch-selected-focus-track-color: var(--color-primary-tint-strong);
  --mdc-switch-selected-pressed-track-color: var(--color-primary-tint-strong);
  --mdc-switch-selected-handle-color: var(--color-primary);
  --mdc-switch-selected-hover-handle-color: var(--color-primary-hover);
  --mdc-switch-selected-focus-handle-color: var(--color-primary);
  --mdc-switch-selected-pressed-handle-color: var(--color-primary-hover);
  --mat-switch-label-text-color: var(--color-text);
  --mat-switch-label-text-size: 0.875rem;
}
.mat-button-toggle-group {
  border: none;
  outline: none;
  border-radius: 100px;
  background: color-mix(in srgb, var(--color-text) 9%, transparent);
  box-shadow: none;
}
.mat-button-toggle-group .mat-button-toggle {
  border: none;
  border-radius: 100px;
  background: transparent;
  transition: background 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-button-toggle-group .mat-button-toggle + .mat-button-toggle {
  border-left: none;
}
.mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content {
  font-family: var(--font-secondary);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text) 45%, transparent);
  padding: 0 1.25rem;
  line-height: 2.5rem;
  transition: color 0.22s ease;
}
.mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button {
  border: none;
  border-radius: 100px;
  height: 100%;
}
.mat-button-toggle-group .mat-button-toggle .mat-button-toggle-focus-overlay {
  border-radius: 100px;
}
.mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked):hover {
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked):hover .mat-button-toggle-label-content {
  color: var(--color-text);
}
.mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background: var(--color-primary);
  box-shadow: 0 2px 10px color-mix(in srgb, var(--color-primary) 35%, transparent);
}
.mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--color-on-primary);
}
.mat-datepicker-toggle {
  color: var(--color-text);
}
.mat-datepicker-toggle.mat-datepicker-toggle-active {
  color: var(--color-primary);
}
.mat-datepicker-toggle .mat-mdc-icon-button {
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
}
.mat-datepicker-content {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0;
  font-family: var(--font-secondary);
}
.mat-datepicker-content .mat-calendar-body-selected {
  background: var(--color-primary);
  color: var(--color-on-primary);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background: var(--color-primary-tint);
}
.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: var(--color-primary);
}
.mat-datepicker-content .mat-calendar-body-disabled > .mat-calendar-body-cell-content {
  color: var(--color-text-muted);
}
.mat-datepicker-content .mat-calendar-arrow {
  fill: var(--color-text);
}
.mat-datepicker-content .mat-calendar-period-button,
.mat-datepicker-content .mat-calendar-table-header {
  color: var(--color-text);
}
.mat-datepicker-content .mat-calendar-body-label {
  display: none;
}
.mat-mdc-table {
  width: 100%;
  background: var(--color-surface);
  font-family: var(--font-secondary);
}
.mat-mdc-table .mat-mdc-header-row {
  background: var(--color-surface-muted);
  min-height: 3rem;
}
.mat-mdc-table .mat-mdc-header-cell {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border);
}
.mat-mdc-table .mat-mdc-row {
  min-height: 3rem;
}
.mat-mdc-table .mat-mdc-row:nth-child(even) {
  background: color-mix(in srgb, var(--color-primary) 4%, white);
}
.mat-mdc-table .mat-mdc-row:hover {
  background: color-mix(in srgb, var(--color-primary) 8%, white);
}
.mat-mdc-table .mat-mdc-cell {
  font-size: 0.875rem;
  color: var(--color-text);
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 12%, white);
}
.mat-mdc-table .mat-mdc-footer-row {
  background: var(--color-surface-muted);
  font-weight: 600;
}
.mat-mdc-table .mat-mdc-footer-cell {
  font-size: 0.875rem;
  color: var(--color-text);
}
.mat-mdc-table .mat-sort-header-arrow {
  color: var(--color-primary);
}
.mat-mdc-paginator {
  background: transparent;
  font-family: var(--font-secondary);
  color: var(--color-text);
}
.mat-mdc-paginator .mat-mdc-icon-button:disabled {
  opacity: 0.38;
}
.mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 0;
}
.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  background: var(--color-surface);
  border-radius: 0;
  font-family: var(--font-secondary);
  color: var(--color-text);
}
.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: var(--color-text);
  --mdc-snackbar-supporting-text-color: var(--color-on-primary);
  --mat-snack-bar-button-color: var(--color-primary-tint);
}
.mat-mdc-snack-bar-container .mdc-snackbar__label {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
}
.mat-mdc-snack-bar-container.snack-success {
  --mdc-snackbar-container-color: var(--color-primary);
}
.mat-mdc-snack-bar-container.snack-error {
  --mdc-snackbar-container-color: var(--color-trend-red);
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: var(--color-text);
  --mdc-plain-tooltip-supporting-text-color: var(--color-on-primary);
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  font-family: var(--font-secondary);
  font-size: 0.75rem;
}
.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--color-primary);
}
.mat-mdc-progress-spinner circle {
  stroke: var(--color-primary);
  stroke-linecap: round;
}
.mat-mdc-tab-header {
  margin-bottom: 1rem;
  --mat-tab-active-hover-indicator-color: var(--company-color);
  --mat-tab-active-focus-indicator-color: var(--company-color);
  --mat-tab-active-indicator-color: var(--company-color);
  --mat-tab-active-focus-label-text-color: var(--company-color);
  --mat-tab-active-hover-label-text-color: var(--company-color);
  --mat-tab-active-label-text-color: var(--company-color);
}
.primary-button {
  font-family: "Lusitana", serif;
  font-family: var(--base-font);
  background: var(--company-color);
  border-radius: 4.125rem;
  color: white;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.375rem;
  border-color: transparent;
  cursor: pointer;
}
.secondary-button {
  background: #372e2c;
  border-radius: 4.125rem;
  color: white;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.375rem;
}
.primary-input-field {
  padding: 0.5rem 0.625rem;
  background: #f9f9f9;
  border: 1px solid #e0dfdf;
  max-width: 48.75rem;
  width: 100%;
  outline: none;
}
.primary-input-field::placeholder {
  color: #e0dfdf;
  opacity: 1;
}
.primary-input-label {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #372e2c;
}
.form-field-wrapper {
  font-family: "Poppins", sans-serif;
  font-family: var(--secondary-font);
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  width: 100%;
}
.empty-label {
  margin-top: 1.51rem;
}
.error-input {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--company-color);
}
.form-select-header {
  width: 16.375rem;
  height: 2.5rem;
  padding: 0.5rem 0.625rem;
}
.long-field,
.mat-mdc-form-field.long-field {
  min-width: 32.625rem;
  max-width: 32.625rem;
}
.main-title {
  font-family: var(--font-base);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5938rem;
}
.title-group {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.spacer {
  font-size: 2.2rem;
  padding-bottom: 0.4rem;
}
.back-button {
  cursor: pointer;
}
.login-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  max-width: 23.3125rem;
  width: 100%;
  background-color: var(--color-surface);
  border-radius: 2.8125rem;
}
.sign-in {
  font-family: var(--font-secondary);
  margin-bottom: 1rem;
}
.form-wrapper {
  max-width: 18.75rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.logo-img {
  max-height: 4.0625rem;
}
.back-to-login,
.forgot-pass {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: center;
}
.back-to-login a,
.forgot-pass a {
  color: var(--color-primary);
  text-decoration: none;
}
.back-to-login a:hover,
.forgot-pass a:hover {
  text-decoration: underline;
}
app-date-trend-picker .period-picker-container .mat-mdc-form-field {
  padding-top: 0;
}
app-date-trend-picker .period-picker-container .mat-mdc-text-field-wrapper {
  border-radius: 2rem;
  border: none;
  background-color: var(--color-primary);
}
app-date-trend-picker .period-picker-container .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper,
app-date-trend-picker .period-picker-container .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper {
  border: none;
  background-color: var(--color-primary-hover);
}
app-date-trend-picker .mat-mdc-select {
  font-family: var(--font-base);
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: var(--color-on-primary);
}
app-date-trend-picker .mat-mdc-select .mat-mdc-select-value,
app-date-trend-picker .mat-mdc-select .mat-mdc-select-arrow {
  color: var(--color-on-primary);
}
app-date-trend-picker .mat-mdc-form-field .mat-mdc-select-value-text,
app-date-trend-picker .mat-mdc-form-field .mat-mdc-select-min-line {
  color: var(--color-on-primary);
}
p-treeSelect,
p-multiSelect,
p-select {
  display: block;
  width: 16.625rem;
  --p-treeselect-background: var(--color-surface-muted);
  --p-treeselect-border-color: var(--color-border);
  --p-treeselect-hover-border-color: transparent;
  --p-treeselect-focus-border-color: transparent;
  --p-treeselect-border-radius: 4px;
  --p-treeselect-color: var(--color-text);
  --p-treeselect-placeholder-color: rgba(55, 46, 44, 0.5);
  --p-treeselect-focus-ring-width: 0px;
  --p-treeselect-focus-ring-offset: 0px;
  --p-treeselect-shadow: none;
  --p-treeselect-padding-x: var(--input-padding-x);
  --p-treeselect-padding-y: var(--input-padding-y);
  --p-multiselect-background: var(--color-surface-muted);
  --p-multiselect-border-color: var(--color-border);
  --p-multiselect-hover-border-color: transparent;
  --p-multiselect-focus-border-color: transparent;
  --p-multiselect-border-radius: 4px;
  --p-multiselect-color: var(--color-text);
  --p-multiselect-placeholder-color: rgba(55, 46, 44, 0.5);
  --p-multiselect-focus-ring-width: 0px;
  --p-multiselect-focus-ring-offset: 0px;
  --p-multiselect-shadow: none;
  --p-multiselect-padding-x: var(--input-padding-x);
  --p-multiselect-padding-y: var(--input-padding-y);
  --p-select-background: var(--color-surface-muted);
  --p-select-border-color: var(--color-border);
  --p-select-hover-border-color: transparent;
  --p-select-focus-border-color: transparent;
  --p-select-border-radius: 4px;
  --p-select-color: var(--color-text);
  --p-select-placeholder-color: rgba(55, 46, 44, 0.5);
  --p-select-focus-ring-width: 0px;
  --p-select-focus-ring-offset: 0px;
  --p-select-shadow: none;
  --p-select-padding-x: var(--input-padding-x);
  --p-select-padding-y: var(--input-padding-y);
  --p-inputtext-background: var(--color-surface-muted);
  --p-inputtext-border-color: var(--color-border);
  --p-inputtext-hover-border-color: transparent;
  --p-inputtext-focus-border-color: transparent;
  --p-inputtext-color: var(--color-text);
  --p-inputtext-placeholder-color: rgba(55, 46, 44, 0.5);
  --p-inputtext-border-radius: 4px;
  --p-inputtext-focus-ring-width: 0px;
  --p-inputtext-focus-ring-offset: 0px;
  --p-inputtext-shadow: none;
  --p-inputtext-padding-x: 1rem;
  --p-inputtext-padding-y: 0.875rem;
  --p-tree-node-toggle-button-hover-background: transparent;
}
p-treeSelect.p-treeselect,
p-treeSelect.p-multiselect,
p-treeSelect.p-select,
p-multiSelect.p-treeselect,
p-multiSelect.p-multiselect,
p-multiSelect.p-select,
p-select.p-treeselect,
p-select.p-multiselect,
p-select.p-select {
  min-width: 16.625rem;
  width: 100%;
  height: var(--input-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 1px;
}
p-treeSelect.p-treeselect .p-tree,
p-treeSelect.p-multiselect .p-tree,
p-treeSelect.p-select .p-tree,
p-multiSelect.p-treeselect .p-tree,
p-multiSelect.p-multiselect .p-tree,
p-multiSelect.p-select .p-tree,
p-select.p-treeselect .p-tree,
p-select.p-multiselect .p-tree,
p-select.p-select .p-tree {
  padding: 0;
}
p-treeSelect .p-select-label,
p-multiSelect .p-select-label,
p-select .p-select-label {
  display: flex;
  align-items: center;
}
p-treeSelect .p-treeselect-label,
p-treeSelect .p-multiselect-label,
p-treeSelect .p-select-label,
p-multiSelect .p-treeselect-label,
p-multiSelect .p-multiselect-label,
p-multiSelect .p-select-label,
p-select .p-treeselect-label,
p-select .p-multiselect-label,
p-select .p-select-label {
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--color-text);
}
p-treeSelect .p-treeselect-dropdown,
p-treeSelect .p-multiselect-dropdown,
p-treeSelect .p-select-dropdown,
p-multiSelect .p-treeselect-dropdown,
p-multiSelect .p-multiselect-dropdown,
p-multiSelect .p-select-dropdown,
p-select .p-treeselect-dropdown,
p-select .p-multiselect-dropdown,
p-select .p-select-dropdown {
  color: rgba(55, 46, 44, 0.6);
}
p-treeSelect .p-select-filter,
p-treeSelect .p-multiselect-filter,
p-treeSelect .p-treeselect-filter,
p-treeSelect input.p-inputtext,
p-treeSelect .p-inputtext,
p-multiSelect .p-select-filter,
p-multiSelect .p-multiselect-filter,
p-multiSelect .p-treeselect-filter,
p-multiSelect input.p-inputtext,
p-multiSelect .p-inputtext,
p-select .p-select-filter,
p-select .p-multiselect-filter,
p-select .p-treeselect-filter,
p-select input.p-inputtext,
p-select .p-inputtext {
  background: var(--color-surface-muted) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
  color: var(--color-text) !important;
  font-family: var(--secondary-font) !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  padding: 0.875rem 1rem !important;
  box-shadow: none !important;
}
p-treeSelect .p-select-filter::placeholder,
p-treeSelect .p-multiselect-filter::placeholder,
p-treeSelect .p-treeselect-filter::placeholder,
p-treeSelect input.p-inputtext::placeholder,
p-treeSelect .p-inputtext::placeholder,
p-multiSelect .p-select-filter::placeholder,
p-multiSelect .p-multiselect-filter::placeholder,
p-multiSelect .p-treeselect-filter::placeholder,
p-multiSelect input.p-inputtext::placeholder,
p-multiSelect .p-inputtext::placeholder,
p-select .p-select-filter::placeholder,
p-select .p-multiselect-filter::placeholder,
p-select .p-treeselect-filter::placeholder,
p-select input.p-inputtext::placeholder,
p-select .p-inputtext::placeholder {
  color: rgba(55, 46, 44, 0.5) !important;
}
p-treeSelect .p-select-filter:hover,
p-treeSelect .p-multiselect-filter:hover,
p-treeSelect .p-treeselect-filter:hover,
p-treeSelect input.p-inputtext:hover,
p-treeSelect .p-inputtext:hover,
p-multiSelect .p-select-filter:hover,
p-multiSelect .p-multiselect-filter:hover,
p-multiSelect .p-treeselect-filter:hover,
p-multiSelect input.p-inputtext:hover,
p-multiSelect .p-inputtext:hover,
p-select .p-select-filter:hover,
p-select .p-multiselect-filter:hover,
p-select .p-treeselect-filter:hover,
p-select input.p-inputtext:hover,
p-select .p-inputtext:hover {
  border-color: transparent !important;
}
p-treeSelect .p-select-filter:focus,
p-treeSelect .p-multiselect-filter:focus,
p-treeSelect .p-treeselect-filter:focus,
p-treeSelect input.p-inputtext:focus,
p-treeSelect .p-inputtext:focus,
p-multiSelect .p-select-filter:focus,
p-multiSelect .p-multiselect-filter:focus,
p-multiSelect .p-treeselect-filter:focus,
p-multiSelect input.p-inputtext:focus,
p-multiSelect .p-inputtext:focus,
p-select .p-select-filter:focus,
p-select .p-multiselect-filter:focus,
p-select .p-treeselect-filter:focus,
p-select input.p-inputtext:focus,
p-select .p-inputtext:focus {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
p-treeSelect .p-select-label.p-select-label-empty,
p-treeSelect .p-select-label.p-placeholder,
p-multiSelect .p-select-label.p-select-label-empty,
p-multiSelect .p-select-label.p-placeholder,
p-select .p-select-label.p-select-label-empty,
p-select .p-select-label.p-placeholder {
  color: rgba(55, 46, 44, 0.5) !important;
}
p-treeSelect .p-select-label,
p-multiSelect .p-select-label,
p-select .p-select-label {
  color: var(--color-text) !important;
}
.p-multiselect-overlay,
.p-treeselect-overlay,
.p-select-overlay {
  background: #ffffff !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  color: var(--color-text) !important;
  font-family: var(--secondary-font) !important;
  --p-checkbox-background: #ffffff;
  --p-checkbox-border-color: var(--color-border);
  --p-checkbox-hover-border-color: var(--color-primary);
  --p-checkbox-checked-background: var(--color-primary);
  --p-checkbox-checked-border-color: var(--color-primary);
  --p-checkbox-checked-hover-background: var(--color-primary);
  --p-checkbox-checked-hover-border-color: var(--color-primary);
  --p-checkbox-checked-focus-border-color: var(--color-primary);
  --p-checkbox-focus-ring-width: 0px;
  --p-checkbox-shadow: none;
}
.p-multiselect-overlay .p-checkbox-box,
.p-treeselect-overlay .p-checkbox-box,
.p-select-overlay .p-checkbox-box {
  background: #ffffff !important;
  border-color: var(--color-border) !important;
  border-width: 2px !important;
  border-radius: 3px !important;
}
.p-multiselect-overlay .p-checkbox-checked .p-checkbox-box,
.p-treeselect-overlay .p-checkbox-checked .p-checkbox-box,
.p-select-overlay .p-checkbox-checked .p-checkbox-box {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.p-multiselect-overlay .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,
.p-treeselect-overlay .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box,
.p-select-overlay .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border-color: var(--color-primary) !important;
}
.p-multiselect-overlay,
.p-treeselect-overlay,
.p-select-overlay {
  --p-tree-background: transparent;
  --p-tree-color: var(--color-text);
  --p-tree-node-color: var(--color-text);
  --p-tree-node-hover-background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --p-tree-node-hover-color: black;
  --p-tree-node-selected-background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  --p-tree-node-selected-color: var(--color-text);
  --p-tree-node-icon-color: var(--color-text);
  --p-tree-node-icon-selected-color: var(--color-primary);
  --p-tree-node-toggle-button-color: var(--color-text);
  --p-tree-node-focus-ring-width: 0px;
  --p-tree-node-toggle-button-focus-ring-width: 0px;
}
.p-select-overlay {
  --p-select-option-color: var(--color-text);
  --p-select-option-focus-background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --p-select-option-focus-color: var(--color-text);
  --p-select-option-selected-background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  --p-select-option-selected-color: var(--color-text);
  --p-select-option-selected-focus-background: color-mix(in srgb, var(--color-primary) 20%, transparent);
  --p-select-option-selected-focus-color: var(--color-text);
  --p-select-option-padding: 0.75rem 1rem;
  --p-select-list-padding: 0.5rem 0;
}
.p-select-overlay .p-select-option {
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  color: var(--color-text);
}
.p-select-overlay .p-select-list-container {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
}
.p-select-overlay .p-select-list-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.p-select-overlay .p-select-list-container::-webkit-scrollbar-track {
  background: transparent;
}
.p-select-overlay .p-select-list-container::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: calc(6px / 2);
}
.p-select-overlay .p-select-list-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
.p-multiselect-overlay {
  --p-multiselect-option-color: var(--color-text);
  --p-multiselect-option-focus-background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  --p-multiselect-option-focus-color: var(--color-text);
  --p-multiselect-option-selected-background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  --p-multiselect-option-selected-color: var(--color-text);
  --p-multiselect-option-selected-focus-background: color-mix(in srgb, var(--color-primary) 20%, transparent);
  --p-multiselect-option-selected-focus-color: var(--color-text);
}
.p-multiselect-overlay .p-multiselect-header {
  background: var(--color-surface-muted);
  border-bottom: 1px solid var(--color-border);
  font-family: var(--secondary-font);
  --p-inputtext-background: #ffffff;
  --p-inputtext-border-color: var(--color-border);
  --p-inputtext-color: var(--color-text);
  --p-inputtext-focus-border-color: transparent;
  --p-inputtext-focus-ring-width: 0px;
  --p-inputtext-shadow: none;
  --p-iconfield-icon-color: rgba(55, 46, 44, 0.5);
}
.p-multiselect-overlay .p-multiselect-option {
  font-family: var(--secondary-font);
  font-size: 0.875rem;
  color: var(--color-text);
}
.p-multiselect-overlay .p-multiselect-list-container {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
}
.p-multiselect-overlay .p-multiselect-list-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.p-multiselect-overlay .p-multiselect-list-container::-webkit-scrollbar-track {
  background: transparent;
}
.p-multiselect-overlay .p-multiselect-list-container::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: calc(6px / 2);
}
.p-multiselect-overlay .p-multiselect-list-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
.p-treeselect-overlay {
  --p-inputtext-background: #ffffff;
  --p-inputtext-border-color: var(--color-border);
  --p-inputtext-color: var(--color-text);
  --p-inputtext-focus-border-color: transparent;
  --p-inputtext-focus-ring-width: 0px;
  --p-inputtext-shadow: none;
  --p-iconfield-icon-color: rgba(55, 46, 44, 0.5);
}
.p-treeselect-overlay .p-tree {
  background: transparent;
  color: var(--color-text);
  font-family: var(--secondary-font);
  font-size: 0.875rem;
}
.p-treeselect-overlay .p-tree-node-label {
  white-space: nowrap;
}
.p-treeselect-overlay .p-treeselect-tree-container {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border) transparent;
}
.p-treeselect-overlay .p-treeselect-tree-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.p-treeselect-overlay .p-treeselect-tree-container::-webkit-scrollbar-track {
  background: transparent;
}
.p-treeselect-overlay .p-treeselect-tree-container::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: calc(6px / 2);
}
.p-treeselect-overlay .p-treeselect-tree-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}
@font-face {
  font-family: "Lusitana";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/lusitana-latin-400-normal.woff2") format("woff2"), url("./media/lusitana-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-devanagari-400-normal.woff2") format("woff2"), url("./media/poppins-devanagari-400-normal.woff") format("woff");
  unicode-range:
    U+0900-097F,
    U+1CD0-1CF9,
    U+200C-200D,
    U+20A8,
    U+20B9,
    U+20F0,
    U+25CC,
    U+A830-A839,
    U+A8E0-A8FF,
    U+11B00-11B09;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-latin-ext-400-normal.woff2") format("woff2"), url("./media/poppins-latin-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/poppins-latin-400-normal.woff2") format("woff2"), url("./media/poppins-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --background-color: white;
}
html,
body {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg);
  font-family: var(--font-base);
  color: var(--color-text);
}
.page-container {
  width: 100%;
  height: 100%;
}
h1 {
  font-family: var(--font-base);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.2425rem;
  letter-spacing: 0;
  text-align: left;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  z-index: 99999 !important;
}
.cdk-overlay-pane:has(.language-select-panel) {
  min-width: fit-content;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: var(--font-base);
}

/* angular:styles/global:styles */