/* src/styles.scss */
html {
  --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: #002f65;
  --mat-sys-on-tertiary-container: #d7e3ff;
  --mat-sys-on-tertiary-fixed: #001b3f;
  --mat-sys-on-tertiary-fixed-variant: #00458f;
  --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: #abc7ff;
  --mat-sys-tertiary-container: #00458f;
  --mat-sys-tertiary-fixed: #d7e3ff;
  --mat-sys-tertiary-fixed-dim: #abc7ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --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 Plus Jakarta Sans;
  --mat-sys-body-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-body-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-body-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-display-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-headline-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-label-small-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-large-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-medium-font: Plus Jakarta Sans;
  --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 Plus Jakarta Sans;
  --mat-sys-title-small-font: Plus Jakarta Sans;
  --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;
  color-scheme: dark;
}
body {
  background: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  margin: 0;
}
:root {
  --mat-sys-color-primary: var(--mat-sys-primary);
  --mat-sys-color-on-primary: var(--mat-sys-on-primary);
  --mat-sys-color-primary-container: var(--mat-sys-primary-container);
  --mat-sys-color-on-primary-container: var(--mat-sys-on-primary-container);
  --mat-sys-color-secondary: var(--mat-sys-secondary);
  --mat-sys-color-on-secondary: var(--mat-sys-on-secondary);
  --mat-sys-color-secondary-container: var(--mat-sys-secondary-container);
  --mat-sys-color-on-secondary-container: var(--mat-sys-on-secondary-container);
  --mat-sys-color-tertiary: var(--mat-sys-tertiary);
  --mat-sys-color-on-tertiary: var(--mat-sys-on-tertiary);
  --mat-sys-color-tertiary-container: var(--mat-sys-tertiary-container);
  --mat-sys-color-on-tertiary-container: var(--mat-sys-on-tertiary-container);
  --mat-sys-color-error: var(--mat-sys-error);
  --mat-sys-color-on-error: var(--mat-sys-on-error);
  --mat-sys-color-error-container: var(--mat-sys-error-container);
  --mat-sys-color-on-error-container: var(--mat-sys-on-error-container);
  --mat-sys-color-surface: var(--mat-sys-surface);
  --mat-sys-color-on-surface: var(--mat-sys-on-surface);
  --mat-sys-color-surface-variant: var(--mat-sys-surface-variant);
  --mat-sys-color-on-surface-variant: var(--mat-sys-on-surface-variant);
  --mat-sys-color-surface-container: var(--mat-sys-surface-container);
  --mat-sys-color-surface-container-low: var(--mat-sys-surface-container-low);
  --mat-sys-color-surface-container-lowest: var(--mat-sys-surface-container-lowest);
  --mat-sys-color-surface-container-high: var(--mat-sys-surface-container-high);
  --mat-sys-color-surface-container-highest: var(--mat-sys-surface-container-highest);
  --mat-sys-color-surface-dim: var(--mat-sys-surface-dim);
  --mat-sys-color-surface-bright: var(--mat-sys-surface-bright);
  --mat-sys-color-outline: var(--mat-sys-outline);
  --mat-sys-color-outline-variant: var(--mat-sys-outline-variant);
  --mat-app-background: var(--mat-sys-surface);
  --mat-app-foreground: var(--mat-sys-on-surface);
  --mat-app-primary: var(--mat-sys-primary);
  --mat-app-accent: var(--mat-sys-secondary);
  --mat-app-warn: var(--mat-sys-error);
}
:root {
  --mat-sys-color-primary-fixed: var(--mat-sys-primary-fixed);
  --mat-sys-color-on-primary-fixed: var(--mat-sys-on-primary-fixed);
  --mat-sys-color-primary-fixed-dim: var(--mat-sys-primary-fixed-dim);
  --mat-sys-color-secondary-fixed: var(--mat-sys-secondary-fixed);
  --mat-sys-color-on-secondary-fixed: var(--mat-sys-on-secondary-fixed);
  --mat-sys-color-secondary-fixed-dim: var(--mat-sys-secondary-fixed-dim);
  --mat-sys-color-tertiary-fixed: var(--mat-sys-tertiary-fixed);
  --mat-sys-color-on-tertiary-fixed: var(--mat-sys-on-tertiary-fixed);
  --mat-sys-color-tertiary-fixed-dim: var(--mat-sys-tertiary-fixed-dim);
  --mat-sys-color-background: var(--mat-sys-background);
  --mat-sys-color-on-background: var(--mat-sys-on-background);
  --mat-sys-light-surface: var(--mat-sys-surface);
  --mat-sys-light-on-surface: var(--mat-sys-on-surface);
  --mat-sys-dark-surface: var(--mat-sys-surface);
  --mat-sys-dark-on-surface: var(--mat-sys-on-surface);
  --mat-card-background-color: var(--mat-sys-surface-container-high);
  --mat-dialog-background-color: var(--mat-sys-surface-container);
  --mat-toolbar-background-color: var(--mat-sys-surface-container-low);
  --mat-sidenav-background-color: var(--mat-sys-surface-container);
  --mat-drawer-background-color: var(--mat-sys-surface-container);
}
html.dark-theme,
html[data-theme=dark] {
  --mat-card-background-color: var(--mat-sys-surface-container-high);
  --mat-dialog-background-color: var(--mat-sys-surface-container);
  --mat-toolbar-background-color: var(--mat-sys-surface-container-low);
  --mat-sidenav-background-color: var(--mat-sys-surface-container);
  --mat-drawer-background-color: var(--mat-sys-surface-container);
}
[data-section=public] {
  background-color: var(--ed-surface, #0a0a0a);
  color: var(--ed-on-surface, #f5f5f5);
  --ed-font-display: "Oswald", sans-serif;
  --ed-font-body: "Plus Jakarta Sans", sans-serif;
  --ed-surface: #0a0a0a;
  --ed-surface-dim: #111111;
  --ed-surface-container: #1a1a1a;
  --ed-surface-container-high: #222222;
  --ed-surface-container-highest: #2a2a2a;
  --ed-on-surface: #f5f5f5;
  --ed-on-surface-variant: #a0a0a0;
  --ed-on-surface-muted: #666666;
  --ed-accent: #f59e0b;
  --ed-accent-hover: #fbbf24;
  --ed-accent-dim: #d97706;
  --ed-on-accent: #0a0a0a;
  --ed-accent-container: #451a03;
  --ed-on-accent-container: #fef3c7;
  --ed-secondary: #64748b;
  --ed-on-secondary: #f8fafc;
  --ed-secondary-container: #1e293b;
  --ed-on-secondary-container: #cbd5e1;
  --ed-outline: #3a3a3a;
  --ed-outline-variant: #2a2a2a;
  --ed-error: #ef4444;
  --ed-on-error: #fff;
  --ed-success: #22c55e;
  --ed-on-success: #0a0a0a;
  --ed-space-xs: 4px;
  --ed-space-sm: 8px;
  --ed-space-md: 16px;
  --ed-space-lg: 32px;
  --ed-space-xl: 64px;
  --ed-space-2xl: 96px;
  --ed-space-3xl: 128px;
  --ed-duration-fast: 200ms;
  --ed-duration-normal: 400ms;
  --ed-duration-slow: 800ms;
  --ed-duration-slower: 1200ms;
  --ed-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ed-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ed-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ed-max-width: 1400px;
  --ed-section-gap: 120px;
  --ed-border-radius-sm: 4px;
  --ed-border-radius-md: 8px;
  --ed-border-radius-lg: 16px;
  --ed-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --ed-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --ed-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --ed-shadow-accent: 0 4px 24px rgba(245, 158, 11, 0.15);
  --mat-button-filled-container-color: #f59e0b;
  --mat-button-filled-label-text-color: #0a0a0a;
  --mat-button-filled-container-shape: 24px;
  --mat-button-outlined-outline-color: #3a3a3a;
  --mat-button-outlined-label-text-color: #f5f5f5;
  --mat-button-outlined-container-shape: 24px;
  --mat-button-text-label-text-color: #f59e0b;
  --mat-button-text-container-shape: 24px;
  --mat-fab-container-color: #f59e0b;
  --mat-fab-foreground-color: #0a0a0a;
  --mat-icon-button-icon-color: #a0a0a0;
  --mdc-list-list-item-label-text-color: #f5f5f5;
  --mdc-list-list-item-supporting-text-color: #a0a0a0;
  --mdc-list-list-item-leading-icon-color: #a0a0a0;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-sidenav-container-background-color: #0a0a0a;
  --mat-sidenav-content-background-color: #0a0a0a;
}
@media (max-width: 599px) {
  [data-section=public] {
    --ed-section-gap: 64px;
    --ed-space-2xl: 64px;
    --ed-space-3xl: 80px;
  }
}
@keyframes ed-fade-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ed-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ed-scale-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ed-slide-left {
  from {
    opacity: 0;
    transform: translateX(40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes ed-slide-right {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes ed-accent-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.3);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(245, 158, 11, 0);
  }
}
[data-section=crm] {
  --crm-font-sans:
    "Inter",
    "Plus Jakarta Sans",
    system-ui,
    sans-serif;
  --crm-font-mono:
    "JetBrains Mono",
    "SF Mono",
    "Fira Code",
    monospace;
  --crm-surface-base: #0d0d0d;
  --crm-surface: #141414;
  --crm-surface-raised: #1a1a1a;
  --crm-surface-overlay: #252525;
  --crm-surface-hover: rgba(255, 255, 255, 0.02);
  --crm-surface-active: rgba(255, 255, 255, 0.04);
  --crm-text-primary: #ececec;
  --crm-text-secondary: #a0a0a0;
  --crm-text-muted: #5c5c5c;
  --crm-accent: #8b5cf6;
  --crm-accent-hover: #a78bfa;
  --crm-accent-dim: #7c3aed;
  --crm-accent-muted: rgba(139, 92, 246, 0.12);
  --crm-accent-container: rgba(139, 92, 246, 0.15);
  --crm-on-accent: #ffffff;
  --crm-border: rgba(255, 255, 255, 0.06);
  --crm-border-subtle: rgba(255, 255, 255, 0.04);
  --crm-border-focus: rgba(139, 92, 246, 0.5);
  --crm-status-info: #60a5fa;
  --crm-status-info-muted: rgba(96, 165, 250, 0.12);
  --crm-status-info-container: rgba(96, 165, 250, 0.08);
  --crm-status-success: #34d399;
  --crm-status-success-muted: rgba(52, 211, 153, 0.12);
  --crm-status-success-container: rgba(52, 211, 153, 0.08);
  --crm-status-warning: #fbbf24;
  --crm-status-warning-muted: rgba(251, 191, 36, 0.12);
  --crm-status-warning-container: rgba(251, 191, 36, 0.08);
  --crm-status-error: #f87171;
  --crm-status-error-muted: rgba(248, 113, 113, 0.12);
  --crm-status-error-container: rgba(248, 113, 113, 0.08);
  --crm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --crm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --crm-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --crm-shadow-accent: 0 0 0 1px var(--crm-border-focus);
  --crm-radius-sm: 4px;
  --crm-radius-md: 6px;
  --crm-radius-lg: 8px;
  --crm-space-1: 4px;
  --crm-space-2: 8px;
  --crm-space-3: 12px;
  --crm-space-4: 16px;
  --crm-space-5: 20px;
  --crm-space-6: 24px;
  --crm-text-xs: 10px;
  --crm-text-sm: 11px;
  --crm-text-base: 13px;
  --crm-text-md: 14px;
  --crm-text-lg: 16px;
  --crm-text-xl: 20px;
  --crm-text-2xl: 24px;
  --crm-transition-fast: 120ms ease;
  --crm-transition-normal: 200ms ease;
  --crm-transition-slow: 300ms ease;
  --crm-transition-panel: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --crm-transition-collapse: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --crm-ghost-hover: rgba(255, 255, 255, 0.04);
  --crm-ghost-active: rgba(255, 255, 255, 0.06);
  --crm-kbd-bg: rgba(255, 255, 255, 0.06);
  --crm-kbd-border: rgba(255, 255, 255, 0.1);
  --crm-skeleton-base: var(--crm-surface-raised);
  --crm-skeleton-shine: var(--crm-surface-overlay);
  --crm-z-dropdown: 100;
  --crm-z-overlay: 200;
  --crm-z-modal: 300;
  --mat-sys-primary: #8b5cf6;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: rgba(139, 92, 246, 0.15);
  --mat-sys-on-primary-container: #c4b5fd;
  --mat-sys-secondary: #a0a0a0;
  --mat-sys-on-secondary: #0d0d0d;
  --mat-sys-secondary-container: rgba(255, 255, 255, 0.06);
  --mat-sys-on-secondary-container: #ececec;
  --mat-sys-tertiary: #34d399;
  --mat-sys-on-tertiary: #0d0d0d;
  --mat-sys-tertiary-container: rgba(52, 211, 153, 0.12);
  --mat-sys-on-tertiary-container: #6ee7b7;
  --mat-sys-error: #f87171;
  --mat-sys-on-error: #0d0d0d;
  --mat-sys-error-container: rgba(248, 113, 113, 0.12);
  --mat-sys-on-error-container: #fca5a5;
  --mat-sys-surface: #141414;
  --mat-sys-on-surface: #ececec;
  --mat-sys-on-surface-variant: #a0a0a0;
  --mat-sys-surface-container-lowest: #0d0d0d;
  --mat-sys-surface-container-low: #141414;
  --mat-sys-surface-container: #1a1a1a;
  --mat-sys-surface-container-high: #222222;
  --mat-sys-surface-container-highest: #2a2a2a;
  --mat-sys-outline: #333333;
  --mat-sys-outline-variant: rgba(255, 255, 255, 0.06);
  --mat-sys-inverse-surface: #ececec;
  --mat-sys-inverse-on-surface: #0d0d0d;
  --mat-button-filled-container-color: #8b5cf6;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-container-shape: 6px;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-label-text-color: #ececec;
  --mat-button-outlined-container-shape: 6px;
  --mat-button-text-label-text-color: #8b5cf6;
  --mat-button-text-container-shape: 6px;
  --mat-fab-container-color: #8b5cf6;
  --mat-fab-foreground-color: #ffffff;
  --mat-icon-button-icon-color: #a0a0a0;
  --mdc-chip-elevated-container-color: #1a1a1a;
  --mdc-chip-label-text-color: #ececec;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.1);
  --mdc-outlined-text-field-focus-outline-color: #8b5cf6;
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.15);
  --mdc-outlined-text-field-input-text-color: #ececec;
  --mdc-outlined-text-field-label-text-color: #a0a0a0;
  --mdc-outlined-text-field-container-shape: 8px;
  --mdc-list-list-item-label-text-color: #ececec;
  --mdc-list-list-item-supporting-text-color: #a0a0a0;
  --mdc-list-list-item-leading-icon-color: #a0a0a0;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-card-background-color: #1a1a1a;
  --mat-card-subtitle-text-color: #a0a0a0;
  --mat-menu-container-color: #1e1e1e;
  --mat-menu-item-label-text-color: #ececec;
  --mat-menu-item-icon-color: #a0a0a0;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-menu-container-shape: 8px;
  --mat-dialog-container-color: #1e1e1e;
  --mat-dialog-headline-color: #ececec;
  --mat-dialog-supporting-text-color: #a0a0a0;
  --mat-snack-bar-button-color: #c4b5fd;
  --mat-tooltip-container-color: #2a2a2a;
  --mat-tooltip-supporting-text-color: #ececec;
  --mat-tab-header-active-label-text-color: #8b5cf6;
  --mat-tab-header-active-focus-label-text-color: #8b5cf6;
  --mat-tab-header-active-hover-label-text-color: #a78bfa;
  --mat-tab-header-inactive-label-text-color: #a0a0a0;
  --mat-tab-header-active-focus-indicator-color: #8b5cf6;
  --mat-badge-background-color: #8b5cf6;
  --mat-badge-text-color: #ffffff;
  --mat-divider-color: rgba(255, 255, 255, 0.06);
  --mdc-circular-progress-active-indicator-color: #8b5cf6;
  --mdc-linear-progress-active-indicator-color: #8b5cf6;
  --mdc-linear-progress-track-color: rgba(139, 92, 246, 0.12);
  --mdc-checkbox-selected-checkmark-color: #ffffff;
  --mdc-checkbox-selected-focus-icon-color: #8b5cf6;
  --mdc-checkbox-selected-hover-icon-color: #a78bfa;
  --mdc-checkbox-selected-icon-color: #8b5cf6;
  --mdc-checkbox-unselected-icon-color: #5c5c5c;
  --mdc-radio-selected-icon-color: #8b5cf6;
  --mdc-radio-unselected-icon-color: #5c5c5c;
  --mdc-switch-selected-handle-color: #8b5cf6;
  --mdc-switch-selected-track-color: rgba(139, 92, 246, 0.3);
  --mdc-switch-unselected-handle-color: #5c5c5c;
  --mdc-switch-unselected-track-color: rgba(255, 255, 255, 0.06);
  --mat-select-panel-background-color: #1e1e1e;
  --mat-option-selected-state-label-text-color: #8b5cf6;
  --mat-option-label-text-color: #ececec;
  --mat-datepicker-calendar-container-background-color: #1e1e1e;
  --mat-datepicker-calendar-body-label-text-color: #a0a0a0;
  font-family: var(--crm-font-sans);
}
[data-section=crm] * {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}
[data-section=crm] *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[data-section=crm] *::-webkit-scrollbar-track {
  background: transparent;
}
[data-section=crm] *::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
[data-section=crm] *::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.14);
}
[data-section=crm] ::selection {
  background: rgba(139, 92, 246, 0.3);
  color: #ececec;
}
[data-section=crm] :focus-visible {
  outline: 2px solid var(--crm-border-focus);
  outline-offset: 2px;
}
[data-section=crm] a {
  color: var(--crm-accent);
}
[data-section=crm] a:hover {
  color: var(--crm-accent-hover);
}
html.crm-active .cdk-overlay-container {
  --mat-sys-primary: #8b5cf6;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: rgba(139, 92, 246, 0.15);
  --mat-sys-on-primary-container: #c4b5fd;
  --mat-sys-secondary-container: rgba(255, 255, 255, 0.06);
  --mat-sys-on-secondary-container: #ececec;
  --mat-sys-tertiary-container: rgba(52, 211, 153, 0.12);
  --mat-sys-on-tertiary-container: #6ee7b7;
  --mat-sys-error: #f87171;
  --mat-sys-error-container: rgba(248, 113, 113, 0.12);
  --mat-sys-on-error-container: #fca5a5;
  --mat-sys-surface: #141414;
  --mat-sys-on-surface: #ececec;
  --mat-sys-on-surface-variant: #a0a0a0;
  --mat-sys-surface-container: #1a1a1a;
  --mat-sys-surface-container-high: #222222;
  --mat-sys-surface-container-highest: #2a2a2a;
  --mat-sys-outline: #333333;
  --mat-sys-outline-variant: rgba(255, 255, 255, 0.06);
  --mat-menu-container-color: #1e1e1e;
  --mat-menu-item-label-text-color: #ececec;
  --mat-menu-item-icon-color: #a0a0a0;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-menu-container-shape: 8px;
  --mat-dialog-container-color: #1e1e1e;
  --mat-dialog-headline-color: #ececec;
  --mat-dialog-supporting-text-color: #a0a0a0;
  --mat-snack-bar-button-color: #c4b5fd;
  --mat-tooltip-container-color: #2a2a2a;
  --mat-tooltip-supporting-text-color: #ececec;
  --mat-button-filled-container-color: #8b5cf6;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-container-shape: 6px;
  --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.1);
  --mat-button-outlined-label-text-color: #ececec;
  --mat-button-outlined-container-shape: 6px;
  --mat-button-text-label-text-color: #8b5cf6;
  --mdc-list-list-item-label-text-color: #ececec;
  --mdc-list-list-item-supporting-text-color: #a0a0a0;
  --mdc-list-list-item-leading-icon-color: #a0a0a0;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
}
.scroll-reveal {
  will-change: transform, opacity;
  transition: opacity var(--ed-duration-slow, 800ms) var(--ed-ease-out, cubic-bezier(0.16, 1, 0.3, 1)), transform var(--ed-duration-slow, 800ms) var(--ed-ease-out, cubic-bezier(0.16, 1, 0.3, 1));
}
.scroll-reveal--up {
  opacity: 0;
  transform: translateY(40px);
}
.scroll-reveal--left {
  opacity: 0;
  transform: translateX(-40px);
}
.scroll-reveal--right {
  opacity: 0;
  transform: translateX(40px);
}
.scroll-reveal.revealed {
  opacity: 1;
  transform: translate(0, 0);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.mat-drawer-side ~ .mat-drawer-content {
  margin-left: var(--app-sidenav-width, 0px) !important;
  transition: margin-left 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.notification-menu .notification-list {
  max-height: calc(80vh - 160px);
  overflow-y: auto;
  padding: 0 8px;
}
.notification-menu .notification-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  margin: 4px 0;
}
.notification-menu .notification-item.unread {
  background-color: var(--mat-sys-primary-container);
  border-left: 3px solid var(--mat-sys-primary);
}
.notification-menu .notification-item:hover {
  background-color: var(--mat-sys-surface-container-highest);
}
.notification-menu .notification-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.notification-menu .notification-content {
  flex: 1;
  min-width: 0;
}
.notification-menu .notification-title,
.notification-menu .notification-message {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notification-menu .notification-title {
  color: var(--mat-sys-on-surface);
  margin-bottom: 4px;
}
.notification-menu .notification-message {
  color: var(--mat-sys-on-surface-variant);
  margin-bottom: 6px;
}
.notification-menu .notification-time {
  color: var(--mat-sys-outline);
}
.notification-menu .notification-actions {
  flex-shrink: 0;
}
.notification-menu .no-notifications {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 32px 16px;
  color: var(--mat-sys-on-surface-variant);
}
.notification-menu .notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.notification-menu .view-all-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: var(--mat-sys-primary);
  border-radius: 8px;
  margin: 4px 8px;
}
.user-menu .user-info,
.user-menu .guest-info {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: var(--mat-sys-surface-container-highest);
  border-radius: 12px;
  margin: 8px;
}
.user-menu .user-details {
  flex: 1;
  min-width: 0;
}
.user-menu .user-name {
  color: var(--mat-sys-on-surface);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-menu .user-email,
.user-menu .user-message {
  color: var(--mat-sys-on-surface-variant);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.user-menu .role-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 12px;
}
.user-menu .role-badge.admin {
  background-color: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
}
.user-menu .role-badge.employee {
  background-color: var(--mat-sys-tertiary-container);
  color: var(--mat-sys-on-tertiary-container);
}
.user-menu .role-badge.client {
  background-color: var(--mat-sys-secondary-container);
  color: var(--mat-sys-on-secondary-container);
}
.user-menu .mdc-list-item {
  border-radius: 8px;
  margin: 2px 0;
}
.user-menu .mdc-list-item.logout-item {
  color: var(--mat-sys-error);
}
.user-menu .mdc-list-item.logout-item:hover {
  background-color: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
}
.user-menu .menu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background-color: var(--mat-sys-error);
  color: var(--mat-sys-on-error);
  border-radius: 50%;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
}
.success-snackbar {
  background: var(--mat-sys-tertiary-container);
  color: var(--mat-sys-on-tertiary-container);
}
.error-snackbar {
  background: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
}
html.crm-active .toast-success .mdc-snackbar__surface {
  background: rgba(52, 211, 153, 0.15) !important;
  color: #34d399 !important;
}
html.crm-active .toast-error .mdc-snackbar__surface {
  background: rgba(248, 113, 113, 0.15) !important;
  color: #f87171 !important;
}
html.crm-active .toast-info .mdc-snackbar__surface {
  background: rgba(96, 165, 250, 0.15) !important;
  color: #60a5fa !important;
}
html.crm-active .toast-warning .mdc-snackbar__surface {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
}
html.crm-active .toast-success .mdc-snackbar__label,
html.crm-active .toast-error .mdc-snackbar__label,
html.crm-active .toast-info .mdc-snackbar__label,
html.crm-active .toast-warning .mdc-snackbar__label {
  color: inherit !important;
}
html.crm-active .toast-success .mat-mdc-snack-bar-action,
html.crm-active .toast-error .mat-mdc-snack-bar-action,
html.crm-active .toast-info .mat-mdc-snack-bar-action,
html.crm-active .toast-warning .mat-mdc-snack-bar-action {
  color: rgba(255, 255, 255, 0.7) !important;
}
html:not(.crm-active) .toast-success .mdc-snackbar__surface {
  background: #1b5e20 !important;
  color: #fff !important;
}
html:not(.crm-active) .toast-error .mdc-snackbar__surface {
  background: #b71c1c !important;
  color: #fff !important;
}
html:not(.crm-active) .toast-info .mdc-snackbar__surface {
  background: #0d47a1 !important;
  color: #fff !important;
}
html:not(.crm-active) .toast-warning .mdc-snackbar__surface {
  background: #e65100 !important;
  color: #fff !important;
}
html:not(.crm-active) .toast-success .mdc-snackbar__label,
html:not(.crm-active) .toast-error .mdc-snackbar__label,
html:not(.crm-active) .toast-info .mdc-snackbar__label,
html:not(.crm-active) .toast-warning .mdc-snackbar__label {
  color: #fff !important;
}
html:not(.crm-active) .toast-success .mat-mdc-snack-bar-action,
html:not(.crm-active) .toast-error .mat-mdc-snack-bar-action,
html:not(.crm-active) .toast-info .mat-mdc-snack-bar-action,
html:not(.crm-active) .toast-warning .mat-mdc-snack-bar-action {
  color: rgba(255, 255, 255, 0.9) !important;
}

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