.loan-page{display:flex;flex-direction:column;gap:16px;min-width:0}.loan-page p,.loan-page h2,.loan-page h3{margin:0}.loan-hero{background:#f1ebff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.loan-hero h2{font-size:23px;line-height:1.22;letter-spacing:-.5px}.loan-hero p{color:#75718a;font-size:13px;line-height:1.5;margin-top:7px}.loan-hero>span{font-size:68px;color:#8b5cf6}.loan-card{background:#fff;border:1px solid #ece9f2;border-radius:16px;padding:18px}.loan-ltv{border:0;margin:0;padding:0;display:flex;gap:8px;min-width:0}.loan-ltv legend{font-size:13px;color:#75718a;margin-bottom:9px}.loan-ltv label{flex:1;cursor:pointer;min-width:0}.loan-ltv input{position:absolute;opacity:0;width:1px;height:1px}.loan-ltv span{display:block;text-align:center;padding:11px 3px;border:1px solid #e5e1ef;border-radius:11px;font-size:13px;background:#faf9fc;color:#252039}.loan-ltv input:checked+span{border-color:#8b5cf6;color:#8b5cf6;background:#f3eeff;font-weight:700}.loan-ltv input:focus-visible+span{outline:2px solid #8b5cf6;outline-offset:2px}.loan-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.loan-stats div{display:flex;flex-direction:column;gap:7px;min-width:0}.loan-stats strong{font-size:22px;color:#8b5cf6;overflow-wrap:anywhere}.loan-stats span{font-size:12px;color:#75718a}.loan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;text-align:center}.loan-steps div{display:flex;flex-direction:column;gap:8px;align-items:center}.loan-steps b{border-radius:50%;padding:5px 10px;background:#f3eeff;color:#8b5cf6}.loan-steps strong{font-size:12px}.loan-steps small{font-size:11px;line-height:1.5;color:#75718a}.loan-record{width:100%;background:#fff;border:1px solid #ece9f2;border-radius:14px;padding:16px;display:flex;gap:12px;justify-content:space-between;align-items:center;text-align:left;min-width:0}.loan-record>span:first-child{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.loan-record small{font-size:11px;color:#75718a}.loan-status{font-size:11px;color:#168653;background:#edfaf2;border-radius:20px;padding:6px 9px;max-width:45%;text-align:center;overflow-wrap:anywhere}.loan-status.waiting{background:#fff5df;color:#9a6a00}.loan-status.closed{background:#f1eff5;color:#767184}.loan-detail-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.loan-page .val{overflow-wrap:anywhere}.loan-page .checkout-link{display:block;text-align:center}
.loan-filters{display:flex;flex-wrap:wrap;gap:8px}.loan-filters button{flex:1 1 auto;border:1px solid var(--line,#ece9f2);border-radius:12px;background:var(--surface,#fff);color:inherit;font-size:12px;padding:10px}.loan-filters button[aria-pressed=true]{color:#8b5cf6;border-color:#8b5cf6;background:#f3eeff}.loan-risk progress{display:block;width:100%;height:10px;accent-color:#168653;margin:12px 0}.loan-risk.attention progress{accent-color:#c17b0a}.loan-risk.unknown{border-style:dashed}.loan-risk .details{margin-top:12px}.loan-page .loan-card p{line-height:1.55}.loan-page .loan-card{background:var(--surface,#fff);border-color:var(--line,#ece9f2)}

html[data-lumo-theme=dark] .loan-filters button[aria-pressed=true]{background:#292135;color:#c9acf9;border-color:#8b5cf6}

.loan-inline-estimate{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line,#ece9f2);min-height:90px;overflow-wrap:anywhere}.loan-inline-estimate>strong{font-size:25px;color:var(--purple,#8b5cf6);line-height:1.25}.loan-inline-estimate small,.loan-inline-estimate p{font-size:12px;color:var(--muted,#75718a);line-height:1.5}.loan-inline-estimate .error{color:var(--red,#b82e39)}

.loan-collateral-balance{display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.loan-percentages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.loan-percentages button{border:1px solid var(--line,#e5e1ef);border-radius:9px;background:var(--surface,#faf9fc);color:var(--ink,#252039);min-height:34px;padding:6px 2px;font-size:12px;font-weight:600}.loan-percentages button:disabled{opacity:.45;cursor:default}.loan-percentages button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}
.loan-hero>span .icon{width:68px;height:68px;stroke-width:1.2}