/* Loanana palette from the supplied logo. Layout and component dimensions stay unchanged. */
:root{--ink:#4b210d;--admin:#4b210d;--green:#2e7d32;--vgreen:#2e7d32;--vink:#4b210d;--lime:#f9b61f;--line:#eadfce;--muted:#746a61}
.brand-logo{display:block;width:48px;height:48px;flex:0 0 48px;border-radius:11px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px #ffffff55,0 5px 16px #1f0c0638}
.brand .brand-logo{width:74px;height:74px;flex-basis:74px;border-radius:15px}
.brand.mobile .brand-logo{width:58px;height:58px;flex-basis:58px}
.sidebar-logo .brand-logo{width:46px;height:46px;flex-basis:46px}
.auth-story{background:radial-gradient(circle at 80% 20%,#417d2c 0,transparent 35%),linear-gradient(140deg,#351307,#6b2c0d)}
.primary-button{background:linear-gradient(135deg,#266b2b,#4c922f);box-shadow:0 8px 22px #2e7d3230}
.sidebar,.admin-nav,.vendor-nav{background:linear-gradient(160deg,#351307,#57230c)}
.sidebar nav a:hover,.sidebar nav a.active,.admin-nav nav a.active,.admin-nav nav a:hover,.vendor-nav nav a.active,.vendor-nav nav a:hover,.workspace-sidebar .workspace-switches a:hover{background:#2f5f28}
.account-type{border-color:#80501f;background:#4d240e}
.kyc-banner,.opportunity,.detail-hero{background:linear-gradient(110deg,#4b210d,#2e702f)}
.section-title>b,.loan-bank-charge-card>header>i{background:#2e7d32}
.avatar{background:#fff0b8;color:#64300d}
.admin-brand{grid-template-columns:52px 1fr}
.admin-brand>.brand-logo{grid-row:1/3}
.market-public-brand{grid-template-columns:52px auto!important}
.market-public-brand>.brand-logo{grid-row:1/3}
.recovery-panel{place-items:start center;overflow-y:auto;padding-top:clamp(38px,7vh,72px);padding-bottom:38px}
.recovery-card{width:min(100%,500px)}
.recovery-heading{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.recovery-heading>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:14px;background:#eaf6e9;color:var(--green);font-size:26px}
.recovery-heading h2{margin:5px 0 0}
.recovery-card>p{line-height:1.55}
.recovery-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 20px;padding:0;position:relative}
.recovery-steps:before{content:"";position:absolute;left:16.66%;right:16.66%;top:16px;height:1px;background:#dce5de;z-index:0}
.recovery-steps li{display:grid;justify-items:center;gap:5px;color:#849087;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;position:relative;z-index:1}
.recovery-steps b{width:32px;height:32px;display:grid;place-items:center;border:1px solid #dce5de;border-radius:50%;background:#fff;color:#758078;font-size:12px}
.recovery-steps li.active,.recovery-steps li.complete{color:var(--green)}
.recovery-steps li.active b,.recovery-steps li.complete b{border-color:#8ac58b;background:#eaf6e9;color:var(--green)}
.recovery-steps b.material-symbols-outlined{font-size:17px}
.recovery-form{gap:13px}
.recovery-form .primary-button{margin-top:3px;min-height:48px}
.recovery-form .primary-button .material-symbols-outlined{font-size:19px}
.recovery-footer,.recovery-links p{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px}
.recovery-footer{margin-top:20px}
.recovery-footer .material-symbols-outlined,.recovery-links .material-symbols-outlined{font-size:16px}
.recovery-footer a,.recovery-links a{color:var(--green);font-weight:800}
.recovery-links{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}
.recovery-links p{margin:4px 0}
.reset-card .recovery-steps{margin:16px 0 14px}
.reset-card .recovery-heading>span{width:44px;height:44px;flex-basis:44px}
.reset-card .auth-form{gap:10px}
.login-form{gap:17px}
.auth-field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-field-heading a{color:var(--green);font-size:11px;font-weight:800}
.auth-field-heading a:hover{text-decoration:underline}
.auth-support{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:740px){.recovery-panel{padding:24px 20px 32px}.recovery-card{max-width:500px}.recovery-card .brand.mobile{margin-bottom:28px}.recovery-heading>span{width:44px;height:44px;flex-basis:44px}.recovery-heading h2{font-size:27px}.recovery-steps{margin:20px 0 18px}.reset-card .recovery-steps{margin:16px 0 14px}}