/* 🤝 صندوق قرض‌الحسنه — لاجوردی تیره، طلایی کهنه، کرم استخوانی */
.hf{--t:#0F3D3E;--t2:#165a5b;--g:#C89D54;--g2:#E7C98A;--c:#F7F4EB;--ink:#1d2a2a;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink)}
.hf *{box-sizing:border-box}
.hf-hero{position:relative;overflow:hidden;color:var(--c);background:radial-gradient(circle at 15% 20%,rgba(200,157,84,.28),transparent 45%),linear-gradient(135deg,#0B2E2F,var(--t) 50%,var(--t2));padding:48px 16px 56px;text-align:center}
.hf-hero:before{content:"";position:absolute;inset:0;opacity:.18;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 6l8 18 18-8-8 18 18 8-18 8 8 18-18-8-8 18-8-18-18 8 8-18-18-8 18-8-8-18 18 8z' fill='none' stroke='%23C89D54' stroke-width='1.3'/%3E%3C/svg%3E");animation:hfPan 60s linear infinite}
@keyframes hfPan{to{background-position:400px 200px}}
.hf-hero-in{position:relative;max-width:900px;margin:auto}
.hf-ayah{font-size:clamp(16px,2.6vw,22px);color:var(--g2);margin:0 0 6px}
.hf-hero h1{font:clamp(30px,5vw,48px)/1.3 Lalezar,Vazirmatn,Tahoma;color:#fff;margin:6px 0;text-shadow:0 4px 18px rgba(0,0,0,.3)}
.hf-lead{font-size:clamp(14px,2vw,17px);line-height:2;opacity:.95;margin:0 auto 18px;max-width:640px}
.hf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px auto;max-width:760px}
.hf-stats span{background:rgba(255,255,255,.08);border:1px solid rgba(200,157,84,.45);border-radius:16px;padding:10px 6px;backdrop-filter:blur(4px)}
.hf-stats b{display:block;color:var(--g2);font-size:15px}.hf-stats small{opacity:.85;font-size:12px}
.hf-cta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;padding:11px 18px;font:800 14.5px Vazirmatn,Tahoma;cursor:pointer;text-decoration:none!important;transition:.2s}
.hf-btn.gold{background:linear-gradient(135deg,var(--g2),var(--g));color:#241805!important;box-shadow:0 10px 24px rgba(200,157,84,.35)}
.hf-btn.ghost{background:rgba(255,255,255,.1);color:inherit!important;border:1.5px solid rgba(200,157,84,.6)}
.hf-box .hf-btn.ghost{color:var(--t)!important;background:#fff}
.hf-btn:hover{transform:translateY(-2px)}.hf-btn.sm{padding:6px 12px;font-size:12.5px;border-radius:10px}.hf-btn.big{width:100%;padding:15px;font-size:16px}
.hf-btn:disabled{opacity:.6;cursor:wait}
.hf-box{max-width:1100px;margin:22px auto;padding:22px;border-radius:24px;background:var(--c);border:1px solid rgba(200,157,84,.45);box-shadow:0 12px 30px rgba(15,61,62,.08);position:relative}
.hf-h{font:clamp(20px,3vw,26px) Lalezar,Vazirmatn,Tahoma;color:var(--t);margin:0 0 14px;display:flex;gap:8px;align-items:center}
.hf-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start;line-height:2.1}
.hf-halal{background:#fff;border-radius:18px;padding:14px;border-inline-start:5px solid var(--g)}.hf-halal ul{margin:6px 0 0;padding-inline-start:18px}
.hf-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:s}
.hf-steps li{background:#fff;border-radius:18px;padding:14px;text-align:center;border:1px solid #eadfc8;animation:hfIn .5s ease both;animation-delay:var(--d)}
@keyframes hfIn{from{opacity:0;transform:translateY(10px)}}
.hf-step-i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 6px;border-radius:16px;font-size:26px;background:linear-gradient(135deg,var(--t),var(--t2));box-shadow:0 6px 14px rgba(15,61,62,.25)}
.hf-steps b{color:var(--t)}.hf-steps p{font-size:13px;line-height:1.9;margin:6px 0 0;color:#4a5656}
.hf-example{margin-top:14px;background:linear-gradient(135deg,#fff8e6,#fff);border:1px dashed var(--g);border-radius:16px;padding:12px 14px;line-height:2}
.hf-calc-in{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-items:center;background:#fff;border-radius:18px;padding:14px}
.hf-calc-in label{font-weight:700;color:var(--t)}.hf-calc-in input[type=range]{width:100%;accent-color:var(--g)}
.hf-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.hf-kpi span{background:var(--t);color:var(--c);border-radius:16px;padding:12px;text-align:center}.hf-kpi b{display:block;font-size:20px;color:var(--g2)}
.hf-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hf-tiers div{background:#fff;border-radius:16px;padding:12px;text-align:center;border:2px solid #eadfc8;transition:.25s}.hf-tiers div.ok{border-color:var(--g);box-shadow:0 8px 20px rgba(200,157,84,.2)}
.hf-tiers b{display:block;color:var(--t);font-size:13px}.hf-tiers strong{display:block;font-size:19px;margin:4px 0;color:#7a5718}.hf-tiers small{color:#6b7575;font-size:12px}
.hf-chart{display:flex;align-items:flex-end;gap:2px;height:120px;margin-top:12px;padding:8px;background:#fff;border-radius:14px}
.hf-chart i{flex:1;background:linear-gradient(180deg,var(--g),var(--t));border-radius:4px 4px 0 0;min-height:2px;transition:height .3s}
.hf-note{font-size:12.5px;color:#6b7575}
.hf-tbl-w{overflow:auto;border-radius:14px}.hf-tbl{width:100%;border-collapse:collapse;background:#fff;min-width:640px}.hf-tbl th{background:var(--t);color:var(--c);padding:9px;font-weight:700}.hf-tbl td{padding:9px;border-top:1px solid #efe7d6;text-align:center}.hf-tbl.sm{min-width:0;font-size:13px}
.hf-tbl tr.paid td{opacity:.65}
.hf-list{line-height:2.1}
.hf-faq{background:#fff;border-radius:14px;padding:10px 14px;margin:6px 0;border:1px solid #eadfc8}.hf-faq summary{cursor:pointer;font-weight:700;color:var(--t)}
.hf-agree{display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px solid var(--g);border-radius:16px;padding:14px;cursor:pointer;line-height:2}.hf-agree input{width:22px;height:22px;accent-color:var(--t);flex:none;margin-top:6px}
.hf-form{margin-top:14px}.hf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hf-grid .wide{grid-column:1/-1}
.hf-form label{display:grid;gap:4px;font-weight:600;color:var(--t);font-size:13.5px}.hf-form small{font-weight:400;color:#888}
.hf-form input,.hf-form select{width:100%;border:1.5px solid #e4d8bf;border-radius:12px;padding:10px 12px;font:14px Vazirmatn,Tahoma;background:#fff}
.hf-form input:focus,.hf-form select:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(200,157,84,.2)}
.hf-form>.hf-btn{margin-top:12px}
.hf-msg{min-height:1.4em;margin:8px 0 0;font-weight:700;color:#7a2e2e}.hf-msg.ok{color:#127a47}
.hf-safe{font-size:12px;color:#6b7575}
.hf-alert{max-width:1100px;margin:14px auto;padding:12px 16px;border-radius:14px;font-weight:700}.hf-alert.ok{background:#e3f6ec;color:#127a47}.hf-alert.err{background:#fde8e6;color:#b42318}
.hf-wait{text-align:center}.hf-wait-i{font-size:46px}
.hf-ph{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hf-chip{display:inline-block;border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:700;background:#eee}.hf-chip.green{background:#e3f6ec;color:#127a47}.hf-chip.gold{background:#fdf0d2;color:#8a5a14}.hf-chip.blue{background:#e5effd;color:#1d4ed8}.hf-chip.red{background:#fde8e6;color:#b42318}.hf-chip.gray{background:#eee;color:#555}
.hf-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.hf-card-f{position:relative;overflow:hidden;width:min(340px,100%);aspect-ratio:85.6/54;border-radius:16px;padding:16px 18px;color:var(--c);background:linear-gradient(135deg,var(--t),var(--t2));box-shadow:0 14px 30px rgba(15,61,62,.35);display:flex;flex-direction:column;justify-content:center}
.hf-card-f:before{content:"";position:absolute;inset:0;opacity:.25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 4l4 9 9-4-4 9 9 4-9 4 4 9-9-4-4 9-4-9-9 4 4-9-9-4 9-4-4-9 9 4z' fill='none' stroke='%23C89D54'/%3E%3C/svg%3E")}
.hf-card-f>*{position:relative}.hf-card-f small{color:var(--g2)}.hf-card-f b{font-size:19px;margin:4px 0}.hf-card-f code{background:none;color:var(--g2);font-size:16px;letter-spacing:1px;direction:ltr;text-align:left}
.hf-card-p{display:flex;flex-direction:column;gap:6px}
.hf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hf-kpis>div{background:#fff;border-radius:16px;padding:12px;border:1px solid #eadfc8}.hf-kpis small{color:#6b7575}.hf-kpis b{display:block;font-size:17px;color:var(--t);margin:2px 0}.hf-kpis i{font-style:normal;font-size:11.5px;color:#8a7a5a}
.hf-sub{margin-top:18px;padding-top:14px;border-top:1px dashed #e0d2b4}.hf-sub h3{color:var(--t);margin:0 0 8px}
.hf-methods{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.hf-methods label{display:block}.hf-methods input{position:absolute;opacity:0}.hf-methods span{display:block;padding:9px 14px;border-radius:12px;border:1.5px solid #e4d8bf;background:#fff;cursor:pointer;font-weight:600}.hf-methods input:checked+span{border-color:var(--t);background:#eaf3f3;color:var(--t)}
.hf-cardno{background:#fff8e6;border-radius:12px;padding:8px 12px;margin:6px 0}
.hf-elig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.hf-elig div{background:#fff;border-radius:14px;padding:10px;text-align:center;border:1.5px solid #eadfc8}.hf-elig .ok{border-color:#127a47}.hf-elig .no{opacity:.6}.hf-elig b{display:block;font-size:12.5px;color:var(--t)}
.hf-loan-calc{background:#fff;border-radius:12px;padding:8px 12px;margin-top:8px;font-size:13.5px;line-height:2}
.hf-loanrow{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;margin:8px 0;border:1px solid #eadfc8;flex-wrap:wrap}.hf-loanrow small{display:block;color:#6b7575}
.hf-more summary{cursor:pointer;font-weight:700;color:var(--t)}
.hf-red{color:#b42318;font-style:normal}
[hidden]{display:none!important}
@media (max-width:820px){.hf-stats,.hf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-steps{grid-template-columns:1fr 1fr}.hf-intro,.hf-calc-in,.hf-grid{grid-template-columns:1fr}.hf-tiers,.hf-elig{grid-template-columns:1fr}.hf-box{border-radius:18px;padding:16px;margin:14px 10px}}
/* پیشخوان */
.hf-admin{max-width:1300px}.hf-ahero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-radius:20px;color:var(--c);background:linear-gradient(135deg,var(--t),var(--t2));margin:12px 0}
.hf-ahero h1{color:#fff;margin:0;font-size:22px}.hf-ahero p{margin:4px 0 0;color:var(--g2)}
.hf-atabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.hf-atabs a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e4d8bf;text-decoration:none;color:var(--t);font-weight:600}.hf-atabs a.on{background:var(--t);color:#fff;border-color:var(--t)}
.hf-akpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hf-akpis div{background:#fff;border-radius:16px;padding:14px;border:1px solid #eadfc8}.hf-akpis b{display:block;font-size:20px;color:var(--t)}
.hf-todo{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.hf-todo h2{width:100%;margin:0}.hf-todo a{background:#fff;border:1px solid #e4d8bf;border-radius:14px;padding:10px 14px;text-decoration:none;color:var(--t)}.hf-todo b{background:var(--g);color:#241805;border-radius:999px;padding:0 8px;margin-inline-start:6px}
.hf-atbl td{vertical-align:middle}.hf-acts .button{margin:2px 0}.hf-hl{background:#fff8e6!important}
.hf-afilter{display:flex;gap:6px;margin-bottom:10px}.hf-abox{background:#fff;border-radius:16px;padding:16px;border:1px solid #eadfc8;margin-bottom:14px}
.hf-sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.hf-sgrid label{display:grid;gap:3px;font-weight:600}.hf-sgrid label.hf-ck{display:flex;gap:6px;align-items:center}
.hf-prints{display:grid;gap:8px}.hf-prints div{display:flex;gap:8px;align-items:center}.hf-prints b{min-width:340px}

.hf-hero-logo{width:110px;height:110px;display:block;margin:0 auto 6px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.4));animation:hfFloat 5s ease-in-out infinite}@keyframes hfFloat{50%{transform:translateY(-6px)}}

/* پیشخوان — داشبورد جذاب (out44) */
.hf-ahero{position:relative;overflow:hidden;justify-content:flex-start;gap:16px;background:radial-gradient(circle at 10% 30%,rgba(200,157,84,.35),transparent 40%),linear-gradient(120deg,#0B2E2F,#0F3D3E 50%,#1E6E70)!important}
.hf-ahero:before{content:"";position:absolute;inset:0;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cpath d='M35 5l7 16 16-7-7 16 16 7-16 7 7 16-16-7-7 16-7-16-16 7 7-16-16-7 16-7-7-16 16 7z' fill='none' stroke='%23C89D54'/%3E%3C/svg%3E")}
.hf-ahero>*{position:relative}.hf-ahero>img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}.hf-ahero>a{margin-inline-start:auto}
.hfa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hfa-kpis>div{position:relative;overflow:hidden;border-radius:20px;padding:16px 18px;color:#fff;box-shadow:0 12px 26px rgba(15,61,62,.18);animation:hfIn .5s ease both}
.hfa-kpis>div span{position:absolute;left:12px;top:8px;font-size:40px;opacity:.25}.hfa-kpis small{opacity:.85}.hfa-kpis b{display:block;font-size:21px;margin:4px 0}.hfa-kpis i{font-style:normal;font-size:12px;opacity:.85}
.hfa-kpis .k1{background:linear-gradient(135deg,#0F3D3E,#1E6E70)}.hfa-kpis .k2{background:linear-gradient(135deg,#8E6A2C,#C89D54)}.hfa-kpis .k3{background:linear-gradient(135deg,#7a2e3a,#b4483f)}.hfa-kpis .k4{background:linear-gradient(135deg,#1f4e7a,#3b7cc0)}
.hf-todo a.hot{border-color:#C89D54;box-shadow:0 6px 16px rgba(200,157,84,.25)}
.hfa-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:12px}.hfa-card{background:#fff;border-radius:20px;padding:16px;border:1px solid #eadfc8;box-shadow:0 8px 20px rgba(15,61,62,.06)}.hfa-card h2{margin:0 0 10px;font-size:15px;color:#0F3D3E}.hfa-card.wide{grid-row:span 2}
.hfa-chart{display:flex;align-items:flex-end;gap:6px;height:230px;padding-top:10px}.hfa-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hfa-col .bars{flex:1;width:100%;display:flex;align-items:flex-end;gap:2px}.hfa-col i{flex:1;border-radius:5px 5px 0 0;min-height:2px;animation:hfaUp .8s ease both}@keyframes hfaUp{from{height:0!important}}.hfa-col small{font-size:11px;color:#7a6a45;margin-top:4px}
.hfa-col i.d,.hfa-leg .d:before{background:linear-gradient(180deg,#1E6E70,#0F3D3E)}.hfa-col i.n,.hfa-leg .n:before{background:linear-gradient(180deg,#E7C98A,#C89D54)}.hfa-col i.o,.hfa-leg .o:before{background:linear-gradient(180deg,#e08a7a,#b4483f)}
.hfa-leg{display:flex;gap:14px;justify-content:center;font-size:12.5px}.hfa-leg span:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:5px;vertical-align:middle}
.hfa-donut{width:150px;height:150px;border-radius:50%;margin:6px auto;display:grid;place-items:center;position:relative}.hfa-donut span{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;color:#0F3D3E;line-height:1.1}.hfa-donut small{display:block;font-size:12px;font-weight:400}
.hfa-lg{list-style:none;margin:8px 0 0;padding:0}.hfa-lg li{display:flex;align-items:center;gap:6px;font-size:13px;margin:3px 0}.hfa-lg i{width:10px;height:10px;border-radius:3px}.hfa-lg b{margin-inline-start:auto}
.hfa-top{margin:0;padding:0;list-style:none;counter-reset:t}.hfa-top li{display:grid;grid-template-columns:1fr auto;padding:6px 0;border-top:1px solid #f3ead8}.hfa-top small{color:#7a6a45;grid-row:2}.hfa-top span{grid-row:span 2;align-self:center;background:#fdf0d2;color:#8a5a14;border-radius:999px;padding:2px 10px;font-weight:800}
.hfa-card.app{grid-column:2/4;display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fffaf0,#fff)}.hfa-card.app img{width:84px}.hfa-card.app ol{margin:6px 0 10px;padding-inline-start:20px}.hfa-card.app code{font-size:12px}
@media(max-width:1100px){.hfa-kpis{grid-template-columns:1fr 1fr}.hfa-grid{grid-template-columns:1fr}.hfa-card.app{grid-column:auto}}