/* ../../../../../tmp/tmp-4129089-ZQ46N8MO2l5Z/thirvusoft_theme/thirvusoft_theme/public/scss/thirvusoft_login.bundle.css */
html[data-ts-theme=aurora] {
  --ts-primary: #2f6ae6;
  --ts-primary-hover: #1a59dc;
  --ts-primary-active: #174ec1;
  --ts-primary-soft: rgba(47, 106, 230, 0.12);
  --ts-primary-contrast: #ffffff;
  --ts-primary-text: #2061e3;
  --ts-accent: #7454f2;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(47, 106, 230, 0.28);
  --ts-glow: rgba(47, 106, 230, 0.35);
  --ts-bg: #f3f5fb;
  --ts-surface: #ffffff;
  --ts-surface-2: #f6f8fd;
  --ts-surface-3: #f0f3fa;
  --ts-surface-hover: #eef2fb;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(47, 106, 230, 0.08), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(116, 84, 242, 0.07), transparent 62%);
  --ts-border: #e2e7f1;
  --ts-border-strong: #c6cfdf;
  --ts-divider: #eaeef6;
  --ts-text: #1e2433;
  --ts-text-muted: #5d6577;
  --ts-text-light: #6a7180;
  --ts-heading: #131a2a;
  --ts-link: #2061e3;
  --ts-sidebar-bg: #ffffff;
  --ts-sidebar-border: #e4e9f2;
  --ts-sidebar-text: #4b5567;
  --ts-sidebar-text-active: #2061e3;
  --ts-sidebar-hover: #f1f4fb;
  --ts-sidebar-active: #eaf0ff;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(47, 106, 230, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 2px rgba(25, 32, 46, 0.06);
  --ts-shadow-sm: 0 1px 3px rgba(25, 32, 46, 0.08), 0 1px 2px rgba(25, 32, 46, 0.05);
  --ts-shadow-md: 0 4px 12px -2px rgba(25, 32, 46, 0.12), 0 2px 4px rgba(25, 32, 46, 0.06);
  --ts-shadow-lg: 0 16px 40px -8px rgba(25, 32, 46, 0.2), 0 4px 12px rgba(25, 32, 46, 0.08);
  --ts-shadow-glow: 0 4px 14px -2px rgba(47, 106, 230, 0.35);
  --ts-selection-bg: rgba(47, 106, 230, 0.22);
  --ts-scrollbar-thumb: #c8d0de;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #e8ecf4;
  --ts-skeleton-shine: #f9fafd;
}
html[data-ts-theme=aurora][data-theme=dark] {
  --ts-primary: #6b96ff;
  --ts-primary-hover: #85a8ff;
  --ts-primary-active: #9ebaff;
  --ts-primary-soft: rgba(107, 150, 255, 0.16);
  --ts-primary-contrast: #0b1226;
  --ts-primary-text: #6b96ff;
  --ts-accent: #a78bfa;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(107, 150, 255, 0.28);
  --ts-glow: rgba(107, 150, 255, 0.35);
  --ts-bg: #0f1420;
  --ts-surface: #161d2c;
  --ts-surface-2: #1b2334;
  --ts-surface-3: #202a3d;
  --ts-surface-hover: #232e43;
  --ts-surface-glass: rgba(22, 29, 44, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(107, 150, 255, 0.1), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(167, 139, 250, 0.08), transparent 62%);
  --ts-border: #283348;
  --ts-border-strong: #35425c;
  --ts-divider: #222c3f;
  --ts-text: #e6eaf2;
  --ts-text-muted: #9aa5ba;
  --ts-text-light: #808ba1;
  --ts-heading: #f5f7fb;
  --ts-link: #8fb0ff;
  --ts-sidebar-bg: #0b1019;
  --ts-sidebar-border: #1c2434;
  --ts-sidebar-text: #a4aec2;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #151c2b;
  --ts-sidebar-active: #1c2740;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(107, 150, 255, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md: 0 6px 16px -2px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.4);
  --ts-shadow-lg: 0 20px 48px -8px rgba(0, 0, 0, 0.7), 0 4px 12px rgba(0, 0, 0, 0.45);
  --ts-shadow-glow: 0 6px 18px -2px rgba(107, 150, 255, 0.35);
  --ts-selection-bg: rgba(107, 150, 255, 0.32);
  --ts-scrollbar-thumb: #34405a;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #1f2839;
  --ts-skeleton-shine: #2a3549;
}
html[data-ts-theme=ocean] {
  --ts-primary: #0e817e;
  --ts-primary-hover: #0b6563;
  --ts-primary-active: #084a48;
  --ts-primary-soft: rgba(14, 129, 126, 0.12);
  --ts-primary-contrast: #ffffff;
  --ts-primary-text: #0d7775;
  --ts-accent: #2563eb;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(14, 129, 126, 0.28);
  --ts-glow: rgba(14, 129, 126, 0.35);
  --ts-bg: #f2f7f7;
  --ts-surface: #ffffff;
  --ts-surface-2: #f4f9f9;
  --ts-surface-3: #ecf3f3;
  --ts-surface-hover: #e7f0f0;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(14, 129, 126, 0.08), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(37, 99, 235, 0.07), transparent 62%);
  --ts-border: #dbe6e6;
  --ts-border-strong: #bfd0d0;
  --ts-divider: #e6eeee;
  --ts-text: #172427;
  --ts-text-muted: #566a6d;
  --ts-text-light: #667477;
  --ts-heading: #0e1c1f;
  --ts-link: #0d7775;
  --ts-sidebar-bg: #fbfdfd;
  --ts-sidebar-border: #dfe9e9;
  --ts-sidebar-text: #475c5f;
  --ts-sidebar-text-active: #0d7775;
  --ts-sidebar-hover: #edf5f5;
  --ts-sidebar-active: #dff2f1;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(14, 129, 126, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 2px rgba(25, 46, 46, 0.06);
  --ts-shadow-sm: 0 1px 3px rgba(25, 46, 46, 0.08), 0 1px 2px rgba(25, 46, 46, 0.05);
  --ts-shadow-md: 0 4px 12px -2px rgba(25, 46, 46, 0.12), 0 2px 4px rgba(25, 46, 46, 0.06);
  --ts-shadow-lg: 0 16px 40px -8px rgba(25, 46, 46, 0.2), 0 4px 12px rgba(25, 46, 46, 0.08);
  --ts-shadow-glow: 0 4px 14px -2px rgba(14, 129, 126, 0.35);
  --ts-selection-bg: rgba(14, 129, 126, 0.22);
  --ts-scrollbar-thumb: #c0d0d0;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #e3ecec;
  --ts-skeleton-shine: #f7fbfb;
}
html[data-ts-theme=ocean][data-theme=dark] {
  --ts-primary: #2dd4bf;
  --ts-primary-hover: #42d8c5;
  --ts-primary-active: #57ddcc;
  --ts-primary-soft: rgba(45, 212, 191, 0.16);
  --ts-primary-contrast: #07141a;
  --ts-primary-text: #2dd4bf;
  --ts-accent: #60a5fa;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(45, 212, 191, 0.28);
  --ts-glow: rgba(45, 212, 191, 0.35);
  --ts-bg: #0c1518;
  --ts-surface: #122024;
  --ts-surface-2: #172a2e;
  --ts-surface-3: #1c3238;
  --ts-surface-hover: #213b41;
  --ts-surface-glass: rgba(18, 32, 36, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(45, 212, 191, 0.1), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(96, 165, 250, 0.08), transparent 62%);
  --ts-border: #26414a;
  --ts-border-strong: #345560;
  --ts-divider: #1e343a;
  --ts-text: #e2edee;
  --ts-text-muted: #94aab0;
  --ts-text-light: #7d9298;
  --ts-heading: #f1f8f8;
  --ts-link: #5eead4;
  --ts-sidebar-bg: #081214;
  --ts-sidebar-border: #16262a;
  --ts-sidebar-text: #9cb1b6;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #10201f;
  --ts-sidebar-active: #123230;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(45, 212, 191, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md: 0 6px 16px -2px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.4);
  --ts-shadow-lg: 0 20px 48px -8px rgba(0, 0, 0, 0.7), 0 4px 12px rgba(0, 0, 0, 0.45);
  --ts-shadow-glow: 0 6px 18px -2px rgba(45, 212, 191, 0.35);
  --ts-selection-bg: rgba(45, 212, 191, 0.32);
  --ts-scrollbar-thumb: #2f4b53;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #1b3036;
  --ts-skeleton-shine: #26424a;
}
html[data-ts-theme=sunset] {
  --ts-primary: #f0653c;
  --ts-primary-hover: #f27854;
  --ts-primary-active: #f48a6b;
  --ts-primary-soft: rgba(240, 101, 60, 0.12);
  --ts-primary-contrast: #2a1410;
  --ts-primary-text: #b9421a;
  --ts-accent: #f5a623;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(240, 101, 60, 0.28);
  --ts-glow: rgba(240, 101, 60, 0.35);
  --ts-bg: #fbf6f2;
  --ts-surface: #ffffff;
  --ts-surface-2: #fbf7f4;
  --ts-surface-3: #f6efea;
  --ts-surface-hover: #f4ebe4;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(240, 101, 60, 0.08), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(245, 166, 35, 0.07), transparent 62%);
  --ts-border: #ecdfd5;
  --ts-border-strong: #d8c6b9;
  --ts-divider: #f0e6de;
  --ts-text: #2a1f1a;
  --ts-text-muted: #6b5c53;
  --ts-text-light: #7b6f68;
  --ts-heading: #1f1410;
  --ts-link: #b9421a;
  --ts-sidebar-bg: #fffdfb;
  --ts-sidebar-border: #eee2d9;
  --ts-sidebar-text: #5c4d45;
  --ts-sidebar-text-active: #b9421a;
  --ts-sidebar-hover: #faf0e9;
  --ts-sidebar-active: #fdeadf;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(240, 101, 60, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 2px rgba(46, 30, 25, 0.06);
  --ts-shadow-sm: 0 1px 3px rgba(46, 30, 25, 0.08), 0 1px 2px rgba(46, 30, 25, 0.05);
  --ts-shadow-md: 0 4px 12px -2px rgba(46, 30, 25, 0.12), 0 2px 4px rgba(46, 30, 25, 0.06);
  --ts-shadow-lg: 0 16px 40px -8px rgba(46, 30, 25, 0.2), 0 4px 12px rgba(46, 30, 25, 0.08);
  --ts-shadow-glow: 0 4px 14px -2px rgba(240, 101, 60, 0.35);
  --ts-selection-bg: rgba(240, 101, 60, 0.22);
  --ts-scrollbar-thumb: #d8c8bc;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #f0e5dc;
  --ts-skeleton-shine: #fdf9f6;
}
html[data-ts-theme=sunset][data-theme=dark] {
  --ts-primary: #ff8a65;
  --ts-primary-hover: #ff9d7e;
  --ts-primary-active: #ffb198;
  --ts-primary-soft: rgba(255, 138, 101, 0.16);
  --ts-primary-contrast: #1a1210;
  --ts-primary-text: #ff8a65;
  --ts-accent: #f472b6;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(255, 138, 101, 0.28);
  --ts-glow: rgba(255, 138, 101, 0.35);
  --ts-bg: #1a1412;
  --ts-surface: #221a17;
  --ts-surface-2: #2a201c;
  --ts-surface-3: #322721;
  --ts-surface-hover: #3a2d27;
  --ts-surface-glass: rgba(34, 26, 23, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(255, 138, 101, 0.1), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(244, 114, 182, 0.08), transparent 62%);
  --ts-border: #3e302a;
  --ts-border-strong: #543f36;
  --ts-divider: #2e2420;
  --ts-text: #f2eae5;
  --ts-text-muted: #b5a69d;
  --ts-text-light: #95877e;
  --ts-heading: #fbf6f2;
  --ts-link: #ffa285;
  --ts-sidebar-bg: #140f0d;
  --ts-sidebar-border: #261d19;
  --ts-sidebar-text: #b9aaa1;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #211a17;
  --ts-sidebar-active: #33231c;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(255, 138, 101, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md: 0 6px 16px -2px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.4);
  --ts-shadow-lg: 0 20px 48px -8px rgba(0, 0, 0, 0.7), 0 4px 12px rgba(0, 0, 0, 0.45);
  --ts-shadow-glow: 0 6px 18px -2px rgba(255, 138, 101, 0.35);
  --ts-selection-bg: rgba(255, 138, 101, 0.32);
  --ts-scrollbar-thumb: #4a3a33;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #2e2420;
  --ts-skeleton-shine: #3c2f29;
}
html[data-ts-theme=forest] {
  --ts-primary: #2f9e5f;
  --ts-primary-hover: #35b26b;
  --ts-primary-active: #3bc577;
  --ts-primary-soft: rgba(47, 158, 95, 0.12);
  --ts-primary-contrast: #0f1712;
  --ts-primary-text: #1f7a46;
  --ts-accent: #84cc16;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(47, 158, 95, 0.28);
  --ts-glow: rgba(47, 158, 95, 0.35);
  --ts-bg: #f2f7f3;
  --ts-surface: #ffffff;
  --ts-surface-2: #f4f9f5;
  --ts-surface-3: #edf4ee;
  --ts-surface-hover: #e8f1ea;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(47, 158, 95, 0.08), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(132, 204, 22, 0.07), transparent 62%);
  --ts-border: #dbe6dd;
  --ts-border-strong: #bfd1c3;
  --ts-divider: #e5eee7;
  --ts-text: #172219;
  --ts-text-muted: #566459;
  --ts-text-light: #69756e;
  --ts-heading: #0f1a12;
  --ts-link: #1f7a46;
  --ts-sidebar-bg: #fbfdfb;
  --ts-sidebar-border: #dfe9e1;
  --ts-sidebar-text: #475a4c;
  --ts-sidebar-text-active: #1f7a46;
  --ts-sidebar-hover: #eef5ef;
  --ts-sidebar-active: #e2f2e6;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(47, 158, 95, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 2px rgba(25, 46, 34, 0.06);
  --ts-shadow-sm: 0 1px 3px rgba(25, 46, 34, 0.08), 0 1px 2px rgba(25, 46, 34, 0.05);
  --ts-shadow-md: 0 4px 12px -2px rgba(25, 46, 34, 0.12), 0 2px 4px rgba(25, 46, 34, 0.06);
  --ts-shadow-lg: 0 16px 40px -8px rgba(25, 46, 34, 0.2), 0 4px 12px rgba(25, 46, 34, 0.08);
  --ts-shadow-glow: 0 4px 14px -2px rgba(47, 158, 95, 0.35);
  --ts-selection-bg: rgba(47, 158, 95, 0.22);
  --ts-scrollbar-thumb: #c0d0c4;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #e4ede6;
  --ts-skeleton-shine: #f7fbf8;
}
html[data-ts-theme=forest][data-theme=dark] {
  --ts-primary: #4ade80;
  --ts-primary-hover: #60e28f;
  --ts-primary-active: #75e69e;
  --ts-primary-soft: rgba(74, 222, 128, 0.16);
  --ts-primary-contrast: #08130b;
  --ts-primary-text: #4ade80;
  --ts-accent: #a3e635;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(74, 222, 128, 0.28);
  --ts-glow: rgba(74, 222, 128, 0.35);
  --ts-bg: #0f1712;
  --ts-surface: #152019;
  --ts-surface-2: #1a281f;
  --ts-surface-3: #1f3025;
  --ts-surface-hover: #24382b;
  --ts-surface-glass: rgba(21, 32, 25, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(74, 222, 128, 0.1), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(163, 230, 53, 0.08), transparent 62%);
  --ts-border: #283f30;
  --ts-border-strong: #375442;
  --ts-divider: #203026;
  --ts-text: #e4ede6;
  --ts-text-muted: #96aa9c;
  --ts-text-light: #7e9085;
  --ts-heading: #f2f8f3;
  --ts-link: #6ee7a0;
  --ts-sidebar-bg: #0a120d;
  --ts-sidebar-border: #182419;
  --ts-sidebar-text: #9fb3a5;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #131f16;
  --ts-sidebar-active: #163224;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(74, 222, 128, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md: 0 6px 16px -2px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.4);
  --ts-shadow-lg: 0 20px 48px -8px rgba(0, 0, 0, 0.7), 0 4px 12px rgba(0, 0, 0, 0.45);
  --ts-shadow-glow: 0 6px 18px -2px rgba(74, 222, 128, 0.35);
  --ts-selection-bg: rgba(74, 222, 128, 0.32);
  --ts-scrollbar-thumb: #33493a;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #1d2d22;
  --ts-skeleton-shine: #294035;
}
html[data-ts-theme=midnight] {
  --ts-primary: #5e61f1;
  --ts-primary-hover: #4245ef;
  --ts-primary-active: #262aec;
  --ts-primary-soft: rgba(94, 97, 241, 0.12);
  --ts-primary-contrast: #ffffff;
  --ts-primary-text: #4f52f1;
  --ts-accent: #0c86a8;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(94, 97, 241, 0.28);
  --ts-glow: rgba(94, 97, 241, 0.35);
  --ts-bg: #f1f2f8;
  --ts-surface: #ffffff;
  --ts-surface-2: #f5f6fb;
  --ts-surface-3: #eeeff7;
  --ts-surface-hover: #e9ebf5;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(94, 97, 241, 0.08), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(12, 134, 168, 0.07), transparent 62%);
  --ts-border: #e0e2ee;
  --ts-border-strong: #c5c9dd;
  --ts-divider: #e8eaf3;
  --ts-text: #1c1f2e;
  --ts-text-muted: #5c6075;
  --ts-text-light: #6c7081;
  --ts-heading: #12152a;
  --ts-link: #4f52f1;
  --ts-sidebar-bg: #fbfbfe;
  --ts-sidebar-border: #e3e5f0;
  --ts-sidebar-text: #4d5168;
  --ts-sidebar-text-active: #4f52f1;
  --ts-sidebar-hover: #f0f1f9;
  --ts-sidebar-active: #e9e9fd;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(94, 97, 241, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 2px rgba(25, 25, 46, 0.06);
  --ts-shadow-sm: 0 1px 3px rgba(25, 25, 46, 0.08), 0 1px 2px rgba(25, 25, 46, 0.05);
  --ts-shadow-md: 0 4px 12px -2px rgba(25, 25, 46, 0.12), 0 2px 4px rgba(25, 25, 46, 0.06);
  --ts-shadow-lg: 0 16px 40px -8px rgba(25, 25, 46, 0.2), 0 4px 12px rgba(25, 25, 46, 0.08);
  --ts-shadow-glow: 0 4px 14px -2px rgba(94, 97, 241, 0.35);
  --ts-selection-bg: rgba(94, 97, 241, 0.22);
  --ts-scrollbar-thumb: #c7cadb;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #e6e8f2;
  --ts-skeleton-shine: #f9f9fd;
}
html[data-ts-theme=midnight][data-theme=dark] {
  --ts-primary: #818cf8;
  --ts-primary-hover: #99a2f9;
  --ts-primary-active: #b1b8fb;
  --ts-primary-soft: rgba(129, 140, 248, 0.16);
  --ts-primary-contrast: #0b0e1a;
  --ts-primary-text: #818cf8;
  --ts-accent: #22d3ee;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(129, 140, 248, 0.28);
  --ts-glow: rgba(129, 140, 248, 0.35);
  --ts-bg: #0b0e1a;
  --ts-surface: #121629;
  --ts-surface-2: #171c33;
  --ts-surface-3: #1c223d;
  --ts-surface-hover: #212847;
  --ts-surface-glass: rgba(18, 22, 41, 0.78);
  --ts-canvas-decoration: radial-gradient(900px 560px at -8% -12%, rgba(129, 140, 248, 0.1), transparent 62%), radial-gradient(760px 520px at 108% 112%, rgba(34, 211, 238, 0.08), transparent 62%);
  --ts-border: #262d4d;
  --ts-border-strong: #363e64;
  --ts-divider: #1e2440;
  --ts-text: #e4e6f5;
  --ts-text-muted: #9a9fc0;
  --ts-text-light: #7e83a5;
  --ts-heading: #f4f5fc;
  --ts-link: #a5b4fc;
  --ts-sidebar-bg: #080b16;
  --ts-sidebar-border: #171c30;
  --ts-sidebar-text: #a3a8c8;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #11162a;
  --ts-sidebar-active: #1a2047;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(129, 140, 248, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md:
    0 6px 16px -2px rgba(0, 0, 0, 0.55),
    0 2px 4px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(129, 140, 248, 0.08);
  --ts-shadow-lg:
    0 20px 48px -8px rgba(0, 0, 0, 0.7),
    0 4px 12px rgba(0, 0, 0, 0.45),
    0 0 40px -12px rgba(129, 140, 248, 0.3);
  --ts-shadow-glow: 0 6px 18px -2px rgba(129, 140, 248, 0.35);
  --ts-selection-bg: rgba(129, 140, 248, 0.32);
  --ts-scrollbar-thumb: #343b62;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #1c2240;
  --ts-skeleton-shine: #282f55;
}
html[data-ts-theme=graphite] {
  --ts-primary: #1f2937;
  --ts-primary-hover: #111827;
  --ts-primary-active: #0b1220;
  --ts-primary-soft: rgba(31, 41, 55, 0.12);
  --ts-primary-contrast: #ffffff;
  --ts-primary-text: #1f2937;
  --ts-accent: #6b7280;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(31, 41, 55, 0.28);
  --ts-glow: rgba(31, 41, 55, 0.35);
  --ts-bg: #f5f5f7;
  --ts-surface: #ffffff;
  --ts-surface-2: #f7f7f8;
  --ts-surface-3: #f1f1f3;
  --ts-surface-hover: #ececef;
  --ts-surface-glass: rgba(255, 255, 255, 0.78);
  --ts-canvas-decoration: none;
  --ts-border: #e4e4e8;
  --ts-border-strong: #cbcbd2;
  --ts-divider: #ebebee;
  --ts-text: #1c1c21;
  --ts-text-muted: #5c5c66;
  --ts-text-light: #717179;
  --ts-heading: #111114;
  --ts-link: #1f2937;
  --ts-sidebar-bg: #fafafb;
  --ts-sidebar-border: #e6e6ea;
  --ts-sidebar-text: #4a4a54;
  --ts-sidebar-text-active: #111114;
  --ts-sidebar-hover: #f0f0f3;
  --ts-sidebar-active: #e8e8ec;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(31, 41, 55, 0.12);
  --ts-success: #15803d;
  --ts-success-soft: rgba(21, 128, 61, 0.14);
  --ts-warning: #b45309;
  --ts-warning-soft: rgba(180, 83, 9, 0.14);
  --ts-danger: #dc2626;
  --ts-danger-soft: rgba(220, 38, 38, 0.14);
  --ts-info: #0369a1;
  --ts-info-soft: rgba(3, 105, 161, 0.14);
  --ts-shadow-xs: 0 1px 1px rgba(25, 34, 46, 0.04);
  --ts-shadow-sm: 0 1px 2px rgba(25, 34, 46, 0.05);
  --ts-shadow-md: 0 2px 6px rgba(25, 34, 46, 0.07);
  --ts-shadow-lg: 0 8px 24px -6px rgba(25, 34, 46, 0.14);
  --ts-shadow-glow: 0 2px 8px -2px rgba(31, 41, 55, 0.25);
  --ts-selection-bg: rgba(31, 41, 55, 0.22);
  --ts-scrollbar-thumb: #cdcdd4;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #ebebee;
  --ts-skeleton-shine: #f9f9fa;
}
html[data-ts-theme=graphite][data-theme=dark] {
  --ts-primary: #e5e7eb;
  --ts-primary-hover: #f3f4f6;
  --ts-primary-active: #ffffff;
  --ts-primary-soft: rgba(229, 231, 235, 0.16);
  --ts-primary-contrast: #111318;
  --ts-primary-text: #e5e7eb;
  --ts-accent: #9ca3af;
  --ts-gradient: linear-gradient(135deg, var(--ts-primary), var(--ts-accent));
  --ts-focus-ring: rgba(229, 231, 235, 0.28);
  --ts-glow: rgba(229, 231, 235, 0.35);
  --ts-bg: #0e0f12;
  --ts-surface: #16171b;
  --ts-surface-2: #1b1c21;
  --ts-surface-3: #212227;
  --ts-surface-hover: #26272d;
  --ts-surface-glass: rgba(22, 23, 27, 0.78);
  --ts-canvas-decoration: none;
  --ts-border: #2a2b32;
  --ts-border-strong: #3a3b44;
  --ts-divider: #222329;
  --ts-text: #e6e6ea;
  --ts-text-muted: #9c9ca6;
  --ts-text-light: #86868f;
  --ts-heading: #f5f5f7;
  --ts-link: #e5e7eb;
  --ts-sidebar-bg: #0a0b0d;
  --ts-sidebar-border: #1d1e23;
  --ts-sidebar-text: #a3a3ad;
  --ts-sidebar-text-active: #ffffff;
  --ts-sidebar-hover: #141519;
  --ts-sidebar-active: #232429;
  --ts-sidebar-indicator: linear-gradient(180deg, var(--ts-primary), var(--ts-accent));
  --ts-sidebar-header-bg: rgba(229, 231, 235, 0.2);
  --ts-success: #4ade80;
  --ts-success-soft: rgba(74, 222, 128, 0.18);
  --ts-warning: #fbbf24;
  --ts-warning-soft: rgba(251, 191, 36, 0.18);
  --ts-danger: #f87171;
  --ts-danger-soft: rgba(248, 113, 113, 0.18);
  --ts-info: #38bdf8;
  --ts-info-soft: rgba(56, 189, 248, 0.18);
  --ts-shadow-xs: 0 1px 1px rgba(0, 0, 0, 0.3);
  --ts-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --ts-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.4);
  --ts-shadow-lg: 0 10px 28px -6px rgba(0, 0, 0, 0.55);
  --ts-shadow-glow: 0 2px 8px -2px rgba(229, 231, 235, 0.2);
  --ts-selection-bg: rgba(229, 231, 235, 0.32);
  --ts-scrollbar-thumb: #3a3b44;
  --ts-scrollbar-track: transparent;
  --ts-skeleton: #202127;
  --ts-skeleton-shine: #2b2c33;
}
body.ts-login {
  --tl-speed: 1;
  --tl-primary: var(--ts-primary, #2f6ae6);
  --tl-accent: var(--ts-accent, #7454f2);
  --tl-primary-text: var(--ts-primary-text, #2061e3);
  --tl-contrast: var(--ts-primary-contrast, #ffffff);
  --tl-focus: var(--ts-focus-ring, rgba(47, 106, 230, 0.28));
  --tl-glow: var(--ts-glow, rgba(47, 106, 230, 0.35));
  --tl-bg: var(--ts-bg, #f3f5fb);
  --tl-surface: var(--ts-surface, #ffffff);
  --tl-surface-3: var(--ts-surface-3, #f0f3fa);
  --tl-border: var(--ts-border, #e2e7f1);
  --tl-border-strong: var(--ts-border-strong, #c6cfdf);
  --tl-text: var(--ts-text, #1e2433);
  --tl-muted: var(--ts-text-muted, #5d6577);
  --tl-heading: var(--ts-heading, #131a2a);
  --tl-danger: var(--ts-danger, #dc2626);
  --tl-danger-soft: var(--ts-danger-soft, rgba(220, 38, 38, 0.12));
  --tl-success: var(--ts-success, #15803d);
  --tl-success-soft: var(--ts-success-soft, rgba(21, 128, 61, 0.12));
  --tl-danger-ink: color-mix(in srgb, var(--tl-danger) 78%, #000000);
  --tl-success-ink: color-mix(in srgb, var(--tl-success) 82%, #000000);
  --tl-deep: #0b1020;
  --tl-brand-a: color-mix(in srgb, var(--tl-primary) 72%, var(--tl-deep));
  --tl-brand-b: color-mix(in srgb, var(--tl-accent) 66%, var(--tl-deep));
  --tl-radius: 12px;
  --tl-radius-lg: 18px;
  --tl-radius-xl: 24px;
  --tl-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tl-dur-fast: calc(160ms * var(--tl-speed));
  --tl-dur: calc(560ms * var(--tl-speed));
  --tl-step: calc(70ms * var(--tl-speed));
  --tl-drift: calc(24s * var(--tl-speed));
  --tl-spin: calc(800ms * var(--tl-speed));
  background-color: var(--tl-bg);
  color: var(--tl-text);
}
body.ts-login.ts-login-speed-fast {
  --tl-speed: 0.7;
}
body.ts-login.ts-login-speed-relaxed {
  --tl-speed: 1.35;
}
body.ts-login.ts-login-radius-compact {
  --tl-radius: 8px;
  --tl-radius-lg: 12px;
  --tl-radius-xl: 16px;
}
body.ts-login.ts-login-radius-xrounded {
  --tl-radius: 14px;
  --tl-radius-lg: 22px;
  --tl-radius-xl: 30px;
}
body.ts-login.ts-login-motion-off {
  --tl-speed: 0;
}
@media (prefers-reduced-motion: reduce) {
  body.ts-login {
    --tl-speed: 0;
  }
}
body.ts-login #page-login {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
}
@media (min-width: 992px) {
  body.ts-login #page-login {
    display: grid;
    grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
  }
}
body.ts-login #page-login .page-breadcrumbs,
body.ts-login #page-login .page-header-wrapper,
body.ts-login #page-login .page-footer:empty {
  display: none;
}
body.ts-login #page-login .page-content-wrapper {
  position: relative;
  isolation: isolate;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100svh;
  padding: 48px 24px 28px;
  overflow: hidden;
}
body.ts-login #page-login .page-content-wrapper::before,
body.ts-login #page-login .page-content-wrapper::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
body.ts-login #page-login .page-content-wrapper::before {
  inset: -20% -10% auto auto;
  width: 70%;
  aspect-ratio: 1;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--tl-primary) 16%, transparent), transparent);
  animation: ts-login-float var(--tl-drift) var(--tl-ease) infinite alternate;
}
body.ts-login #page-login .page-content-wrapper::after {
  inset: 0;
  background-image: radial-gradient(color-mix(in srgb, var(--tl-primary) 22%, transparent) 1px, transparent 1.4px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000 0%, transparent 70%);
  mask-image: radial-gradient(ellipse at 70% 30%, #000 0%, transparent 70%);
  opacity: 0.55;
}
body.ts-login #page-login main.container {
  width: 100%;
  max-width: 440px;
  padding: 0;
  margin: 0 auto;
}
body.ts-login #page-login .page_content {
  padding: 0;
}
body.ts-login .ts-login-brand {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 28px 22px 84px;
  color: #ffffff;
  background: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tl-primary) 55%, transparent), transparent 60%), linear-gradient(150deg, var(--tl-brand-a) 0%, var(--tl-brand-b) 100%);
}
@media (min-width: 992px) {
  body.ts-login .ts-login-brand {
    position: sticky;
    top: 0;
    justify-content: space-between;
    height: 100vh;
    height: 100svh;
    padding: 48px clamp(36px, 5vw, 76px) 40px;
  }
}
body.ts-login .ts-login-brand .ts-login-layer {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
body.ts-login .ts-login-brand .ts-login-blob {
  width: 46vmax;
  height: 46vmax;
  border-radius: 50%;
  filter: blur(48px);
  opacity: 0.55;
  mix-blend-mode: screen;
  animation: ts-login-drift var(--tl-drift) var(--tl-ease) infinite alternate;
}
body.ts-login .ts-login-brand .ts-login-blob.is-a {
  inset: -18vmax auto auto -14vmax;
  background: radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--tl-primary) 80%, #ffffff), transparent 68%);
}
body.ts-login .ts-login-brand .ts-login-blob.is-b {
  inset: auto -16vmax -20vmax auto;
  background: radial-gradient(circle at 60% 40%, color-mix(in srgb, var(--tl-accent) 85%, #ffffff), transparent 66%);
  animation-duration: calc(var(--tl-drift) * 1.25);
  animation-direction: alternate-reverse;
}
body.ts-login .ts-login-brand .ts-login-blob.is-c {
  inset: 30% auto auto 40%;
  width: 26vmax;
  height: 26vmax;
  opacity: 0.35;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.7), transparent 70%);
  animation-duration: calc(var(--tl-drift) * 0.8);
}
body.ts-login .ts-login-brand .ts-login-halo {
  inset: 50% auto auto 50%;
  width: 120vmax;
  height: 120vmax;
  margin: -60vmax 0 0 -60vmax;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(255, 255, 255, 0.07) 40deg, transparent 90deg, rgba(255, 255, 255, 0.05) 200deg, transparent 260deg);
  animation: ts-login-spin calc(var(--tl-drift) * 3) linear infinite;
}
body.ts-login .ts-login-brand .ts-login-grid {
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 36px 36px;
  -webkit-mask-image: radial-gradient(ellipse at 30% 40%, #000 10%, transparent 75%);
  mask-image: radial-gradient(ellipse at 30% 40%, #000 10%, transparent 75%);
}
body.ts-login .ts-login-brand .ts-login-brand-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
}
body.ts-login .ts-login-brand .ts-login-brand-logo {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
body.ts-login .ts-login-brand .ts-login-brand-logo img {
  max-width: 30px;
  max-height: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}
body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark {
  width: auto;
  height: auto;
  padding: 10px 16px;
  border-radius: 16px;
}
body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark img {
  width: auto;
  height: auto;
  max-width: 210px;
  max-height: 92px;
}
@media (max-width: 575.98px) {
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark {
    padding: 7px 11px;
    border-radius: 12px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark img {
    max-width: 132px;
    max-height: 58px;
  }
}
body.ts-login .ts-login-brand .ts-login-brand-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
body.ts-login .ts-login-brand .ts-login-brand-tag::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.25);
  animation: ts-login-pulse calc(2.4s * var(--tl-speed)) ease-in-out infinite;
}
body.ts-login .ts-login-brand .ts-login-brand-copy {
  max-width: 520px;
}
body.ts-login .ts-login-brand .ts-login-brand-copy h2 {
  margin: 0 0 12px;
  color: #ffffff;
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 1);
}
body.ts-login .ts-login-brand .ts-login-brand-copy p {
  margin: 0;
  max-width: 44ch;
  color: rgba(255, 255, 255, 0.86);
  font-size: 15px;
  line-height: 1.6;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 2);
}
body.ts-login .ts-login-brand .ts-login-points {
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}
body.ts-login .ts-login-brand .ts-login-points li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  font-weight: 500;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
}
body.ts-login .ts-login-brand .ts-login-points li:nth-child(1) {
  animation-delay: calc(var(--tl-step) * 3);
}
body.ts-login .ts-login-brand .ts-login-points li:nth-child(2) {
  animation-delay: calc(var(--tl-step) * 4);
}
body.ts-login .ts-login-brand .ts-login-points li:nth-child(3) {
  animation-delay: calc(var(--tl-step) * 5);
}
body.ts-login .ts-login-brand .ts-login-points li:nth-child(4) {
  animation-delay: calc(var(--tl-step) * 6);
}
body.ts-login .ts-login-brand .ts-login-points .ts-login-point-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}
body.ts-login .ts-login-brand .ts-login-points .ts-login-point-icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.ts-login .ts-login-brand .ts-login-brand-foot {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12.5px;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 7);
}
@media (min-width: 992px) and (max-height: 820px) {
  body.ts-login .ts-login-brand {
    gap: 18px;
    padding-top: 32px;
    padding-bottom: 28px;
  }
  body.ts-login .ts-login-brand .ts-login-points {
    display: none;
  }
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark {
    padding: 8px 13px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark img {
    max-width: 170px;
    max-height: 72px;
  }
}
@media (min-width: 992px) and (max-height: 680px) {
  body.ts-login .ts-login-brand {
    gap: 14px;
    padding-top: 22px;
    padding-bottom: 20px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-copy p {
    display: none;
  }
  body.ts-login .ts-login-brand .ts-login-brand-copy h2 {
    margin: 0;
    font-size: 30px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark {
    padding: 7px 11px;
    border-radius: 13px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-logo.is-wordmark img {
    max-width: 138px;
    max-height: 58px;
  }
}
@media (max-width: 991.98px) {
  body.ts-login .ts-login-brand .ts-login-brand-copy h2 {
    font-size: 24px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-copy p {
    font-size: 14px;
  }
  body.ts-login .ts-login-brand .ts-login-points,
  body.ts-login .ts-login-brand .ts-login-brand-foot {
    display: none;
  }
}
@media (max-width: 575.98px) {
  body.ts-login .ts-login-brand {
    padding: 22px 18px 76px;
    gap: 18px;
  }
  body.ts-login .ts-login-brand .ts-login-brand-copy p {
    display: none;
  }
  body.ts-login .ts-login-brand .ts-login-brand-copy h2 {
    margin: 0;
    font-size: 22px;
  }
}
body.ts-login .ts-login-growth {
  display: none;
}
@media (min-width: 992px) {
  body.ts-login .ts-login-growth {
    position: relative;
    display: grid;
    flex: 1 1 0;
    min-height: 0;
    place-items: center;
    container: tsgrowth/size;
  }
}
body.ts-login .ts-login-growth .ts-growth-card {
  width: min(360px, 100%);
  width: min(420px, 100cqw - 80px, (100cqh - 156px) * 2.08 + 40px);
}
@container tsgrowth (max-height: 260px) {
  body.ts-login .ts-login-growth .ts-growth-card {
    width: min(380px, 100cqw - 24px, (100cqh - 108px) * 2.08 + 40px);
  }
  body.ts-login .ts-login-growth .ts-growth-card .ts-growth-chip {
    display: none;
  }
}
@container tsgrowth (max-height: 185px) {
  body.ts-login .ts-login-growth .ts-growth-card {
    display: none;
  }
}
body.ts-login .ts-login-growth .ts-growth-card {
  position: relative;
  padding: 18px 20px 12px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 30px 60px -24px rgba(5, 10, 30, 0.55);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 2);
}
body.ts-login .ts-login-growth .ts-growth-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
body.ts-login .ts-login-growth .ts-growth-head-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.ts-login .ts-login-growth .ts-growth-label {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.ts-login .ts-login-growth .ts-growth-value-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
}
body.ts-login .ts-login-growth .ts-growth-value {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
body.ts-login .ts-login-growth .ts-growth-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(74, 222, 128, 0.18);
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, 0.45);
  color: #d1fae5;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  animation: ts-login-pop var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 10);
}
body.ts-login .ts-login-growth .ts-growth-pill svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.ts-login .ts-login-growth .ts-growth-chart {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
body.ts-login .ts-login-growth .ts-growth-grid line {
  stroke: rgba(255, 255, 255, 0.13);
  stroke-width: 1;
  stroke-dasharray: 3 5;
}
body.ts-login .ts-login-growth .ts-growth-grid line.is-base {
  stroke: rgba(255, 255, 255, 0.3);
  stroke-dasharray: none;
}
body.ts-login .ts-login-growth .ts-growth-bar {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: ts-growth-bar-in calc(760ms * var(--tl-speed)) var(--tl-ease-out) both, ts-growth-bar-live calc(4.2s * var(--tl-speed)) ease-in-out infinite;
  animation-delay: calc(var(--tl-step) * (4 + var(--i))), calc(var(--tl-step) * (4 + var(--i)) + 1.6s * var(--tl-speed));
}
body.ts-login .ts-login-growth .ts-growth-area {
  animation: ts-growth-fade calc(900ms * var(--tl-speed)) ease both;
  animation-delay: calc(var(--tl-step) * 12);
}
body.ts-login .ts-login-growth .ts-growth-line {
  fill: none;
  stroke: #4ade80;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  filter: drop-shadow(0 0 6px rgba(74, 222, 128, 0.7));
  animation: ts-growth-draw calc(1300ms * var(--tl-speed)) var(--tl-ease) both;
  animation-delay: calc(var(--tl-step) * 10);
}
body.ts-login .ts-login-growth .ts-growth-dot {
  fill: #ecfdf5;
  stroke: #22c55e;
  stroke-width: 3;
  transform-box: fill-box;
  transform-origin: center;
  animation: ts-login-pop calc(500ms * var(--tl-speed)) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 10 + 1.2s * var(--tl-speed));
}
body.ts-login .ts-login-growth .ts-growth-ring {
  fill: none;
  stroke: #4ade80;
  stroke-width: 2;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: ts-growth-ring calc(2.2s * var(--tl-speed)) ease-out infinite;
  animation-delay: calc(var(--tl-step) * 10 + 1.5s * var(--tl-speed));
}
body.ts-login .ts-login-growth .ts-growth-months {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 2px 1.75% 0 0.25%;
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}
body.ts-login .ts-login-growth .ts-growth-chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px 9px 9px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  color: #131a2a;
  box-shadow: 0 18px 36px -14px rgba(5, 10, 30, 0.6);
  white-space: nowrap;
  animation: ts-login-pop var(--tl-dur) var(--tl-ease-out) both, ts-growth-bob calc(5s * var(--tl-speed)) ease-in-out infinite;
}
body.ts-login .ts-login-growth .ts-growth-chip.is-orders {
  top: -20px;
  inset-inline-end: -30px;
  animation-delay: calc(var(--tl-step) * 12), calc(var(--tl-step) * 12 + 0.9s * var(--tl-speed));
}
body.ts-login .ts-login-growth .ts-growth-chip.is-customers {
  bottom: -24px;
  inset-inline-start: -34px;
  animation-delay: calc(var(--tl-step) * 13), calc(var(--tl-step) * 13 + 2.2s * var(--tl-speed));
}
body.ts-login .ts-login-growth .ts-growth-chip-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--tl-primary), var(--tl-accent));
  box-shadow: 0 8px 16px -8px var(--tl-glow);
}
body.ts-login .ts-login-growth .ts-growth-chip-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.ts-login .ts-login-growth .is-customers .ts-growth-chip-icon {
  background: linear-gradient(135deg, #22c55e, #15803d);
  box-shadow: 0 8px 16px -8px rgba(34, 197, 94, 0.6);
}
body.ts-login .ts-login-growth .ts-growth-chip-body {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
body.ts-login .ts-login-growth .ts-growth-chip-label {
  color: #5d6577;
  font-size: 11px;
  font-weight: 600;
}
body.ts-login .ts-login-growth .ts-growth-chip-value {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: #131a2a;
  font-size: 16px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
body.ts-login .ts-login-growth .ts-growth-chip-delta {
  color: #15803d;
  font-size: 11.5px;
  font-style: normal;
  font-weight: 700;
}
@keyframes ts-growth-bar-in {
  from {
    opacity: 0.2;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes ts-growth-bar-live {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.035);
  }
}
@keyframes ts-growth-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes ts-growth-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ts-growth-ring {
  0% {
    opacity: 0.85;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2.8);
  }
}
@keyframes ts-growth-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-7px);
  }
}
@media (max-width: 991.98px) {
  body.ts-login #page-login .page-content-wrapper {
    justify-content: flex-start;
    min-height: auto;
    margin-top: -56px;
    padding: 0 16px 28px;
    overflow: visible;
  }
  body.ts-login #page-login .page-content-wrapper::before,
  body.ts-login #page-login .page-content-wrapper::after {
    display: none;
  }
}
body.ts-login #page-login .login-content.page-card {
  position: relative;
  width: 100%;
  max-width: 440px;
  min-height: 0;
  margin: 0 auto;
  padding: 32px 30px 28px;
  border: 1px solid color-mix(in srgb, var(--tl-border) 85%, transparent);
  border-radius: var(--tl-radius-xl);
  background: linear-gradient(90deg, var(--tl-primary), var(--tl-accent)) top/100% 3px no-repeat, color-mix(in srgb, var(--tl-surface) 90%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 28px 56px -18px color-mix(in srgb, var(--tl-primary) 26%, rgba(16, 24, 40, 0.28));
  animation: ts-login-card-in var(--tl-dur) var(--tl-ease-out) both;
}
@media (max-width: 575.98px) {
  body.ts-login #page-login .login-content.page-card {
    max-width: 100%;
    min-height: 0;
    padding: 26px 20px 22px;
    border: 1px solid color-mix(in srgb, var(--tl-border) 85%, transparent);
    border-radius: var(--tl-radius-lg);
  }
}
body.ts-login #page-login .page-card-head {
  gap: 14px;
  margin-bottom: 22px;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 1);
}
body.ts-login #page-login .page-card-head img.app-logo {
  width: 52px;
  height: 52px;
  max-height: 52px;
  padding: 7px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 14px;
  background: var(--tl-surface);
  box-shadow: 0 0 0 1px var(--tl-border), 0 10px 24px -10px var(--tl-glow);
}
body.ts-login #page-login .page-card-head h4 {
  margin: 0;
  color: var(--tl-heading);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
body.ts-login #page-login .page-card-head .page-card-subtitle {
  margin-top: 6px;
  color: var(--tl-muted);
  font-size: 14px;
}
body.ts-login #page-login .page-card-body > .form-group,
body.ts-login #page-login .page-card-body > .login-success-banner {
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
}
body.ts-login #page-login .page-card-body > .form-group:nth-child(1),
body.ts-login #page-login .page-card-body > .login-success-banner:nth-child(1) {
  animation-delay: calc(var(--tl-step) * 2);
}
body.ts-login #page-login .page-card-body > .form-group:nth-child(2),
body.ts-login #page-login .page-card-body > .login-success-banner:nth-child(2) {
  animation-delay: calc(var(--tl-step) * 3);
}
body.ts-login #page-login .page-card-body > .form-group:nth-child(3),
body.ts-login #page-login .page-card-body > .login-success-banner:nth-child(3) {
  animation-delay: calc(var(--tl-step) * 4);
}
body.ts-login #page-login .page-card-body > .form-group:nth-child(4),
body.ts-login #page-login .page-card-body > .login-success-banner:nth-child(4) {
  animation-delay: calc(var(--tl-step) * 5);
}
body.ts-login #page-login .page-card-actions,
body.ts-login #page-login .sign-up-message,
body.ts-login #page-login .signup-disabled-message {
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 5);
}
body.ts-login #page-login .form-group {
  margin-bottom: 0;
}
body.ts-login #page-login .form-label {
  margin-bottom: 6px;
  color: var(--tl-text);
  font-size: 13px;
  font-weight: 600;
}
body.ts-login #page-login .form-control {
  height: 44px;
  border: 1px solid var(--tl-border);
  border-radius: var(--tl-radius);
  background-color: var(--tl-surface-3);
  color: var(--tl-text);
  font-size: 14px;
  box-shadow: none;
  transition:
    border-color var(--tl-dur-fast) var(--tl-ease),
    box-shadow var(--tl-dur-fast) var(--tl-ease),
    background-color var(--tl-dur-fast) var(--tl-ease);
}
body.ts-login #page-login .form-control::-moz-placeholder {
  color: color-mix(in srgb, var(--tl-muted) 80%, transparent);
}
body.ts-login #page-login .form-control::placeholder {
  color: color-mix(in srgb, var(--tl-muted) 80%, transparent);
}
body.ts-login #page-login .form-control:hover {
  border-color: var(--tl-border-strong);
}
body.ts-login #page-login .form-control:focus {
  border-color: var(--tl-primary);
  background-color: var(--tl-surface);
  box-shadow: 0 0 0 4px var(--tl-focus);
  outline: none;
}
body.ts-login #page-login .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--tl-surface) inset;
  -webkit-text-fill-color: var(--tl-text);
  caret-color: var(--tl-text);
}
body.ts-login #page-login .email-field,
body.ts-login #page-login .password-field {
  --icon-stroke: var(--tl-muted);
}
body.ts-login #page-login .email-field .field-icon,
body.ts-login #page-login .password-field .field-icon {
  transition: stroke var(--tl-dur-fast) var(--tl-ease);
}
body.ts-login #page-login .email-field:focus-within,
body.ts-login #page-login .password-field:focus-within {
  --icon-stroke: var(--tl-primary-text);
}
body.ts-login #page-login .email-field .form-control,
body.ts-login #page-login .password-field .form-control {
  padding-inline-start: 40px;
}
body.ts-login #page-login .password-field .form-control {
  padding-inline-end: 42px;
}
body.ts-login #page-login .toggle-password {
  border-radius: 8px;
  cursor: pointer;
  transition: background-color var(--tl-dur-fast) var(--tl-ease);
}
body.ts-login #page-login .toggle-password:hover {
  background-color: color-mix(in srgb, var(--tl-primary) 10%, transparent);
}
body.ts-login #page-login .forgot-password-message {
  margin-top: 8px;
}
body.ts-login #page-login .forgot-password-message a {
  color: var(--tl-primary-text);
  font-size: 13px;
  font-weight: 600;
}
body.ts-login #page-login a:not(.btn) {
  color: var(--tl-primary-text);
  text-decoration: none;
  text-underline-offset: 3px;
}
body.ts-login #page-login a:not(.btn):hover {
  text-decoration: underline;
}
body.ts-login #page-login .form-group.invalid .form-control {
  border-color: var(--tl-danger);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tl-danger) 16%, transparent);
}
body.ts-login #page-login .form-group.invalid .field-error {
  margin-top: 6px;
  color: var(--tl-danger-ink);
  font-size: 12.5px;
}
body.ts-login #page-login .login-error-banner,
body.ts-login #page-login .login-success-banner {
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  padding: 10px 12px;
  border-radius: var(--tl-radius);
  font-size: 13px;
  font-weight: 500;
  animation: ts-login-pop var(--tl-dur) var(--tl-ease-out) both;
}
body.ts-login #page-login .login-error-banner {
  border: 1px solid color-mix(in srgb, var(--tl-danger) 30%, transparent);
  background: var(--tl-danger-soft);
  color: var(--tl-danger-ink);
  --icon-stroke: var(--tl-danger-ink);
}
body.ts-login #page-login .login-success-banner {
  border: 1px solid color-mix(in srgb, var(--tl-success) 30%, transparent);
  background: var(--tl-success-soft);
  color: var(--tl-success-ink);
  --icon-stroke: var(--tl-success-ink);
}
body.ts-login #page-login .page-card-actions {
  gap: 10px;
  margin-top: 6px;
}
body.ts-login #page-login .page-card-actions .btn,
body.ts-login #page-login .signup-disabled-message .btn {
  position: relative;
  overflow: hidden;
  height: 44px;
  border-radius: var(--tl-radius);
  font-size: 14px;
  font-weight: 600;
  transition:
    transform var(--tl-dur-fast) var(--tl-ease),
    box-shadow var(--tl-dur-fast) var(--tl-ease),
    background-color var(--tl-dur-fast) var(--tl-ease),
    border-color var(--tl-dur-fast) var(--tl-ease);
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option),
body.ts-login #page-login .page-card-actions .btn-signup,
body.ts-login #page-login .page-card-actions .btn-primary,
body.ts-login #page-login .signup-disabled-message .btn-primary {
  border: none;
  background: linear-gradient(135deg, var(--tl-primary), var(--tl-accent));
  color: var(--tl-contrast);
  box-shadow: 0 12px 24px -12px var(--tl-glow), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option)::after,
body.ts-login #page-login .page-card-actions .btn-signup::after,
body.ts-login #page-login .page-card-actions .btn-primary::after,
body.ts-login #page-login .signup-disabled-message .btn-primary::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 -60%;
  width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: skewX(-18deg) translateX(0);
  pointer-events: none;
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option):hover:not(:disabled),
body.ts-login #page-login .page-card-actions .btn-signup:hover:not(:disabled),
body.ts-login #page-login .page-card-actions .btn-primary:hover:not(:disabled),
body.ts-login #page-login .signup-disabled-message .btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 16px 28px -12px var(--tl-glow), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option):hover:not(:disabled)::after,
body.ts-login #page-login .page-card-actions .btn-signup:hover:not(:disabled)::after,
body.ts-login #page-login .page-card-actions .btn-primary:hover:not(:disabled)::after,
body.ts-login #page-login .signup-disabled-message .btn-primary:hover:not(:disabled)::after {
  transform: skewX(-18deg) translateX(420%);
  transition: transform calc(700ms * var(--tl-speed)) var(--tl-ease);
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option):active:not(:disabled),
body.ts-login #page-login .page-card-actions .btn-signup:active:not(:disabled),
body.ts-login #page-login .page-card-actions .btn-primary:active:not(:disabled),
body.ts-login #page-login .signup-disabled-message .btn-primary:active:not(:disabled) {
  transform: translateY(0) scale(0.985);
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option):focus-visible,
body.ts-login #page-login .page-card-actions .btn-signup:focus-visible,
body.ts-login #page-login .page-card-actions .btn-primary:focus-visible,
body.ts-login #page-login .signup-disabled-message .btn-primary:focus-visible {
  outline: 2px solid var(--tl-primary-text);
  outline-offset: 2px;
}
body.ts-login #page-login .page-card-actions .btn-login:not(.btn-login-option):disabled,
body.ts-login #page-login .page-card-actions .btn-signup:disabled,
body.ts-login #page-login .page-card-actions .btn-primary:disabled,
body.ts-login #page-login .signup-disabled-message .btn-primary:disabled {
  opacity: 0.55;
  box-shadow: none;
  cursor: not-allowed;
}
body.ts-login #page-login .page-card-actions .btn-login-option,
body.ts-login #page-login .page-card-actions .btn-default:not(.btn-login) {
  border: 1px solid var(--tl-border);
  background: var(--tl-surface);
  color: var(--tl-text);
}
body.ts-login #page-login .page-card-actions .btn-login-option:hover,
body.ts-login #page-login .page-card-actions .btn-default:not(.btn-login):hover {
  border-color: var(--tl-border-strong);
  background: var(--tl-surface-3);
}
body.ts-login #page-login .page-card-actions .btn-login-option:focus-visible,
body.ts-login #page-login .page-card-actions .btn-default:not(.btn-login):focus-visible {
  outline: 2px solid var(--tl-primary-text);
  outline-offset: 2px;
}
body.ts-login #page-login .btn.ts-login-busy {
  color: transparent !important;
  pointer-events: none;
}
body.ts-login #page-login .btn.ts-login-busy::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid color-mix(in srgb, var(--tl-contrast) 35%, transparent);
  border-top-color: var(--tl-contrast);
  border-radius: 50%;
  animation: ts-login-spin max(var(--tl-spin), 1ms) linear infinite;
}
body.ts-login #page-login .resend-link,
body.ts-login #page-login .sign-up-message {
  color: var(--tl-muted);
  font-size: 13px;
}
body.ts-login #page-login .sign-up-message {
  margin-top: 18px;
}
body.ts-login .ts-login-powered {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 22px 0 0;
  color: var(--tl-muted);
  font-size: 12.5px;
  text-align: center;
  animation: ts-login-rise var(--tl-dur) var(--tl-ease-out) both;
  animation-delay: calc(var(--tl-step) * 7);
}
body.ts-login .ts-login-powered .ts-login-powered-mark {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--tl-primary), var(--tl-accent));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tl-primary) 18%, transparent);
}
body.ts-login .ts-login-powered a {
  color: var(--tl-primary-text);
  font-weight: 600;
  text-decoration: none;
  text-underline-offset: 3px;
  border-radius: 4px;
}
body.ts-login .ts-login-powered a:hover {
  text-decoration: underline;
}
body.ts-login .ts-login-powered a:focus-visible {
  outline: 2px solid var(--tl-primary-text);
  outline-offset: 2px;
}
@keyframes ts-login-card-in {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ts-login-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ts-login-pop {
  0% {
    opacity: 0;
    transform: scale(0.97);
  }
  60% {
    opacity: 1;
    transform: scale(1.01);
  }
  100% {
    transform: none;
  }
}
@keyframes ts-login-drift {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(6vmax, 4vmax, 0) scale(1.08);
  }
  100% {
    transform: translate3d(-4vmax, 7vmax, 0) scale(0.95);
  }
}
@keyframes ts-login-float {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-8%, 10%, 0);
  }
}
@keyframes ts-login-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ts-login-pulse {
  0%, 100% {
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.25);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(74, 222, 128, 0.08);
  }
}
/*# sourceMappingURL=thirvusoft_login.bundle.MRIOW53B.css.map */