@layer reset,vendor,material,tokens,base,components,app;@layer tokens{:root{--if-ref-neutral-0: #ffffff;--if-ref-neutral-50: #f6f7f9;--if-ref-neutral-100: #eceef2;--if-ref-neutral-200: #d9dce3;--if-ref-neutral-400: #8a90a0;--if-ref-neutral-600: #565c6b;--if-ref-neutral-800: #1d2029;--if-ref-neutral-850: #161922;--if-ref-neutral-900: #0f1117;--if-ref-neutral-950: #0a0b10;--if-ref-neutral-text-dark: #e6e8ee;--if-ref-neutral-text-light: #14161c;--if-ref-navy-990: #02060a;--if-ref-navy-950: #060f18;--if-ref-navy-940: #070f18;--if-ref-navy-925: #0a1521;--if-ref-navy-900: #0b1622;--if-ref-navy-890: #0d1b28;--if-ref-navy-850: #12202f;--if-ref-navy-820: #16293c;--if-ref-navy-810: #1a2b3d;--if-ref-navy-800: #1e3247;--if-ref-navy-780: #20374d;--if-ref-navy-750: #2b4560;--if-ref-navy-500: #5f7a91;--if-ref-navy-350: #8a9fb1;--if-ref-navy-300: #8fa8ba;--if-ref-navy-50: #e8f1f6;--if-ref-slate-25: #f8f9fb;--if-ref-slate-50: #f5f6f8;--if-ref-slate-75: #f0f2f5;--if-ref-slate-90: #eef1f5;--if-ref-slate-100: #eceff3;--if-ref-slate-150: #e6eaf0;--if-ref-slate-200: #e1e4ea;--if-ref-slate-225: #dde2ea;--if-ref-slate-275: #cfd6e0;--if-ref-slate-300: #cbd1da;--if-ref-slate-500: #6f7888;--if-ref-slate-600: #58627a;--if-ref-slate-650: #566074;--if-ref-slate-950: #121722;--if-ref-cyan-300: #5df0ff;--if-ref-cyan-350: #3ddcf5;--if-ref-cyan-400: #00e5ff;--if-ref-cyan-500: #00b8d4;--if-ref-cyan-650: #0b8eac;--if-ref-cyan-700: #007c8c;--if-ref-cyan-750: #006a80;--if-ref-cyan-800: #00626f;--if-ref-cyan-975: #04212a;--if-ref-teal-300: #5df2e2;--if-ref-violet-300: #a58bff;--if-ref-violet-400: #7c4dff;--if-ref-violet-600: #5b4ad1;--if-ref-green-450: #3fb27f;--if-ref-green-500: #2fbf71;--if-ref-green-700: #17794a;--if-ref-green-800: #146a43;--if-ref-amber-450: #e3a83b;--if-ref-amber-500: #f0a020;--if-ref-amber-700: #8f5d00;--if-ref-amber-800: #7f5200;--if-ref-red-400: #ff6b70;--if-ref-red-500: #ff5d5d;--if-ref-red-650: #c9292f;--if-ref-red-700: #c0262d;--if-ref-red-750: #b0262c;--if-ref-amber-550: #b8862d;--if-ref-amber-650: #a86d10;--if-ref-bluegrey-300: #90a4ae;--if-ref-bluegrey-400: #78909c;--if-ref-grey-550: #666666;--if-ref-grey-600: #5c5c5c;--if-ref-s1-dark: #8b7cf6;--if-ref-s1-light: #6d5ce8;--if-ref-s2-dark: #5aa9ff;--if-ref-s2-light: #2f7fe0;--if-ref-s3-dark: #2fbfa8;--if-ref-s3-light: #13998a;--if-ref-s4-dark: #e879c9;--if-ref-s4-light: #c2449f;--if-ref-s5-dark: #a3d94a;--if-ref-s5-light: #578f0a;--if-ref-s6-dark: #94a3b8;--if-ref-s6-light: #64748b;--if-ref-s7-dark: #ff9f68;--if-ref-s7-light: #c2570c;--if-ref-s8-dark: #d6c46a;--if-ref-s8-light: #8a7000;--if-ref-s9-dark: #35d0ff;--if-ref-s9-light: #0b7fa6;--if-ref-s10-dark: #f08a7e;--if-ref-s10-light: #b3463a;--if-ref-s11-dark: #e2e8f0;--if-ref-s11-light: #475569;--if-ref-s12-dark: #59c264;--if-ref-s12-light: #2a7d36;--if-bg: light-dark(var(--if-ref-slate-50), var(--if-ref-navy-950));--if-surface: light-dark(var(--if-ref-neutral-0), var(--if-ref-navy-900));--if-surface-raised: light-dark(var(--if-ref-slate-75), var(--if-ref-navy-850));--if-surface-sunken: light-dark(var(--if-ref-slate-100), var(--if-ref-navy-940));--if-surface-overlay: light-dark(var(--if-ref-neutral-0), var(--if-ref-navy-850));--if-surface-inverse: light-dark(var(--if-ref-slate-950), var(--if-ref-navy-50));--if-on-inverse: light-dark(var(--if-ref-neutral-0), var(--if-ref-navy-950));--if-scrim: light-dark( color-mix(in srgb, var(--if-ref-slate-950) 45%, transparent), color-mix(in srgb, var(--if-ref-navy-990) 62%, transparent) );--if-fg: light-dark(var(--if-ref-slate-950), var(--if-ref-navy-50));--if-fg-muted: light-dark(var(--if-ref-slate-650), var(--if-ref-navy-300));--if-fg-subtle: light-dark(var(--if-ref-slate-600), var(--if-ref-navy-350));--if-text: var(--if-fg);--if-text-muted: var(--if-fg-muted);--if-text-subtle: var(--if-fg-subtle);--if-border: light-dark(var(--if-ref-slate-200), var(--if-ref-navy-800));--if-border-strong: light-dark(var(--if-ref-slate-300), var(--if-ref-navy-750));--if-ctl: light-dark(var(--if-ref-slate-500), var(--if-ref-navy-500));--if-brand: var(--if-ref-cyan-400);--if-on-brand: var(--if-ref-cyan-975);--if-accent: light-dark(var(--if-ref-cyan-750), var(--if-ref-cyan-350));--if-accent-hover: light-dark(var(--if-ref-cyan-800), var(--if-ref-cyan-300));--if-accent-ink: light-dark(var(--if-ref-neutral-0), var(--if-ref-cyan-975));--if-on-accent: var(--if-accent-ink);--if-accent-subtle: light-dark( color-mix(in srgb, var(--if-ref-cyan-750) 10%, transparent), color-mix(in srgb, var(--if-ref-cyan-350) 12%, transparent) );--if-accent-line: light-dark( color-mix(in srgb, var(--if-ref-cyan-750) 75%, transparent), color-mix(in srgb, var(--if-ref-cyan-350) 55%, transparent) );--if-focus-ring: light-dark(var(--if-ref-cyan-750), var(--if-ref-cyan-400));--if-focus-inner: light-dark(var(--if-ref-neutral-0), var(--if-ref-cyan-975));--if-active-bar: var(--if-accent);--if-selected-bg: var(--if-accent-subtle);--if-status-ok: light-dark(var(--if-ref-green-800), var(--if-ref-green-450));--if-status-warn: light-dark(var(--if-ref-amber-800), var(--if-ref-amber-450));--if-status-crit: light-dark(var(--if-ref-red-750), var(--if-ref-red-400));--if-status-unknown: light-dark(var(--if-ref-neutral-600), var(--if-ref-navy-300));--if-status-ok-subtle: light-dark( color-mix(in srgb, var(--if-ref-green-800) 10%, transparent), color-mix(in srgb, var(--if-ref-green-450) 14%, transparent) );--if-status-warn-subtle: light-dark( color-mix(in srgb, var(--if-ref-amber-800) 11%, transparent), color-mix(in srgb, var(--if-ref-amber-450) 15%, transparent) );--if-status-crit-subtle: light-dark( color-mix(in srgb, var(--if-ref-red-750) 10%, transparent), color-mix(in srgb, var(--if-ref-red-400) 15%, transparent) );--if-status-unknown-subtle: light-dark( color-mix(in srgb, var(--if-ref-neutral-600) 10%, transparent), color-mix(in srgb, var(--if-ref-navy-300) 14%, transparent) );--if-status-crit-solid: var(--if-ref-red-650);--if-on-crit-solid: var(--if-ref-neutral-0);--if-on-crit: light-dark(var(--if-ref-neutral-0), var(--if-ref-cyan-975));--if-hatch-line: color-mix(in srgb, var(--if-status-crit) 20%, transparent);--if-external: var(--if-chart-series-1);--if-chart-series-1: light-dark(var(--if-ref-s1-light), var(--if-ref-s1-dark));--if-chart-series-2: light-dark(var(--if-ref-s2-light), var(--if-ref-s2-dark));--if-chart-series-3: light-dark(var(--if-ref-s3-light), var(--if-ref-s3-dark));--if-chart-series-4: light-dark(var(--if-ref-s4-light), var(--if-ref-s4-dark));--if-chart-series-5: light-dark(var(--if-ref-s5-light), var(--if-ref-s5-dark));--if-chart-series-6: light-dark(var(--if-ref-s6-light), var(--if-ref-s6-dark));--if-chart-series-7: light-dark(var(--if-ref-s7-light), var(--if-ref-s7-dark));--if-chart-series-8: light-dark(var(--if-ref-s8-light), var(--if-ref-s8-dark));--if-chart-series-9: light-dark(var(--if-ref-s9-light), var(--if-ref-s9-dark));--if-chart-series-10: light-dark(var(--if-ref-s10-light), var(--if-ref-s10-dark));--if-chart-series-11: light-dark(var(--if-ref-s11-light), var(--if-ref-s11-dark));--if-chart-series-12: light-dark(var(--if-ref-s12-light), var(--if-ref-s12-dark));--if-chart-grid: var(--if-border);--if-chart-axis: var(--if-fg-muted);--if-energy-optimal: light-dark(var(--if-ref-cyan-750), var(--if-ref-cyan-500));--if-energy-optimal-hi: light-dark(var(--if-ref-cyan-700), var(--if-ref-cyan-400));--if-energy-approaching: light-dark(var(--if-ref-amber-700), var(--if-ref-amber-550));--if-energy-approaching-hi: light-dark(var(--if-ref-amber-650), var(--if-ref-amber-450));--if-energy-conserving: light-dark(var(--if-ref-grey-600), var(--if-ref-bluegrey-400));--if-energy-conserving-hi: light-dark(var(--if-ref-grey-550), var(--if-ref-bluegrey-300));--if-energy-replenishing: var(--if-energy-conserving);--if-xp-fill: light-dark(var(--if-ref-s1-light), var(--if-ref-s1-dark));--if-xp-track: light-dark(var(--if-ref-slate-225), var(--if-ref-navy-810));--if-xp-rested-alpha: .45;--if-avatar-bg: var(--if-ref-violet-600);--if-avatar-ink: var(--if-ref-neutral-0);--if-decor: light-dark(var(--if-ref-cyan-750), var(--if-ref-teal-300));--if-grid-line: light-dark( color-mix(in srgb, var(--if-ref-cyan-750) 7%, transparent), color-mix(in srgb, var(--if-ref-teal-300) 5%, transparent) );--if-grid-pitch: 32px;--if-chamfer-wall-far: light-dark(var(--if-ref-slate-150), var(--if-ref-navy-780));--if-chamfer-wall-side: light-dark(var(--if-ref-slate-225), var(--if-ref-navy-820));--if-chamfer-wall-near: light-dark(var(--if-ref-slate-275), var(--if-ref-navy-890));--if-chamfer-floor-top: light-dark(var(--if-ref-slate-25), var(--if-ref-navy-925));--if-chamfer-floor-bottom: light-dark(var(--if-ref-slate-90), var(--if-ref-navy-940));--if-chamfer-depth: 26px;--if-hl-inset: 0 1px 0 light-dark(transparent, rgb(93 242 226 / 6%)) inset;--if-glow-sm: 0 0 0 1px light-dark(transparent, rgb(0 229 255 / 35%)), 0 4px 14px light-dark(transparent, rgb(0 229 255 / 25%));--if-glow: 0 0 0 1px light-dark(transparent, rgb(0 229 255 / 35%)), 0 6px 20px light-dark(transparent, rgb(0 229 255 / 28%));--if-glow-hover: 0 0 0 1px light-dark(transparent, rgb(0 229 255 / 50%)), 0 10px 26px light-dark(transparent, rgb(0 229 255 / 38%));--if-chamfer-shadow: 0 1px 0 light-dark(rgb(255 255 255 / 80%), rgb(93 242 226 / 10%)) inset, 0 34px 64px light-dark(transparent, rgb(0 0 0 / 55%)), 0 24px 48px light-dark(rgb(18 23 34 / 14%), transparent);--if-chamfer-floor-shadow: 0 28px 42px -28px light-dark(transparent, rgb(0 0 0 / 90%)) inset, 0 -20px 32px -28px light-dark(transparent, rgb(0 0 0 / 65%)) inset, 24px 0 36px -28px light-dark(transparent, rgb(0 0 0 / 65%)) inset, -24px 0 36px -28px light-dark(transparent, rgb(0 0 0 / 65%)) inset, 0 14px 24px -18px light-dark(rgb(18 23 34 / 25%), transparent) inset, 0 -10px 18px -16px light-dark(rgb(18 23 34 / 15%), transparent) inset;--if-radius-sm: 4px;--if-radius-md: 6px;--if-radius-lg: 10px;--if-radius-xl: 12px;--if-radius-chamfer: 16px;--if-radius-full: 9999px;--if-shadow-overlay: 0 12px 32px light-dark(rgb(18 23 34 / 14%), rgb(0 0 0 / 50%));--if-elevation-0: none;--if-elevation-1: var(--if-hl-inset);--if-elevation-2: var(--if-shadow-overlay);--if-elevation-3: var(--if-chamfer-shadow);--if-space-0: 0;--if-space-1: 4px;--if-space-2: 8px;--if-space-3: 12px;--if-space-4: 16px;--if-space-5: 20px;--if-space-6: 24px;--if-space-7: 32px;--if-space-8: 48px;--if-ctl-h-sm: 24px;--if-ctl-h-md: 32px;--if-disabled-opacity: .45;--if-z-base: 0;--if-z-sticky: 10;--if-z-chrome: 20;--if-z-panel: 30;--if-z-scrim: 40;--if-z-overlay: 1000;--if-z-toast: 1010;--if-z-skip: 1100;--if-font-display: "Josefin Sans Variable", "Josefin Sans", var(--if-font-sans);--if-font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--if-font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Mono", consolas, monospace;--if-text-2xs: .6875rem;--if-text-2xs-lh: 1rem;--if-text-xs: .75rem;--if-text-xs-lh: 1rem;--if-text-sm: .8125rem;--if-text-sm-lh: 1.25rem;--if-text-base: .875rem;--if-text-base-lh: 1.375rem;--if-text-lg: 1rem;--if-text-lg-lh: 1.5rem;--if-text-xl: 1.25rem;--if-text-xl-lh: 1.75rem;--if-text-2xl: 1.5rem;--if-text-2xl-lh: 2rem;--if-text-3xl: 1.625rem;--if-text-3xl-lh: 1.875rem;--if-weight-regular: 400;--if-weight-medium: 500;--if-weight-semibold: 600;--if-weight-bold: 700;--if-tracking-eyebrow: .08em;--if-numeric: tabular-nums;--if-duration-fast: .12s;--if-duration-base: .2s;--if-duration-slow: .32s;--if-ease-standard: cubic-bezier(.2, 0, 0, 1);--if-ease-emphasized: cubic-bezier(.3, 0, 0, 1);--if-ease-exit: cubic-bezier(.3, 0, 1, 1)}@media(prefers-reduced-motion:reduce){:root{--if-duration-fast: 0ms;--if-duration-base: 0ms;--if-duration-slow: 0ms}}}@layer tokens{[data-ui=v2]{--mat-sys-primary: var(--if-accent);--mat-sys-on-primary: var(--if-accent-ink);--mat-sys-primary-container: var(--if-accent-subtle);--mat-sys-on-primary-container: var(--if-fg);--mat-sys-inverse-primary: var(--if-on-inverse);--mat-sys-secondary: var(--if-fg-muted);--mat-sys-on-secondary: var(--if-surface);--mat-sys-secondary-container: var(--if-selected-bg);--mat-sys-on-secondary-container: var(--if-fg);--mat-sys-tertiary: var(--if-accent);--mat-sys-on-tertiary: var(--if-accent-ink);--mat-sys-tertiary-container: var(--if-accent-subtle);--mat-sys-on-tertiary-container: var(--if-fg);--mat-sys-background: var(--if-bg);--mat-sys-on-background: var(--if-fg);--mat-sys-surface: var(--if-surface);--mat-sys-surface-dim: var(--if-surface-sunken);--mat-sys-surface-bright: var(--if-surface-raised);--mat-sys-surface-container-lowest: var(--if-surface-sunken);--mat-sys-surface-container-low: var(--if-surface);--mat-sys-surface-container: var(--if-surface-raised);--mat-sys-surface-container-high: var(--if-surface-overlay);--mat-sys-surface-container-highest: var(--if-surface-overlay);--mat-sys-surface-variant: var(--if-surface-raised);--mat-sys-on-surface: var(--if-fg);--mat-sys-on-surface-variant: var(--if-fg-muted);--mat-sys-inverse-surface: var(--if-surface-inverse);--mat-sys-inverse-on-surface: var(--if-on-inverse);--mat-sys-scrim: var(--if-scrim);--mat-sys-outline: var(--if-ctl);--mat-sys-outline-variant: var(--if-border);--mat-sys-error: var(--if-status-crit);--mat-sys-on-error: var(--if-on-crit);--mat-sys-error-container: var(--if-status-crit-subtle);--mat-sys-on-error-container: var(--if-fg);--mat-sys-corner-none: 0;--mat-sys-corner-extra-small: var(--if-radius-sm);--mat-sys-corner-extra-small-top: var(--if-radius-sm) var(--if-radius-sm) 0 0;--mat-sys-corner-small: var(--if-radius-md);--mat-sys-corner-medium: var(--if-radius-lg);--mat-sys-corner-large: var(--if-radius-xl);--mat-sys-corner-large-top: var(--if-radius-xl) var(--if-radius-xl) 0 0;--mat-sys-corner-large-start: var(--if-radius-xl) 0 0 var(--if-radius-xl);--mat-sys-corner-large-end: 0 var(--if-radius-xl) var(--if-radius-xl) 0;--mat-sys-corner-extra-large: var(--if-radius-chamfer);--mat-sys-corner-extra-large-top: var(--if-radius-chamfer) var(--if-radius-chamfer) 0 0;--mat-sys-corner-full: var(--if-radius-full);--mat-sys-display-large-font: var(--if-font-sans);--mat-sys-display-medium-font: var(--if-font-sans);--mat-sys-display-small-font: var(--if-font-sans);--mat-sys-headline-large-font: var(--if-font-sans);--mat-sys-headline-medium-font: var(--if-font-sans);--mat-sys-headline-small-font: var(--if-font-sans);--mat-sys-title-large-font: var(--if-font-sans);--mat-sys-title-medium-font: var(--if-font-sans);--mat-sys-title-small-font: var(--if-font-sans);--mat-sys-body-large-font: var(--if-font-sans);--mat-sys-body-medium-font: var(--if-font-sans);--mat-sys-body-small-font: var(--if-font-sans);--mat-sys-label-large-font: var(--if-font-sans);--mat-sys-label-medium-font: var(--if-font-sans);--mat-sys-label-small-font: var(--if-font-sans);--mat-form-field-outlined-container-shape: var(--if-radius-md);--mat-form-field-outlined-outline-color: var(--if-ctl);--mat-form-field-outlined-hover-outline-color: var(--if-fg);--mat-form-field-outlined-focus-outline-color: var(--if-accent);--mat-form-field-outlined-error-outline-color: var(--if-status-crit);--mat-form-field-outlined-error-hover-outline-color: var(--if-status-crit);--mat-form-field-outlined-error-focus-outline-color: var(--if-status-crit);--mat-form-field-outlined-error-hover-label-text-color: var(--if-status-crit);--mat-form-field-error-text-color: var(--if-status-crit);--mat-form-field-select-option-text-color: var(--if-fg);--mat-select-panel-background-color: var(--if-surface-overlay);--mat-select-container-elevation-shadow: var(--if-elevation-2);--mat-select-enabled-trigger-text-color: var(--if-fg);--mat-select-placeholder-text-color: var(--if-fg-muted);--mat-option-label-text-color: var(--if-fg);--mat-option-selected-state-label-text-color: var(--if-fg);--mat-option-selected-state-layer-color: var(--if-selected-bg);--mat-option-label-text-size: 13px;--mat-option-label-text-line-height: 20px;--mat-option-label-text-tracking: 0;--mat-optgroup-label-text-color: var(--if-fg-muted);--mat-autocomplete-background-color: var(--if-surface-overlay);--mat-autocomplete-container-shape: var(--if-radius-lg);--mat-autocomplete-container-elevation-shadow: var(--if-elevation-2);--mat-datepicker-calendar-container-background-color: var(--if-surface-overlay);--mat-datepicker-calendar-container-text-color: var(--if-fg);--mat-datepicker-calendar-container-shape: var(--if-radius-lg);--mat-datepicker-calendar-container-touch-shape: var(--if-radius-lg);--mat-datepicker-calendar-container-elevation-shadow: var(--if-elevation-2);--mat-datepicker-calendar-container-touch-elevation-shadow: var(--if-elevation-2);--mat-datepicker-calendar-date-selected-state-background-color: var(--if-accent);--mat-datepicker-calendar-date-selected-state-text-color: var(--if-accent-ink);--mat-datepicker-calendar-date-today-outline-color: var(--if-accent);--mat-datepicker-calendar-header-divider-color: var(--if-border);--mat-timepicker-container-background-color: var(--if-surface-overlay);--mat-timepicker-container-shape: var(--if-radius-lg);--mat-timepicker-container-elevation-shadow: var(--if-elevation-2);--mat-button-filled-container-shape: var(--if-radius-md);--mat-button-outlined-container-shape: var(--if-radius-md);--mat-button-protected-container-shape: var(--if-radius-md);--mat-button-text-container-shape: var(--if-radius-md);--mat-button-tonal-container-shape: var(--if-radius-md);--mat-button-outlined-outline-color: var(--if-accent-line);--mat-button-outlined-label-text-color: var(--if-accent);--mat-button-text-label-text-color: var(--if-accent);--mat-icon-button-icon-color: var(--if-fg-muted);--mat-button-toggle-shape: var(--if-radius-md);--mat-button-toggle-divider-color: var(--if-ctl);--mat-button-toggle-text-color: var(--if-fg);--mat-button-toggle-background-color: transparent;--mat-button-toggle-selected-state-background-color: var(--if-selected-bg);--mat-button-toggle-selected-state-text-color: var(--if-fg);--mat-chip-container-height: var(--if-ctl-h-md);--mat-chip-container-shape-radius: var(--if-radius-full);--mat-chip-outline-color: var(--if-ctl);--mat-chip-label-text-color: var(--if-fg);--mat-chip-selected-label-text-color: var(--if-fg);--mat-chip-elevated-selected-container-color: var(--if-selected-bg);--mat-chip-focus-outline-color: var(--if-accent);--mat-checkbox-unselected-icon-color: var(--if-ctl);--mat-checkbox-selected-icon-color: var(--if-accent);--mat-checkbox-selected-checkmark-color: var(--if-accent-ink);--mat-checkbox-label-text-color: var(--if-fg);--mat-radio-unselected-icon-color: var(--if-ctl);--mat-radio-selected-icon-color: var(--if-accent);--mat-radio-label-text-color: var(--if-fg);--mat-pseudo-checkbox-full-unselected-icon-color: var(--if-ctl);--mat-slide-toggle-track-outline-color: var(--if-ctl);--mat-slide-toggle-unselected-handle-color: var(--if-ctl);--mat-slide-toggle-selected-hover-handle-color: var(--if-accent-ink);--mat-slide-toggle-selected-focus-handle-color: var(--if-accent-ink);--mat-slide-toggle-selected-pressed-handle-color: var(--if-accent-ink);--mat-slide-toggle-label-text-color: var(--if-fg);--mat-tab-active-indicator-color: var(--if-active-bar);--mat-tab-active-indicator-height: 2px;--mat-tab-active-label-text-color: var(--if-fg);--mat-tab-active-focus-label-text-color: var(--if-fg);--mat-tab-active-hover-label-text-color: var(--if-fg);--mat-tab-inactive-label-text-color: var(--if-fg-muted);--mat-tab-divider-color: var(--if-border);--mat-table-background-color: transparent;--mat-table-row-item-outline-color: var(--if-border);--mat-table-row-item-label-text-color: var(--if-fg);--mat-paginator-container-background-color: transparent;--mat-paginator-container-text-color: var(--if-fg-muted);--mat-tooltip-container-color: var(--if-surface-inverse);--mat-tooltip-supporting-text-color: var(--if-on-inverse);--mat-tooltip-container-shape: var(--if-radius-sm);--mat-snack-bar-container-color: var(--if-surface-inverse);--mat-snack-bar-supporting-text-color: var(--if-on-inverse);--mat-snack-bar-button-color: var(--if-on-inverse);--mat-snack-bar-container-shape: var(--if-radius-md);--mat-dialog-container-color: var(--if-surface-overlay);--mat-dialog-container-shape: var(--if-radius-lg);--mat-dialog-container-elevation-shadow: var(--if-elevation-2);--mat-dialog-subhead-color: var(--if-fg);--mat-dialog-supporting-text-color: var(--if-fg-muted);--mat-menu-container-color: var(--if-surface-overlay);--mat-menu-container-shape: var(--if-radius-lg);--mat-menu-container-elevation-shadow: var(--if-elevation-2);--mat-menu-item-label-text-color: var(--if-fg);--mat-menu-item-icon-color: var(--if-fg-muted);--mat-menu-divider-color: var(--if-border);--mat-menu-item-label-text-size: 13px;--mat-menu-item-label-text-line-height: 20px;--mat-menu-item-label-text-tracking: 0;--mat-list-list-item-label-text-color: var(--if-fg);--mat-list-list-item-supporting-text-color: var(--if-fg-muted);--mat-list-list-item-selected-container-color: var(--if-selected-bg);--mat-list-active-indicator-color: var(--if-selected-bg);--mat-divider-color: var(--if-border);--mat-expansion-container-background-color: var(--if-surface-raised);--mat-expansion-container-text-color: var(--if-fg);--mat-expansion-container-shape: var(--if-radius-xl);--mat-expansion-header-text-color: var(--if-fg);--mat-expansion-header-description-color: var(--if-fg-muted);--mat-expansion-actions-divider-color: var(--if-border);--mat-stepper-container-color: transparent;--mat-stepper-line-color: var(--if-border-strong);--mat-stepper-header-label-text-color: var(--if-fg-muted);--mat-stepper-header-selected-state-label-text-color: var(--if-fg);--mat-stepper-header-icon-background-color: var(--if-fg-muted);--mat-stepper-header-icon-foreground-color: var(--if-surface);--mat-stepper-header-selected-state-icon-background-color: var(--if-accent);--mat-stepper-header-selected-state-icon-foreground-color: var(--if-accent-ink);--mat-stepper-header-done-state-icon-background-color: var(--if-accent);--mat-stepper-header-done-state-icon-foreground-color: var(--if-accent-ink);--mat-stepper-header-edit-state-icon-background-color: var(--if-accent);--mat-stepper-header-edit-state-icon-foreground-color: var(--if-accent-ink);--mat-stepper-header-error-state-label-text-color: var(--if-status-crit);--mat-stepper-header-error-state-icon-foreground-color: var(--if-status-crit);--mat-badge-background-color: var(--if-status-crit);--mat-badge-text-color: var(--if-on-crit);--mat-sidenav-container-background-color: var(--if-surface);--mat-sidenav-container-text-color: var(--if-fg);--mat-sidenav-container-divider-color: var(--if-border);--mat-sidenav-content-background-color: transparent;--mat-sidenav-content-text-color: var(--if-fg);--mat-sidenav-scrim-color: var(--if-scrim);--mat-card-outlined-container-color: var(--if-surface);--mat-card-outlined-outline-color: var(--if-border);--mat-card-outlined-container-shape: var(--if-radius-xl);--mat-card-elevated-container-color: var(--if-surface-raised);--mat-card-elevated-container-shape: var(--if-radius-xl);--mat-card-filled-container-shape: var(--if-radius-xl);--mat-card-subtitle-text-color: var(--if-fg-muted);--mat-progress-bar-active-indicator-color: var(--if-accent);--mat-progress-bar-track-color: var(--if-border);--mat-progress-spinner-active-indicator-color: var(--if-accent)}@media(forced-colors:active){[data-ui=v2]{--mat-tab-active-indicator-color: Highlight}}[data-ui=v2] .dc-btn--brand{--mat-button-filled-container-color: var(--if-brand);--mat-button-filled-label-text-color: var(--if-on-brand);--mat-button-filled-state-layer-color: var(--if-on-brand);--mat-button-tonal-container-color: var(--if-brand);--mat-button-tonal-label-text-color: var(--if-on-brand);--mat-button-tonal-state-layer-color: var(--if-on-brand)}}[data-ui=v2] :is([matButton],[mat-button],[mat-flat-button],[mat-raised-button],[mat-stroked-button],[matIconButton],[mat-icon-button],[matFab],[mat-fab],[matMiniFab],[mat-mini-fab]):focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--if-focus-inner)}[data-ui=v2] .dc-focus-inset>:is([matButton],[mat-button],[mat-flat-button],[mat-raised-button],[mat-stroked-button],[matIconButton],[mat-icon-button],[matFab],[mat-fab],[matMiniFab],[mat-mini-fab]):focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--if-focus-inner)}@layer base{[data-ui=v2]{color-scheme:light dark;color:var(--if-fg);font-family:var(--if-font-sans);font-size:var(--if-text-base);line-height:var(--if-text-base-lh);-webkit-font-smoothing:antialiased}[data-ui=v2]:where(:not(.cdk-overlay-container)){background:var(--if-surface)}body.light [data-ui=v2]{color-scheme:light}body.dark [data-ui=v2]{color-scheme:dark}html[data-theme=light] [data-ui=v2]{color-scheme:light}html[data-theme=dark] [data-ui=v2]{color-scheme:dark}:where([data-ui=v2]) .dc-scrim{background:var(--if-scrim)}:where([data-ui=v2]) :is(code,kbd,pre,.if-mono){font-family:var(--if-font-mono)}:where([data-ui=v2]) :is(table,[role=table],[role=grid],time,data,output,code,kbd,samp,pre,.dc-kpi){font-variant-numeric:var(--if-numeric)}:where([data-ui=v2],[data-ui=v2] *):dir(ltr){--if-inline-sign: 1}:where([data-ui=v2],[data-ui=v2] *):dir(rtl){--if-inline-sign: -1}:where([data-ui=v2],[data-ui=v2] *):focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--if-focus-inner)}:where([data-ui=v2] .dc-focus-inset>*):focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--if-focus-inner)}:where([data-ui=v2]) a{color:var(--if-accent);text-decoration-line:underline;text-underline-offset:.15em}@media(forced-colors:active){:where([data-ui=v2],[data-ui=v2] *):focus-visible{outline-color:Highlight}:where([data-ui=v2],[data-ui=v2] *):is([aria-current]:not([aria-current=false]),[aria-selected=true],[aria-pressed=true]){forced-color-adjust:none;background-color:Highlight;color:HighlightText}:where([data-ui=v2],[data-ui=v2] *)[aria-disabled=true]{color:GrayText}}}@layer components{.dc-surface:where([data-ui=v2],[data-ui=v2] *){background-color:var(--if-surface);color:var(--if-fg);border:1px solid var(--if-border);border-radius:var(--if-radius-xl);box-shadow:var(--if-elevation-1)}.dc-surface--raised:where([data-ui=v2],[data-ui=v2] *){background-color:var(--if-surface-raised)}.dc-surface--sunken:where([data-ui=v2],[data-ui=v2] *){background-color:var(--if-surface-sunken)}.dc-graph-paper:where([data-ui=v2],[data-ui=v2] *){background-color:var(--if-surface);background-image:radial-gradient(520px 240px at 50% 0%,color-mix(in srgb,var(--if-decor) 10%,transparent),transparent 70%),repeating-linear-gradient(0deg,var(--if-grid-line) 0 1px,transparent 1px var(--if-grid-pitch)),repeating-linear-gradient(90deg,var(--if-grid-line) 0 1px,transparent 1px var(--if-grid-pitch))}.dc-eyebrow:where([data-ui=v2],[data-ui=v2] *){font-size:var(--if-text-xs);font-weight:var(--if-weight-medium);letter-spacing:var(--if-tracking-eyebrow);text-transform:uppercase;color:var(--if-fg-muted)}.dc-truncate:where([data-ui=v2],[data-ui=v2] *){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-line-clamp:where([data-ui=v2],[data-ui=v2] *){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--dc-lines, 2)}.dc-stack:where([data-ui=v2],[data-ui=v2] *){display:flex;flex-direction:column;gap:var(--dc-gap, var(--if-space-4))}.dc-cluster:where([data-ui=v2],[data-ui=v2] *){display:flex;flex-wrap:wrap;align-items:var(--dc-align, center);justify-content:var(--dc-justify, flex-start);gap:var(--dc-gap, var(--if-space-2))}.dc-grid:where([data-ui=v2],[data-ui=v2] *){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--dc-min, 16rem),100%),1fr));gap:var(--dc-gap, var(--if-space-4))}.dc-num:where([data-ui=v2],[data-ui=v2] *){font-variant-numeric:var(--if-numeric)}.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *){display:inline-flex;align-items:center;justify-content:center;gap:var(--if-space-2);min-block-size:var(--if-ctl-h-md);padding-inline:var(--if-space-4);border:0;border-radius:var(--if-radius-md);background-color:var(--if-brand);color:var(--if-on-brand);font:inherit;font-weight:var(--if-weight-semibold);text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px light-dark(var(--if-accent),transparent),var(--if-glow);transition:box-shadow var(--if-duration-fast) var(--if-ease-standard),transform var(--if-duration-fast) var(--if-ease-standard)}.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *):hover{box-shadow:inset 0 0 0 1px light-dark(var(--if-accent),transparent),var(--if-glow-hover);transform:translateY(-1px)}.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *):active{transform:scale(.98)}.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *):is(:disabled,[aria-disabled=true]){opacity:var(--if-disabled-opacity);cursor:not-allowed;transform:none;box-shadow:none}.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *):focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:2px;box-shadow:0 0 0 2px var(--if-focus-inner)}@media(forced-colors:active){.dc-btn--brand:where([data-ui=v2],[data-ui=v2] *){border:1px solid ButtonText}}}html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");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}@layer app{html,body{min-block-size:100%;margin:0}body{background:var(--if-bg)}h1,h2,p{margin:0}.auth-card{--dc-gap: var(--if-space-5);--card-edge: color-mix(in srgb, var(--if-accent) 32%, var(--if-border));position:relative;inline-size:100%;max-inline-size:27rem;box-sizing:border-box;padding:var(--if-space-7) var(--if-space-6) var(--if-space-6);border-color:var(--card-edge);border-radius:var(--if-radius-chamfer);filter:drop-shadow(0 22px 44px color-mix(in srgb,var(--if-scrim) 38%,transparent));animation:card-in var(--if-duration-slow) var(--if-ease-emphasized) both}@media(min-width:760px){.auth-card{padding:var(--if-space-8) var(--if-space-7) var(--if-space-7)}}.auth-card:after{position:absolute;inset-block-start:-1px;inset-inline:18%;block-size:2px;border-radius:var(--if-radius-full);background:var(--if-brand);content:"";opacity:.9;pointer-events:none}.auth-card:before{position:absolute;inset-block-start:0;inset-inline:22%;block-size:2.5rem;border-radius:var(--if-radius-full);background:var(--if-brand);z-index:-1;content:"";filter:blur(26px);opacity:.16;pointer-events:none}.auth-card--wide{max-inline-size:38rem}.auth-card__progress{position:absolute;inset-block-start:0;inset-inline:var(--if-space-4);z-index:1;overflow:hidden;border-radius:var(--if-radius-full)}.auth-card__head{--dc-gap: var(--if-space-2)}.auth-card__title{font-family:var(--if-font-display);font-size:var(--if-text-2xl);line-height:var(--if-text-2xl-lh);font-weight:var(--if-weight-semibold);letter-spacing:-.005em;color:var(--if-fg)}.auth-card__lead{color:var(--if-fg-muted)}.auth-card__lead strong{color:var(--if-fg);font-weight:var(--if-weight-semibold)}.auth-card__action{inline-size:100%}.auth-card__section{--dc-gap: var(--if-space-4);padding-block-start:var(--if-space-5);border-block-start:1px solid var(--if-border)}.section-title{color:var(--if-fg);font-size:var(--if-text-lg);line-height:var(--if-text-lg-lh);font-weight:var(--if-weight-semibold)}.tiles{display:flex;flex-direction:column;gap:var(--if-space-3);margin:0;padding:0;list-style:none}.tiles--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}.tile{display:flex;gap:var(--if-space-3);align-items:center;box-sizing:border-box;inline-size:100%;min-block-size:4rem;padding:var(--if-space-3) var(--if-space-4);border:1px solid var(--if-border);border-radius:var(--if-radius-lg);background:var(--if-surface-raised);color:var(--if-fg);text-align:start;transition:border-color var(--if-duration-fast) var(--if-ease-standard),background-color var(--if-duration-fast) var(--if-ease-standard),transform var(--if-duration-fast) var(--if-ease-standard)}button.tile{margin:0;border-color:var(--if-ctl);font:inherit;cursor:pointer}button.tile:hover:not(:disabled){border-color:var(--if-accent);background:var(--if-surface);transform:translateY(-1px)}button.tile:active:not(:disabled){transform:translateY(0)}button.tile:disabled{opacity:var(--if-disabled-opacity);cursor:not-allowed;transform:none;box-shadow:none}.tile__mark{display:inline-grid;flex:none;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:1px solid var(--if-border);border-radius:var(--if-radius-md);background:var(--if-surface);color:var(--if-fg)}.tile__mark app-provider-mark{inline-size:1.5rem;block-size:1.5rem}.tile__text{display:flex;flex:1;flex-direction:column;min-inline-size:0}.tile__title{font-weight:var(--if-weight-semibold);overflow-wrap:anywhere}.tile__meta{display:flex;flex-wrap:wrap;column-gap:var(--if-space-3);color:var(--if-fg-muted);font-size:var(--if-text-sm);line-height:var(--if-text-sm-lh);overflow-wrap:anywhere}.tile__go{flex:none;inline-size:1.125rem;block-size:1.125rem;fill:none;stroke:var(--if-fg-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--if-duration-fast) var(--if-ease-standard),stroke var(--if-duration-fast) var(--if-ease-standard)}button.tile:hover:not(:disabled) .tile__go{stroke:var(--if-accent);transform:translate(3px)}.notice{padding:var(--if-space-3) var(--if-space-4);border:1px solid var(--if-border);border-inline-start-width:3px;border-radius:var(--if-radius-md);color:var(--if-fg);font-size:var(--if-text-sm);line-height:var(--if-text-sm-lh)}.notice--crit{border-color:var(--if-status-crit);background:var(--if-status-crit-subtle)}.notice--ok{border-color:var(--if-status-ok);background:var(--if-status-ok-subtle)}.notice--info{border-color:var(--if-accent);background:var(--if-accent-subtle)}.account-menu{min-inline-size:16rem}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media(prefers-reduced-motion:reduce){.auth-card{animation:none}.tile,.tile__go{transition:none}button.tile:hover:not(:disabled),button.tile:hover:not(:disabled) .tile__go{transform:none}}}[data-ui=v2] .dc-btn--brand{font-weight:var(--if-weight-semibold)}[data-ui=v2] [mat-menu-item]:focus-visible{outline:2px solid var(--if-focus-ring);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--if-focus-inner)}