.gth-loan-calculator .gth-loan-breakdown { margin-top: var(--gth-space-4); }
.gth-loan-calculator .gth-breakdown-bar { display: flex; height: 24px; border-radius: var(--gth-radius-md); overflow: hidden; margin-bottom: var(--gth-space-2); }
.gth-loan-calculator .gth-breakdown-principal { background: var(--gth-primary); transition: width 0.3s ease; }
.gth-loan-calculator .gth-breakdown-interest { background: var(--gth-warning); transition: width 0.3s ease; }
.gth-loan-calculator .gth-breakdown-legend { display: flex; justify-content: center; gap: var(--gth-space-4); flex-wrap: wrap; }
.gth-loan-calculator .gth-legend-item { display: flex; align-items: center; gap: var(--gth-space-1); font-size: var(--gth-text-sm); }
.gth-loan-calculator .gth-legend-color { width: 12px; height: 12px; border-radius: var(--gth-radius-sm); }
.gth-loan-calculator .gth-legend-color.gth-principal { background: var(--gth-primary); }
.gth-loan-calculator .gth-legend-color.gth-interest { background: var(--gth-warning); }
.gth-loan-calculator .gth-amortization { margin-top: var(--gth-space-4); }
.gth-loan-calculator .gth-amortization summary { cursor: pointer; padding: var(--gth-space-2); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-weight: var(--gth-font-medium); }
.gth-loan-calculator .gth-table-wrapper { max-height: 300px; overflow-y: auto; margin-top: var(--gth-space-2); }
.gth-loan-calculator .gth-table { width: 100%; border-collapse: collapse; font-size: var(--gth-text-sm); }
.gth-loan-calculator .gth-table th, .gth-loan-calculator .gth-table td { padding: var(--gth-space-2); text-align: right; border-bottom: 1px solid var(--gth-border-color); }
.gth-loan-calculator .gth-table th { background: var(--gth-bg-secondary); position: sticky; top: 0; }
.gth-loan-calculator .gth-table td:first-child, .gth-loan-calculator .gth-table th:first-child { text-align: left; }