.loan-card{background:#fff;border-radius:14px;padding:16px;max-width:900px;margin:auto}.loan-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.loan-header h5{margin:0;font-weight:600}.loan-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.summary-item{background:#f9fafb;padding:12px;border-radius:10px}.label{display:block;font-size:12px;color:#6b7280}.value{font-weight:600;font-size:15px}.loan-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:#1f2937;color:#fff;padding:14px;border-radius:12px;margin-bottom:20px}.loan-totals span{font-size:12px;opacity:.8}.loan-totals strong{display:block;font-size:16px}.paid{color:#22c55e}.pending{color:#f59e0b}.skipped{color:#6b7280}.section-title{margin-bottom:10px;font-weight:600}.repayment-list{display:grid;gap:12px}.repayment-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}.repayment-top{display:flex;justify-content:space-between;margin-bottom:10px}.emi{font-weight:600}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status.paid{background:#dcfce7;color:#166534}.status.pending{background:#fee2e2;color:#991b1b}.status.skipped{background:#e5e7eb;color:#374151}.repayment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.repayment-grid label{display:block;font-size:12px;color:#6b7280}.balance{color:#dc2626;font-weight:600}@media (max-width: 480px){.loan-card{padding:12px}.loan-totals{text-align:center}}.loan-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#1f2937;color:#fff;padding:14px;border-radius:12px;margin-bottom:20px}.loan-totals div{text-align:center;min-width:0}.loan-totals strong{display:block;font-size:16px;word-break:break-word}@media (max-width: 640px){.loan-totals{grid-template-columns:1fr;text-align:center}.loan-totals div{padding:6px 0}}.loan-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#1f2937;color:#fff;padding:14px;border-radius:14px;margin-bottom:20px}.total-item{text-align:center}.total-item i{font-size:16px;margin-bottom:4px;color:#9ca3af}.total-item .label{display:block;font-size:12px;opacity:.8}.total-item strong{display:block;font-size:16px}@media (max-width: 640px){.total-item .label{display:none}.total-item i{font-size:18px;margin-bottom:2px}.loan-totals{padding:10px;border-radius:0}}