.loan-report{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-metrics>div{padding:14px;background:#f6f8fb;border:1px solid var(--line);border-radius:8px}.report-metrics span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase}.report-metrics strong{font-size:17px}.progress-row{display:grid;grid-template-columns:75px 1fr 45px;align-items:center;gap:10px;margin:16px 0;font-size:12px}.progress-row progress{width:100%;height:10px;accent-color:var(--blue)}.progress-row progress.interest{accent-color:#e59a2f}.loan-report h3{font-size:16px;margin-top:24px}.loan-report canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.table-scroll{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:8px}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.table-scroll th,.table-scroll td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:right}.table-scroll th:first-child,.table-scroll td:first-child{text-align:left}.table-scroll thead{position:sticky;top:0;background:#f6f8fb}@media(max-width:560px){.report-metrics{grid-template-columns:1fr}}