@charset "UTF-8";

/* src/styles.scss */
:root {
  --color-bg-page: #EEF1F3;
  --color-bg-card: #FFFFFF;
  --color-bg-input: #EEF1F3;
  --color-text-primary: #111416;
  --color-text-secondary: #425B6B;
  --color-text-hint: #758E9E;
  --color-text-on-accent: #FFFFFF;
  --color-text-heading: #0F2742;
  --color-accent: #0FC458;
  --color-accent-muted: rgba(15, 196, 88, 0.12);
  --color-success: #0FC458;
  --color-success-muted: rgba(15, 196, 88, 0.12);
  --color-warning: #F3843F;
  --color-warning-muted: rgba(243, 132, 63, 0.12);
  --color-error: #F33F4D;
  --color-error-muted: rgba(243, 63, 77, 0.12);
  --color-icon: #0D2640;
  --color-border: #EFEFF4;
  --color-divider: #D9E2E8;
  --color-btn-text: #4D535F;
  --color-btn-bg: #FFFFFF;
  --color-btn-border: #EFEFF4;
  --color-btn-accent-border: #0FC458;
  --color-scrollbar-thumb: #0FC458;
  --color-scrollbar-track: rgba(66, 91, 107, 0.08);
  --color-spinner: #111416;
  --color-snackbar-bg: #111416;
  --color-snackbar-text: #FFFFFF;
  --color-snackbar-error-bg: #F33F4D;
  --color-snackbar-error-text: #FFFFFF;
  --color-timeline-node: #0FC458;
  --color-timeline-border: #c6d1d7;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-page: #111416;
    --color-bg-card: #1F2227;
    --color-bg-input: #111416;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #758E9E;
    --color-text-hint: #758E9E;
    --color-text-on-accent: #111416;
    --color-text-heading: #FFFFFF;
    --color-accent: #0FC458;
    --color-accent-muted: rgba(15, 196, 88, 0.12);
    --color-success: #0FC458;
    --color-success-muted: rgba(15, 196, 88, 0.12);
    --color-warning: #F3843F;
    --color-warning-muted: rgba(243, 132, 63, 0.12);
    --color-error: #F33F4D;
    --color-error-muted: rgba(243, 63, 77, 0.12);
    --color-icon: #FFFFFF;
    --color-border: #414C57;
    --color-divider: #2A3038;
    --color-btn-text: #FFFFFF;
    --color-btn-bg: #111416;
    --color-btn-border: #414C57;
    --color-btn-accent-border: #0FC458;
    --color-scrollbar-thumb: #0FC458;
    --color-scrollbar-track: rgba(255, 255, 255, 0.06);
    --color-spinner: #FFFFFF;
    --color-snackbar-bg: #2A3038;
    --color-snackbar-text: #FFFFFF;
    --color-snackbar-error-bg: #F33F4D;
    --color-snackbar-error-text: #FFFFFF;
    --color-timeline-node: #0FC458;
    --color-timeline-border: #414c57;
  }
}
.bg-page {
  background: var(--color-bg-page);
}
.bg-card {
  background: var(--color-bg-card);
}
.bg-input {
  background: var(--color-bg-input);
}
.bg-accent {
  background: var(--color-accent);
}
.bg-success {
  background: var(--color-success-muted);
}
.bg-warning {
  background: var(--color-warning-muted);
}
.bg-error {
  background: var(--color-error-muted);
}
.text-primary {
  color: var(--color-text-primary);
}
.text-secondary {
  color: var(--color-text-secondary);
}
.text-hint {
  color: var(--color-text-hint);
}
.text-on-accent {
  color: var(--color-text-on-accent);
}
.text-accent {
  color: var(--color-accent);
}
.text-success {
  color: var(--color-success);
}
.text-warning {
  color: var(--color-warning);
}
.text-error {
  color: var(--color-error);
}
.icon-color {
  color: var(--color-icon);
}
.border-default {
  border-color: var(--color-border);
}
.border-accent {
  border-color: var(--color-btn-accent-border);
}
.mat-mdc-form-field.driver-field .mat-mdc-text-field-wrapper {
  background: var(--color-bg-input) !important;
  border-radius: 8px !important;
}
.mat-mdc-form-field.driver-field .mdc-notched-outline__leading,
.mat-mdc-form-field.driver-field .mdc-notched-outline__notch,
.mat-mdc-form-field.driver-field .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
.mat-mdc-form-field.driver-field .mat-mdc-floating-label,
.mat-mdc-form-field.driver-field .mdc-floating-label {
  color: var(--color-text-hint) !important;
}
.mat-mdc-form-field.driver-field input,
.mat-mdc-form-field.driver-field textarea {
  color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary) !important;
}
.mat-mdc-form-field.driver-field input::placeholder,
.mat-mdc-form-field.driver-field textarea::placeholder {
  color: var(--color-text-hint) !important;
}
.mat-mdc-form-field.driver-field .mat-mdc-form-field-hint-wrapper {
  background: var(--color-bg-card);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border: none !important;
}
.mat-mdc-snack-bar-container {
  --mat-snack-bar-container-color: var(--color-snackbar-bg);
  --mat-snack-bar-supporting-text-color: var(--color-snackbar-text);
  margin-top: 50px !important;
  width: 96vw !important;
}
.mat-mdc-snack-bar-container.snackbar-error {
  --mat-snack-bar-container-color: var(--color-snackbar-error-bg);
  --mat-snack-bar-supporting-text-color: var(--color-snackbar-error-text);
}
.mat-mdc-snack-bar-container.snackbar-success {
  --mat-snack-bar-container-color: var(--color-success);
  --mat-snack-bar-container-shape: 12px;
}
.mat-mdc-snack-bar-container.snackbar-success .mat-mdc-snackbar-surface {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
  min-height: 53px !important;
  padding: 9px 14px !important;
  box-shadow: 0 4px 12px 0 rgba(51, 86, 137, 0.08) !important;
}
.mat-mdc-snack-bar-container.snackbar-success .mdc-snackbar__label {
  padding: 0 !important;
}
.mat-mdc-progress-spinner circle {
  stroke: var(--color-spinner) !important;
}
.mat-bottom-sheet-container {
  background: var(--color-bg-card) !important;
  border-radius: 12px 12px 0 0;
  min-width: calc(100vw - 16px);
  padding: 16px 16px 32px !important;
}
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  opacity: 0 !important;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
  border-radius: 16px;
}
::-webkit-scrollbar-track {
  background: var(--color-scrollbar-track);
}
html {
  height: 100%;
  color-scheme: light dark;
  --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;
}
.photo-upload-dialog-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16) !important;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body {
  margin: 0;
  height: 100%;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  background-color: var(--color-bg-page);
  color: var(--color-text-primary);
}
input,
textarea {
  font-feature-settings: "liga" off, "clig" off;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
input::placeholder,
textarea::placeholder {
  font-feature-settings: "liga" off, "clig" off;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--color-text-hint) !important;
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  font-feature-settings: "liga";
}

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