.loan-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 24px;color:var(--muted);font-size:13px}.loan-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.loan-balances>div{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.loan-balances small,.loan-balances strong{display:block}.loan-balances small{color:var(--muted);margin-bottom:6px}.loan-detail h3{margin:24px 0 12px}.loan-reason{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:12px;border-radius:8px}.loan-history p{padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.loan-history small,.loan-detail td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.loan-confirm{display:flex;align-items:center;gap:10px;margin:18px 0}.loan-confirm input{width:18px;height:18px}.loan-active,.loan-approved{color:#14532d;background:#dcfce7}.loan-pending{color:#854d0e;background:#fef9c3}.loan-repaid{color:#1e40af;background:#dbeafe}.loan-rejected,.loan-cancelled{color:#475569;background:#e2e8f0}@media(max-width:640px){.loan-balances{grid-template-columns:1fr}.loan-intro{align-items:flex-start;flex-direction:column}.loan-detail .table-scroll{max-width:100%}}
