@import "https://fonts.googleapis.com/css?family=Poppins&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* src/styles.scss */
html {
  --mat-form-field-outlined-container-shape: 8px;
  --mat-form-field-outlined-outline-color: #e2e8f0;
  --mat-form-field-outlined-input-text-placeholder-color: #D2DBF0;
  --mat-form-field-outlined-input-text-color: #D2DBF0;
  --mat-form-field-outlined-error-focus-outline-color: #FF0000;
  --mat-form-field-outlined-error-outline-color: #FF0000;
  --mat-form-field-error-text-color: #FF0000;
}
.admin-ui {
  --mat-form-field-outlined-input-text-placeholder-color: black;
  --mat-form-field-outlined-input-text-color: black;
}
.mdc-checkbox {
  color: var(--primary-bg-color) !important;
}
.mdc-text-field.mdc-text-field--outlined {
  background-color: var(--dark-input-bg-color);
  border-radius: var(--border-radius);
  padding-left: 2rem;
  padding-right: 2rem;
}
.mat-mdc-form-field-icon-suffix {
  right: 10px;
}
.mat-mdc-form-field {
  width: 100% !important;
}
.mat-mdc-form-field .mdc-text-field {
  background-color: #f8fafc !important;
  border-radius: 8px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-form-field .mdc-text-field:hover {
  background-color: #f8fafc !important;
  border-radius: 8px !important;
}
.mat-mdc-form-field .mdc-text-field:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #e2e8f0 !important;
}
.mat-mdc-form-field .mdc-text-field.mdc-text-field--focused {
  background-color: #f8fafc !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.mat-mdc-form-field .mdc-text-field.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field.mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #e2e8f0 !important;
}
.mat-mdc-form-field .mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--focused) {
  background-color: #fff5f5 !important;
  border-radius: 8px !important;
}
.mat-mdc-form-field .mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--focused) .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field .mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--focused) .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field .mdc-text-field.mdc-text-field--invalid:not(.mdc-text-field--focused) .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #e53e3e !important;
}
.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 8px 0 0 8px !important;
  border-color: #e2e8f0 !important;
  background-color: transparent !important;
}
.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 0 8px 8px 0 !important;
  border-color: #e2e8f0 !important;
  background-color: transparent !important;
}
.mat-mdc-form-field .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: #e2e8f0 !important;
  background-color: transparent !important;
}
.mat-mdc-form-field .mdc-notched-outline__notch::before,
.mat-mdc-form-field .mdc-notched-outline__notch::after {
  display: none !important;
}
.mat-mdc-form-field .mdc-text-field__input {
  color: #2d3748 !important;
  font-size: 0.95rem !important;
}
.mat-mdc-form-field .mdc-text-field__input::placeholder {
  color: #a0aec0 !important;
}
.mat-mdc-form-field .mdc-floating-label {
  color: #4a5568 !important;
  font-size: 0.9rem !important;
}
.mat-mdc-form-field .mdc-floating-label.mdc-floating-label--float-above {
  color: var(--primary-bg-color) !important;
}
.mat-mdc-form-field .mdc-line-ripple,
.mat-mdc-form-field .mat-mdc-form-field-focus-overlay,
.mat-mdc-form-field .mat-mdc-form-field-ripple,
.mat-mdc-form-field .mdc-text-field__ripple {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field .mat-mdc-form-field-bottom-align {
  display: none !important;
}
.mat-mdc-form-field-focus-overlay,
.mdc-line-ripple,
.mat-mdc-form-field-ripple {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.mat-ripple-container {
  display: none !important;
}
.mdc-checkbox__ripple,
.mat-ripple-element {
  display: none !important;
  opacity: 0 !important;
}
app-form-error {
  display: flex;
  margin: -15px 0px 15px 10px;
}
html {
  --mat-datepicker-calendar-container-shape: var(--border-radius);
  --mat-datepicker-calendar-container-background-color: #1560A3;
  --mat-datepicker-calendar-date-today-outline-color: #1560A3;
  --mat-datepicker-calendar-date-selected-state-background-color: rgba(0, 0, 0, 0.3647058824);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--primary-text-color);
  --mat-datepicker-calendar-container-text-color: var(--primary-text-color);
  --mat-datepicker-calendar-date-text-color: var(--primary-text-color);
  --mat-datepicker-calendar-period-button-icon-color: var(--primary-text-color);
}
.mat-datepicker-content {
  padding: 0 10px 10px;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  color: var(--primary-bg-color) !important;
}
html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-icon-background-color: #cbd5e0;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-bg-color);
  --mat-stepper-header-done-state-icon-background-color: var(--primary-bg-color);
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-line-color: #e2e8f0;
  --mat-stepper-container-color: transparent;
}
.mat-step-header {
  padding: 1.5rem 1.25rem !important;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(249, 250, 251, 0.92) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 16px !important;
  margin: 0.75rem 0 !important;
  border: 1px solid rgba(226, 232, 240, 0.6) !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.06),
    0 2px 8px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: visible !important;
  flex: 1 !important;
  min-height: 88px !important;
}
.mat-step-header::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.8),
      rgba(226, 232, 240, 0.4));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.6;
}
.mat-step-header:hover:not(.mat-step-header-selected) {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(248, 249, 250, 0.95) 100%) !important;
  border-color: rgba(203, 213, 224, 0.7) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgb(255, 255, 255) !important;
}
.mat-step-header.mat-step-header-selected {
  background:
    linear-gradient(
      135deg,
      rgb(255, 255, 255) 0%,
      rgba(240, 253, 250, 0.98) 100%) !important;
  border-color: rgba(0, 179, 161, 0.4) !important;
  box-shadow:
    0 8px 32px rgba(0, 179, 161, 0.15),
    0 4px 16px rgba(0, 179, 161, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgb(255, 255, 255) !important;
  transform: translateY(-1px) !important;
}
.mat-step-header.mat-step-header-selected::before {
  background:
    linear-gradient(
      135deg,
      rgba(0, 179, 161, 0.3),
      rgba(0, 179, 161, 0.1));
  opacity: 1;
}
.mat-step-header .mat-step-icon {
  width: 40px !important;
  height: 40px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s ease !important;
}
.mat-step-header .mat-step-label {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  margin-top: 0.25rem !important;
}
.mat-step-label:not(.mat-step-label-active) {
  color: #64748b !important;
  opacity: 1 !important;
}
.mat-step-label-active {
  color: var(--primary-bg-color) !important;
  font-weight: 700 !important;
}
.mat-button .mat-icon {
  font-size: 2rem !important;
  height: 2rem !important;
}
.mat-primary {
  --mat-button-filled-container-color: var(--accent-color);
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-disabled-container-color: #e2e8f0;
  --mat-button-filled-container-shape: 8px;
  --mat-button-filled-horizontal-padding: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: none;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.mat-primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.18s cubic-bezier(0.4, 1.3, 0.6, 1);
}
.mat-primary:active:not(:disabled) {
  transform: translateY(0);
}
html {
  --mat-button-outlined-outline-color: #e2e8f0;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-container-shape: 8px;
  --mat-button-outlined-horizontal-padding: 1.25rem;
  --mat-button-outlined-label-text-color: #4a5568;
}
.mat-mdc-outlined-button {
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: none;
  font-size: 0.875rem;
  background: #f8f9fa;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.mat-mdc-outlined-button:hover:not(:disabled) {
  background-color: #ffffff;
  border-color: #cbd5e0;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  transition: all 0.18s cubic-bezier(0.4, 1.3, 0.6, 1);
}
.mat-mdc-outlined-button:active:not(:disabled) {
  transform: translateY(0);
}
.button-approve {
  --mat-button-filled-container-color: green;
}
.button-reject {
  --mat-button-filled-container-color: #FF9191;
}
:root {
  --mat-dialog-container-shape: var(--border-radius);
  --mat-dialog-content-padding: 3rem;
  --mat-dialog-headline-padding: 1rem 3rem 3rem;
}
:root .mat-mdc-dialog-title,
:root .mat-mdc-dialog-content {
  display: flex !important;
  flex-direction: column;
  gap: 15px;
}
:root .mat-mdc-dialog-surface {
  opacity: 0.9;
}
.pdf-viewer-dialog {
  overflow: hidden;
}
.pdf-viewer-dialog .mat-mdc-dialog-surface {
  opacity: 1;
  overflow: hidden;
}
.pdf-viewer-dialog .mat-mdc-dialog-content {
  overflow: hidden;
}
.dialog-panel-public-ui {
  --mat-dialog-container-color: #08183D;
  --mat-dialog-subhead-color: var(--primary-text-color);
  --mat-dialog-supporting-text-color: var(--primary-text-color);
}
.dialog-panel-public-ui .mat-mdc-dialog-surface {
  border: 2px solid var(--accent-color);
}
.dialog-panel-admin-ui {
  color: #000000;
}
.dialog-panel-admin-ui .mat-mdc-dialog-surface {
  border: 2px solid #CECECE;
}
.green-snackbar {
  --mat-snackbar-container-color: #2ba958;
  --mat-snackbar-supporting-text-color: #eeeeee;
}
.red-snackbar {
  --mat-snackbar-container-color: #d32f2f;
  --mat-snackbar-supporting-text-color: #eeeeee;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled) {
  color: #eeeeee !important;
  --mat-button-text-state-layer-color: black !important;
}
:root {
  --mat-tab-divider-height: 0;
  --mat-tab-divider-color: rgba(0, 0, 0, 0);
}
:root .htx-icon {
  font-weight: bold !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 30px !important;
}
:root .htx-icon-green {
  color: green !important;
}
* {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  --primary-bg-color: #09183D;
  --dark-input-bg-color: #0000007f;
  --light-input-bg-color: #FAFAFA;
  --accent-color: #00CDBA;
  --primary-text-color: #FAFAFA;
  --secondary-text-color: #1A1A1A;
  --border-radius: 40px;
}
html {
  height: 100%;
  width: 100%;
  line-height: 1.5;
  color: var(--primary-text-color);
  --mat-sys-body-large: 400 1rem / 1.5rem Poppins;
  --mat-sys-body-large-font: Poppins;
  --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 Poppins;
  --mat-sys-body-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-body-small-font: Poppins;
  --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 Poppins;
  --mat-sys-display-large-font: Poppins;
  --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 Poppins;
  --mat-sys-display-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-display-small-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-large-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-headline-small-font: Poppins;
  --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 Poppins;
  --mat-sys-label-large-font: Poppins;
  --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 Poppins;
  --mat-sys-label-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-label-small-font: Poppins;
  --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 Poppins;
  --mat-sys-title-large-font: Poppins;
  --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 Poppins;
  --mat-sys-title-medium-font: Poppins;
  --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 Poppins;
  --mat-sys-title-small-font: Poppins;
  --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;
}
:root {
  --mat-toolbar-container-background-color: rgb(245, 245, 245);
}
.dialog-backdrop {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #1f2937 !important;
  --mdc-plain-tooltip-supporting-text-color: #ffffff !important;
  background-color: #1f2937 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  opacity: 1 !important;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: #1f2937 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-44O6CAWJ.css.map */