html{--lumo-font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono: 'JetBrains Mono','Fira Mono','Courier New',monospace;--lumo-font-size-xxxl: 3.75rem;--lumo-font-size-xxl: 2.25rem;--lumo-font-size-xl: 1.875rem;--lumo-font-size-l: 1.5rem;--lumo-font-size-m: 1.125rem;--lumo-font-size-s: 0.875rem;--lumo-font-size-xs: 0.75rem;--lumo-line-height-xs: 1.25;--lumo-line-height-s: 1.375;--lumo-line-height-m: 1.5;--lumo-base-color: #111827;--lumo-tint-5pct: rgba(255,255,255,0.03);--lumo-tint-10pct: rgba(255,255,255,0.06);--lumo-tint-20pct: rgba(255,255,255,0.12);--lumo-tint-30pct: rgba(255,255,255,0.18);--lumo-tint-40pct: rgba(255,255,255,0.24);--lumo-tint-50pct: rgba(255,255,255,0.32);--lumo-tint-80pct: rgba(255,255,255,0.56);--lumo-tint-90pct: rgba(255,255,255,0.72);--lumo-tint: #FFFFFF;--lumo-shade-5pct: rgba(0,0,0,0.05);--lumo-shade-10pct: rgba(0,0,0,0.10);--lumo-shade-20pct: rgba(0,0,0,0.20);--lumo-shade-40pct: rgba(0,0,0,0.40);--lumo-shade-50pct: rgba(0,0,0,0.50);--lumo-shade-60pct: rgba(0,0,0,0.60);--lumo-shade-80pct: rgba(0,0,0,0.80);--lumo-shade: #000000;--lumo-contrast-5pct: #1F2937;--lumo-contrast-10pct: #374151;--lumo-contrast-20pct: #4B5563;--lumo-contrast-30pct: #6B7280;--lumo-contrast-40pct: #99A1AF;--lumo-contrast-50pct: rgba(226,232,240,0.50);--lumo-contrast-60pct: rgba(226,232,240,0.60);--lumo-contrast-90pct: rgba(226,232,240,0.90);--lumo-contrast: #FFFFFF;--lumo-header-text-color: #FFFFFF;--lumo-body-text-color: #E2E8F0;--lumo-secondary-text-color: #99A1AF;--lumo-tertiary-text-color: #6B7280;--lumo-disabled-text-color: #4B5563;--lumo-primary-color: #22C55E;--lumo-primary-color-50pct: rgba(34,197,94,0.50);--lumo-primary-color-20pct: rgba(34,197,94,0.20);--lumo-primary-color-10pct: rgba(34,197,94,0.10);--lumo-primary-text-color: #16A34A;--lumo-primary-contrast-color: #FFFFFF;--lumo-error-color: #F87171;--lumo-error-color-50pct: rgba(248,113,113,0.50);--lumo-error-color-10pct: rgba(248,113,113,0.10);--lumo-error-text-color: #EF4444;--lumo-error-contrast-color: #FFFFFF;--lumo-success-color: #22C55E;--lumo-success-color-50pct: rgba(34,197,94,0.50);--lumo-success-color-10pct: rgba(34,197,94,0.10);--lumo-success-text-color: #16A34A;--lumo-success-contrast-color: #FFFFFF;--lumo-warning-color: #FBBF24;--lumo-warning-color-10pct: rgba(251,191,36,0.10);--lumo-warning-text-color: #F59E0B;--lumo-warning-contrast-color: #111827;--lumo-accent-blue: #60A5FA;--lumo-accent-blue-10pct: rgba(96,165,250,0.10);--lumo-accent-purple: #A78BFA;--lumo-accent-orange: #FB923C;--lumo-accent-red: #EF4444;--lumo-accent-yellow: #FBBF24;--lumo-space-xxs: 2px;--lumo-space-xs: 4px;--lumo-space-s: 8px;--lumo-space-m: 16px;--lumo-space-l: 24px;--lumo-space-xl: 32px;--lumo-space-2xl: 48px;--lumo-space-3xl: 64px;--lumo-size-xs: 1.625rem;--lumo-size-s: 1.875rem;--lumo-size-m: 2.25rem;--lumo-size-l: 2.75rem;--lumo-size-xl: 3.5rem;--lumo-border-radius-s: 4px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;--lumo-border-radius-xl: 16px;--lumo-box-shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.30);--lumo-box-shadow-s: 0 1px 3px 0 rgba(0,0,0,0.35),0 1px 2px -1px rgba(0,0,0,0.35);--lumo-box-shadow-m: 0 4px 6px -1px rgba(0,0,0,0.40),0 2px 4px -2px rgba(0,0,0,0.40);--lumo-box-shadow-l: 0 10px 15px -3px rgba(0,0,0,0.45),0 4px 6px -4px rgba(0,0,0,0.45);--lumo-box-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.50),0 8px 10px -6px rgba(0,0,0,0.50);--lumo-focus-color: rgba(34,197,94,0.40);--vaadin-background-color: #1F2937;--vaadin-border-color: #374151;--vaadin-border-color-secondary: rgba(55,65,81,0.50);--vaadin-text-color: #E2E8F0;--vaadin-text-color-secondary: #99A1AF;--vaadin-text-color-disabled: #4B5563;--vaadin-input-field-background: #1F2937;--vaadin-input-field-border-color: #374151;--vaadin-input-field-border-radius: var(--lumo-border-radius-m);--vaadin-input-field-value-color: #E2E8F0;--vaadin-fc-highlight-color: #22C55E;--vaadin-fc-highlight-text-color: #22C55E;--vaadin-card-background: var(--color-bg-card);--vaadin-card-border-color: var(--color-border);--vaadin-card-border-radius: var(--lumo-border-radius-l);--vaadin-card-shadow: none;--vaadin-card-padding: var(--lumo-space-m);--color-surface: #111827;--color-surface-raised: #1F2937;--color-surface-overlay: #263244;--color-surface-deep: #151d2b;--color-surface-footer: #0a0f16;--color-surface-navbar: rgba(10,17,32,0.82);--color-surface-touchnav: rgba(10,17,32,0.92);--color-bg-dark: #0D1522;--color-bg-card: #1F2937;--color-border: #374151;--color-border-subtle: rgba(55,65,81,0.50);--color-line-strong: rgba(255,255,255,0.14);--color-text-primary: #FFFFFF;--color-text-secondary: #99A1AF;--color-text-muted: #6B7280;--color-text-disabled: #4B5563;--color-text-input: #E5E7EB;--color-white: #FFFFFF;--color-gray: #99A1AF;--color-green: #22C55E;--color-primary-3: rgba(34,197,94,0.03);--color-primary-5: rgba(34,197,94,0.05);--color-primary-7: rgba(34,197,94,0.07);--color-primary-10: rgba(34,197,94,0.10);--color-primary-15: rgba(34,197,94,0.15);--color-primary-20: rgba(34,197,94,0.20);--color-primary-25: rgba(34,197,94,0.25);--color-primary-30: rgba(34,197,94,0.30);--color-primary-35: rgba(34,197,94,0.35);--color-primary-40: rgba(34,197,94,0.40);--color-primary-50: rgba(34,197,94,0.50);--color-primary-55: rgba(34,197,94,0.55);--badge-success-bg: rgba(34,197,94,0.15);--badge-success-color: #22C55E;--badge-success-border: rgba(34,197,94,0.30);--badge-error-bg: rgba(248,113,113,0.12);--badge-error-color: #F87171;--badge-error-border: rgba(248,113,113,0.30);--badge-warn-bg: rgba(251,191,36,0.12);--badge-warn-color: #FBBF24;--badge-warn-border: rgba(251,191,36,0.30);--badge-code-bg: rgba(59,130,246,0.15);--badge-code-color: #3B82F6;--badge-code-border: rgba(59,130,246,0.30);--badge-tech-bg: rgba(167,139,250,0.12);--badge-tech-color: #A78BFA;--badge-tech-border: rgba(167,139,250,0.30);--badge-hr-bg: rgba(251,146,60,0.12);--badge-hr-color: #FB923C;--badge-hr-border: rgba(251,146,60,0.30);--badge-learned-bg: rgba(59,130,246,0.12);--badge-learned-color: #3B82F6;--badge-learned-border: rgba(59,130,246,0.30);--badge-applied-bg: #3B82F6;--badge-applied-color: #FFFFFF;--badge-applied-border: #3B82F6;--badge-drag-over-bg: rgba(59,130,246,0.10);--color-nav-item-active: rgba(255,255,255,0.10);--color-nav-item-hover: rgba(255,255,255,0.06);--color-backdrop: rgba(0,0,0,0.55);--color-primary-contrast-text: #052E13;--color-auth-placeholder: rgba(255,255,255,0.40);--color-status-applied: #60A5FA;--color-status-applied-bg: rgba(96,165,250,0.15);--color-status-applied-border: rgba(96,165,250,0.30);--color-status-inprogress: #FBBF24;--color-status-inprogress-bg: rgba(251,191,36,0.15);--color-status-inprogress-border: rgba(251,191,36,0.30);--color-status-rejected: #F87171;--color-status-rejected-bg: rgba(248,113,113,0.12);--color-status-rejected-border: rgba(248,113,113,0.30);--color-status-accepted: #22C55E;--color-status-accepted-bg: rgba(34,197,94,0.12);--color-status-accepted-border: rgba(34,197,94,0.30);--z-base: 0;--z-content: 1;--z-scroll-arrow: 2;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--card-padding: var(--lumo-space-l);--card-radius: var(--lumo-border-radius-l);--card-bg: var(--color-surface-raised);--card-border: 1px solid var(--color-border);--btn-radius: var(--lumo-border-radius-m);--btn-padding-y: var(--lumo-space-s);--btn-padding-x: var(--lumo-space-m);--btn-font-size: var(--lumo-font-size-s)}