:root{--he-blau: #14315b;--he-blau-75: color-mix(in srgb, #14315b 75%, transparent);--he-blau-50: color-mix(in srgb, #14315b 50%, transparent);--he-blau-25: color-mix(in srgb, #14315b 25%, transparent);--he-grau: #6f7f93;--he-grau-75: color-mix(in srgb, #6f7f93 75%, transparent);--he-grau-50: color-mix(in srgb, #6f7f93 50%, transparent);--he-grau-25: color-mix(in srgb, #6f7f93 25%, transparent);--he-hellblau: #6a97ff;--he-hellblau-75: color-mix(in srgb, #6a97ff 75%, transparent);--he-hellblau-50: color-mix(in srgb, #6a97ff 50%, transparent);--he-hellblau-25: color-mix(in srgb, #6a97ff 25%, transparent);--he-weiss: #fbfbfb;--he-yellow: #ffb012;--he-yellow-75: color-mix(in srgb, #ffb012 75%, transparent);--he-yellow-50: color-mix(in srgb, #ffb012 50%, transparent);--he-yellow-25: color-mix(in srgb, #ffb012 25%, transparent);--he-red: #c83010;--he-red-75: color-mix(in srgb, #c83010 75%, transparent);--he-red-50: color-mix(in srgb, #c83010 50%, transparent);--he-red-25: color-mix(in srgb, #c83010 25%, transparent);--he-orange: #c2431c;--he-orange-75: color-mix(in srgb, #c2431c 75%, transparent);--he-orange-50: color-mix(in srgb, #c2431c 50%, transparent);--he-orange-25: color-mix(in srgb, #c2431c 25%, transparent);--he-sky: #0d8ba5;--he-sky-75: color-mix(in srgb, #0d8ba5 75%, transparent);--he-sky-50: color-mix(in srgb, #0d8ba5 50%, transparent);--he-sky-25: color-mix(in srgb, #0d8ba5 25%, transparent);--he-emerald: #00cfa6;--he-emerald-75: color-mix(in srgb, #00cfa6 75%, transparent);--he-emerald-50: color-mix(in srgb, #00cfa6 50%, transparent);--he-emerald-25: color-mix(in srgb, #00cfa6 25%, transparent);--he-purple: #8832ce;--he-purple-75: color-mix(in srgb, #8832ce 75%, transparent);--he-purple-50: color-mix(in srgb, #8832ce 50%, transparent);--he-purple-25: color-mix(in srgb, #8832ce 25%, transparent);--he-color-primary: var(--he-blau);--he-color-primary-hover: var(--he-hellblau);--he-color-accent: var(--he-hellblau);--he-color-muted: var(--he-grau);--he-color-success: var(--he-emerald);--he-color-warning: var(--he-yellow);--he-color-danger: var(--he-red);--he-color-info: var(--he-sky);--he-color-bg: #ffffff;--he-color-surface: var(--he-weiss);--he-color-surface-2: #eef1f5;--he-color-surface-3: #e2e7ed;--he-color-text: var(--he-blau);--he-color-text-secondary: var(--he-grau);--he-color-text-muted: var(--he-grau-75);--he-color-text-on-dark: #ffffff;--he-color-border: #dde3ea;--he-color-border-light: #eef1f5;--he-gradient: linear-gradient( 135deg, var(--he-blau) 0%, var(--he-hellblau) 100% );--he-gradient-subtle: linear-gradient( 135deg, var(--he-blau-25) 0%, var(--he-hellblau-25) 100% );--he-shadow-sm: 0 1px 2px rgba(20, 49, 91, .05);--he-shadow-md: 0 4px 12px rgba(20, 49, 91, .08);--he-shadow-lg: 0 8px 28px rgba(20, 49, 91, .12);--he-shadow-xl: 0 16px 48px rgba(20, 49, 91, .16);--he-glass-bg: rgba(255, 255, 255, .85);--he-glass-border: rgba(255, 255, 255, .4);--he-glass-shadow: var(--he-shadow-lg);--he-anim-fast: .15s;--he-anim-normal: .25s;--he-anim-slow: .4s;--he-ease-out: cubic-bezier(.16, 1, .3, 1);--he-ease-in-out: cubic-bezier(.4, 0, .2, 1);--he-sidebar-width: 240px;--he-header-height: 56px;--he-radius-sm: 6px;--he-radius-md: 8px;--he-radius-lg: 12px;--he-radius-xl: 16px}[data-theme=dark]{--he-blau: #8bbfff;--he-blau-75: color-mix(in srgb, #8bbfff 75%, transparent);--he-blau-50: color-mix(in srgb, #8bbfff 50%, transparent);--he-blau-25: color-mix(in srgb, #8bbfff 25%, transparent);--he-grau: #a5abb3;--he-grau-75: color-mix(in srgb, #a5abb3 75%, transparent);--he-grau-50: color-mix(in srgb, #a5abb3 50%, transparent);--he-grau-25: color-mix(in srgb, #a5abb3 25%, transparent);--he-weiss: #2f363d;--he-color-bg: #252c33;--he-color-surface: #2f363d;--he-color-surface-2: #363e47;--he-color-surface-3: #3e474f;--he-color-text: #f4f6f7;--he-color-text-secondary: #a5abb3;--he-color-text-muted: color-mix(in srgb, #a5abb3 75%, transparent);--he-color-text-on-dark: #ffffff;--he-color-border: #3e474f;--he-color-border-light: #363e47;--he-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--he-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--he-shadow-lg: 0 8px 28px rgba(0, 0, 0, .3);--he-shadow-xl: 0 16px 48px rgba(0, 0, 0, .35);--he-glass-bg: rgba(47, 54, 61, .85);--he-glass-border: rgba(62, 71, 79, .4)}.he-card{background:var(--he-color-bg);border:1px solid var(--he-color-border-light);border-radius:var(--he-radius-lg);box-shadow:var(--he-shadow-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--he-grau-50);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--he-grau-75)}::-moz-selection{background:var(--he-hellblau-25);color:var(--he-blau)}::selection{background:var(--he-hellblau-25);color:var(--he-blau)}.he-focus-ring:focus-visible{outline:2px solid var(--he-hellblau);outline-offset:2px}