:root{--gradient-primary:linear-gradient(100deg,#2b79c7,#4ef3c4);--gradient-insights:linear-gradient(100deg,#2b79c7,#f34ecc);--gradient-chart:linear-gradient(180deg,#005ddd,#95c2ff);--color-white:#ffffff;--color-gray-light:#f3f4f6;--color-gray-border:#e5e7eb;--color-gray-text:#6b7280;--color-gray-dark:#374151;--color-text-primary:#111827;--color-blue-primary:#2563eb;--color-blue-light:#eff6ff;--color-red-accent:#ef4444;--radius-md:10px;--radius-xl:20px;--radius-50:50%;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-score:120px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--opacity-subtle:0.2;--opacity-muted:0.9;--shadow-dropdown:0 4px 12px rgba(0,0,0,0.15);--color-overlay:rgba(255,255,255,0.75);--color-disabled-overlay:rgba(248,250,252,0.3)}.dark,:root.dark,[data-is-root-theme=true].dark{--color-white:#1a1a1a;--color-gray-light:#2a2a2a;--color-gray-border:#404040;--color-gray-text:#a0a0a0;--color-gray-dark:#d0d0d0;--color-text-primary:#f0f0f0;--color-blue-light:#1e3a5f;--shadow-dropdown:0 4px 12px rgba(0,0,0,0.4);--color-overlay:rgba(0,0,0,0.5);--color-disabled-overlay:rgba(30,35,45,0.26)}.card-gradient{background:var(--gradient-primary);border-radius:var(--radius-6);position:relative}.card-insights{background:var(--gradient-insights);border-radius:var(--radius-6);padding:var(--space-2);display:flex;flex-direction:column}.card-inner{background:white;border-radius:var(--radius-md)}.card-inner,.content-padded{padding:var(--space-5)}.badge,.content-white{color:white}.badge{background:rgba(255,255,255,var(--opacity-subtle));padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500;width:-moz-fit-content;width:fit-content;margin-bottom:var(--space-4)}.circle{border-radius:var(--radius-50)}.circle-md{width:var(--space-4);height:var(--space-4)}.circle-lg{width:32px;height:32px}.circle-xl{width:40px;height:40px}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.hover-bg{transition:background-color var(--transition-fast)}.hover-bg:hover{background-color:var(--gray-2)}.hover-bg-light{transition:background-color var(--transition-normal)}.hover-bg-light:hover{background-color:#f3f4f6}.text-large-score{font-size:var(--font-size-score);font-weight:800;line-height:1;margin:0}.text-heading{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1) 0}.text-subtitle{font-size:var(--font-size-sm);margin:0;opacity:var(--opacity-muted)}