*{font-family:Roboto,sans-serif!important;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color)}:root{--background-color: #f8fafc;--text-color: #333;--background-color-2: #f8fafc;--text-color-2: #333;--route-color-1: #1c0046;--variant-color-1: #2e5ed6;--route-color-2: #1c1469;--variant-color-2: #1c1469b1;--route-color-3: #395ca7;--variant-color-3: #395ca7ab;--route-color-4: #2e5ed6;--variant-color-4: #2e5ed6a2;--title-color: #334155;--tagcolor-background-1: #f9c80e;--tagcolor-text-1: #92400e;--tagcolor-background-2: #2e5ed6;--tagcolor-text-2: #fff;--smaartcheck-green: #248238;--smaartcheck-variant-green: #218837e0;--navbar-background: linear-gradient(135deg, #1c1469 0%, #2e5ed6 100%);--navbar-text: #ffffff;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--text-secondary: #64748b;--accordion-title-color: var(--route-color-2);--info-box-background: rgba(255,255,255,.1);--info-box-text-color: #ffffff;--info-box-text-muted: rgba(255, 255, 255, .8);--input-text: #1e293b;--input-label: #64748b;--input-border: rgba(226, 232, 240, .8);--input-border-hover: #3b82f6;--input-border-focus: #3b82f6;--card-background: rgba(255, 255, 255, .95);--card-background-alt: rgba(255, 255, 255, .9);--card-background-light: rgba(248, 250, 252, .8);--card-background-solid: #ffffff;--overlay-background: rgba(15, 23, 42, .7);--modal-background: rgba(255, 255, 255, .95);--input-background: rgba(248, 250, 252, .8);--input-background-hover: rgba(248, 250, 252, .9);--input-background-focus: rgba(248, 250, 252, 1);--input-background-solid: #ffffff;--nav-item-background: rgba(255, 255, 255, .15);--nav-item-background-hover: rgba(255, 255, 255, .25);--nav-item-background-active: rgba(255, 255, 255, .2);--status-success-background: rgba(16, 185, 129, .1);--status-warning-background: rgba(251, 191, 36, .1);--status-error-background: rgba(239, 68, 68, .1);--status-info-background: rgba(59, 130, 246, .1);--status-neutral-background: rgba(148, 163, 184, .1);--badge-background: rgba(30, 64, 175, .05);--badge-background-hover: rgba(30, 64, 175, .1);--glassmorphism-background: rgba(255, 255, 255, .6);--section-background: rgba(236, 245, 255, .5);--divider-background: #94a3b8;--gradient-primary: linear-gradient(135deg, var(--route-color-2) 0%, var(--route-color-4) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--route-color-3) 0%, var(--route-color-2) 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .8) 100%);--gradient-card-alt: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--gradient-profile-header: linear-gradient(20deg, var(--route-color-2) 0%, var(--route-color-4) 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-success-hover: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-success-light: linear-gradient(135deg, rgba(16, 185, 129, .1) 0%, rgba(5, 150, 105, .05) 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-info-light: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(29, 78, 216, .05) 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-warning-light: linear-gradient(135deg, rgba(245, 158, 11, .1) 0%, rgba(217, 119, 6, .05) 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #3730a3 100%);--gradient-sky: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);--gradient-purple: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(124, 58, 237, .05) 100%);--gradient-error-light: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, rgba(220, 38, 38, .05) 100%);--gradient-neutral: linear-gradient(135deg, rgba(107, 114, 128, .1) 0%, rgba(75, 85, 99, .1) 100%);--modal-gradient: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .95) 100%);--modal-border: rgba(226, 232, 240, .8);--modal-header-gradient: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--modal-border-header: rgba(226, 232, 240, .6);--session-title-color: #1c1469}