.gth-investment-calculator .gth-result-primary { background: var(--gth-primary-subtle); }
.gth-investment-calculator .gth-investment-chart { margin-top: var(--gth-space-4); }
.gth-investment-calculator .gth-chart-bar { display: flex; height: 30px; border-radius: var(--gth-radius-md); overflow: hidden; }
.gth-investment-calculator .gth-chart-contributions { background: var(--gth-primary); transition: width 0.3s; }
.gth-investment-calculator .gth-chart-interest { background: var(--gth-success); transition: width 0.3s; }
.gth-investment-calculator .gth-chart-legend { display: flex; justify-content: center; gap: var(--gth-space-4); margin-top: var(--gth-space-2); font-size: var(--gth-text-sm); }
.gth-investment-calculator .gth-legend-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: var(--gth-space-1); }
.gth-investment-calculator .gth-legend-dot.gth-contrib { background: var(--gth-primary); }
.gth-investment-calculator .gth-legend-dot.gth-interest { background: var(--gth-success); }