/**
 * Loan Calculator Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
.loan-calc{font-family:'Inter',sans-serif;color:#0f172a;max-width:560px;margin:0 auto;padding:24px}
.loan-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);padding:32px;display:flex;flex-direction:column;gap:20px}
[data-theme="dark"] .loan-card{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.2)}
[data-theme="dark"] .loan-calc{color:#e2e8f0}
.loan-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.loan-field{display:flex;flex-direction:column;gap:6px}
.loan-field.full{grid-column:1/-1}
.loan-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
[data-theme="dark"] .loan-label{color:#94a3b8}
.loan-wrap{position:relative;display:flex;align-items:center}
.loan-wrap .pfx,.loan-wrap .sfx{position:absolute;top:50%;transform:translateY(-50%);font-size:15px;font-weight:600;color:#94a3b8;pointer-events:none}
.loan-wrap .pfx{left:14px}
.loan-wrap .sfx{right:14px}
.loan-input{width:100%;height:52px;border:2px solid #e2e8f0;border-radius:12px;padding:0 16px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:#0f172a;background:transparent;outline:none;transition:border-color .2s,box-shadow .2s}
.loan-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
[data-theme="dark"] .loan-input{color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .loan-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.15)}
.loan-input.has-pfx{padding-left:32px}
.loan-input.has-sfx{padding-right:40px}
.loan-err{font-size:12px;color:#ef4444;min-height:18px;margin-top:2px}
.loan-toggle-row{display:flex;gap:0;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;width:fit-content}
[data-theme="dark"] .loan-toggle-row{border-color:#334155}
.loan-toggle-btn{height:40px;padding:0 16px;border:none;background:transparent;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}
.loan-toggle-btn.active{background:#4f46e5;color:#fff}
[data-theme="dark"] .loan-toggle-btn{color:#94a3b8}
[data-theme="dark"] .loan-toggle-btn.active{background:#818cf8;color:#fff}
.loan-result{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;padding:28px;color:#fff;display:flex;flex-direction:column;gap:0}
.loan-result-main{text-align:center;padding-bottom:20px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}
.loan-result-main .lbl{font-size:13px;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.08em}
.loan-result-main .val{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1.2}
.loan-breakdown{display:flex;flex-direction:column;gap:14px}
.loan-brk-row{display:flex;justify-content:space-between;align-items:baseline}
.loan-brk-label{font-size:14px;font-weight:500;opacity:.8}
.loan-brk-val{font-size:22px;font-weight:700;letter-spacing:-.01em}
.loan-formula{background:#f8fafc;border-radius:10px;padding:14px 18px;font-size:12px;color:#64748b;text-align:center;line-height:1.7;overflow-x:auto}
[data-theme="dark"] .loan-formula{background:rgba(255,255,255,.04);color:#94a3b8}
.loan-formula code{font-weight:700;color:#4f46e5}
[data-theme="dark"] .loan-formula code{color:#818cf8}
@media(max-width:480px){
.loan-inputs{grid-template-columns:1fr}
.loan-result-main .val{font-size:34px}
.loan-brk-val{font-size:18px}
}