{"id":2206,"date":"2026-05-11T19:40:27","date_gmt":"2026-05-11T19:40:27","guid":{"rendered":"https:\/\/jibondharafoundation.com\/?page_id=2206"},"modified":"2026-06-17T20:54:57","modified_gmt":"2026-06-17T20:54:57","slug":"zakat-calculator","status":"publish","type":"page","link":"https:\/\/jibondharafoundation.com\/bn\/zakat-calculator\/","title":{"rendered":"\u09af\u09be\u0995\u09be\u09a4 \u0995\u09cd\u09af\u09be\u09b2\u0995\u09c1\u09b2\u09c7\u099f\u09b0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2206\" class=\"elementor elementor-2206\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5979630 e-flex e-con-boxed e-con e-parent\" data-id=\"5979630\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f215ff5 e-flex e-con-boxed e-con e-child\" data-id=\"f215ff5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa617cc elementor-widget elementor-widget-heading\" data-id=\"fa617cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Zakat Calculator<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9fedee e-con-full e-flex e-con e-parent\" data-id=\"d9fedee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb3085 elementor-widget elementor-widget-html\" data-id=\"5eb3085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n  :root {\r\n    --green:       #519027;\r\n    --green-dark:  #3d6c1c;\r\n    --green-light: #edf5e4;\r\n    --green-pale:  #f5faf0;\r\n    --blue:        #033467;\r\n    --blue-mid:    #0a4a8f;\r\n    --blue-light:  #e4ecf7;\r\n    --dark:        #161717;\r\n    --ink:         #1e2a1e;\r\n    --muted:       #4a6035;\r\n    --surface:     #f8fdf4;\r\n    --white:       #ffffff;\r\n    --red:         #b04040;\r\n    --red-light:   #fdeaea;\r\n    --border:      #c8ddb8;\r\n    --shadow:      0 4px 24px rgba(3,52,103,0.10);\r\n    --radius:      14px;\r\n  }\r\n\r\n  .zakat-wrapper { \r\n    max-width: 880px; \r\n    margin: 0 auto; \r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n  .zakat-header {\r\n    text-align: center;\r\n    padding: 48px 20px 32px;\r\n  }\r\n  .header-top-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center; gap: 14px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .header-top-bar .bar-line {\r\n    flex: 1; \r\n    max-width: 80px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, var(--green));\r\n  }\r\n  .header-top-bar .bar-line.right {\r\n    background: linear-gradient(90deg, var(--green), transparent);\r\n  }\r\n  .header-top-bar i { \r\n      font-size: 26px; color: var(--green);\r\n  }\r\n\r\n  .zakat-header .arabic {\r\n    font-size: 20px; \r\n    color: var(--blue);\r\n    letter-spacing: 2px; \r\n    margin-bottom: 12px; \r\n    opacity: 0.75;\r\n  }\r\n  .zakat-header h1 {\r\n    font-size: clamp(28px, 5vw, 46px); \r\n    font-weight: 900;\r\n    color: var(--dark); \r\n    line-height: 1.15; \r\n    margin-bottom: 6px;\r\n  }\r\n  .zakat-header h1 .accent { \r\n      color: var(--green); \r\n  }\r\n  .zakat-header h1 .accent2 { \r\n      color: var(--blue); \r\n  }\r\n  .zakat-header .subtitle { \r\n      font-size: 14px; \r\n      color: var(--muted); \r\n  }\r\n\r\n  .nisab-badge {\r\n    display: inline-flex; \r\n    align-items: center; gap: 9px;\r\n    background: var(--blue-light);\r\n    border: 1px solid var(--blue);\r\n    border-radius: 50px; \r\n    padding: 9px 22px; \r\n    margin-top: 18px;\r\n    font-size: 13px; \r\n    color: var(--dark);\r\n    font-weight: 500;\r\n  }\r\n  .nisab-badge i { color: var(--blue); font-size: 13px; }\r\n\r\n    .nisab-note {\r\n      font-size: 11.5px;\r\n      color: var(--green-dark);\r\n      margin-top: 8px;\r\n      margin-bottom: 0 !important;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 5px;\r\n      opacity: 0.85;\r\n    }\r\n    .nisab-note i {\r\n      font-size: 10px;\r\n      color: var(--green-dark);\r\n    }\r\n    .nisab-note strong {\r\n      color: var(--green-dark);\r\n    }\r\n\r\n  \/* \u2500\u2500 ADMIN TOGGLE (hidden) \u2500\u2500 *\/\r\n  .admin-toggle-wrap { display: none; }\r\n\r\n  \/* \u2500\u2500 ADMIN PANEL \u2500\u2500 *\/\r\n  .admin-panel {\r\n    background: var(--white);\r\n    border: 2px solid var(--blue);\r\n    border-radius: var(--radius);\r\n    margin-bottom: 18px;\r\n    overflow: hidden;\r\n    display: none;\r\n    animation: slideDown 0.25s ease;\r\n  }\r\n  .admin-panel.open { display: block; }\r\n  @keyframes slideDown {\r\n    from { opacity: 0; transform: translateY(-10px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  .admin-panel-head {\r\n    background: linear-gradient(135deg, var(--blue), var(--blue-mid));\r\n    padding: 12px 20px;\r\n    display: flex; align-items: center; gap: 10px;\r\n  }\r\n  .admin-panel-head i { color: #90c8ff; font-size: 15px; }\r\n  .admin-panel-head span {\r\n    font-size: 13px; font-weight: 700;\r\n    color: rgba(255,255,255,0.9);\r\n    letter-spacing: 0.5px;\r\n  }\r\n  .admin-panel-head .admin-subtitle {\r\n    font-size: 11px; color: rgba(255,255,255,0.5);\r\n    font-weight: 400; margin-left: auto;\r\n  }\r\n\r\n  .admin-panel-body {\r\n    padding: 20px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 16px;\r\n    align-items: end;\r\n  }\r\n  @media (max-width: 600px) {\r\n    .admin-panel-body { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  .admin-field { display: flex; flex-direction: column; gap: 5px; }\r\n  .admin-field label {\r\n    font-size: 11px; font-weight: 700; color: var(--blue);\r\n    text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .admin-field .admin-field-bn {\r\n    font-size: 11.5px; color: var(--muted); margin-bottom: 3px;\r\n  }\r\n  .admin-field .input-wrap { position: relative; display: flex; align-items: center; }\r\n  .admin-field .input-wrap .prefix {\r\n    position: absolute; left: 11px; font-size: 12px;\r\n    font-weight: 700; color: var(--blue); pointer-events: none;\r\n  }\r\n  .admin-field .input-wrap input {\r\n    width: 100%; padding: 9px 12px 9px 28px;\r\n    border: 1.5px solid #b0c8e8; border-radius: 8px;\r\n    font-size: 14px; font-family: inherit;\r\n    color: var(--dark); background: var(--blue-light);\r\n    outline: none; transition: border-color 0.2s, box-shadow 0.2s;\r\n  }\r\n  .admin-field .input-wrap input:focus {\r\n    border-color: var(--blue);\r\n    box-shadow: 0 0 0 3px rgba(3,52,103,0.12);\r\n    background: var(--white);\r\n  }\r\n\r\n  .admin-nisab-display {\r\n    background: linear-gradient(135deg, var(--green-pale), #e8f5d8);\r\n    border: 1.5px solid var(--green);\r\n    border-radius: 10px;\r\n    padding: 12px 16px;\r\n    text-align: center;\r\n  }\r\n  .admin-nisab-display .nisab-calc-label {\r\n    font-size: 10.5px; color: var(--muted); text-transform: uppercase;\r\n    letter-spacing: 1px; margin-bottom: 6px;\r\n  }\r\n  .admin-nisab-display .nisab-calc-value {\r\n    font-size: 20px; font-weight: 900; color: var(--green-dark);\r\n  }\r\n  .admin-nisab-display .nisab-calc-formula {\r\n    font-size: 10.5px; color: #7a9860; margin-top: 4px;\r\n  }\r\n\r\n  .admin-update-btn {\r\n    display: flex; align-items: center; justify-content: center; gap: 7px;\r\n    background: linear-gradient(135deg, var(--green), var(--green-dark));\r\n    color: var(--white);\r\n    border: none; border-radius: 8px;\r\n    padding: 10px 20px;\r\n    font-size: 13px; font-weight: 700;\r\n    cursor: pointer;\r\n    width: 100%;\r\n    transition: transform 0.15s, box-shadow 0.15s;\r\n    box-shadow: 0 3px 12px rgba(81,144,39,0.3);\r\n  }\r\n  .admin-update-btn:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 5px 18px rgba(81,144,39,0.4);\r\n  }\r\n  .admin-update-btn i { font-size: 12px; }\r\n\r\n  .admin-saved-toast {\r\n    display: none;\r\n    text-align: center;\r\n    padding: 8px 16px;\r\n    background: var(--green-light);\r\n    border-top: 1px solid var(--border);\r\n    font-size: 12px; color: var(--green-dark); font-weight: 600;\r\n    animation: fadeIn 0.2s ease;\r\n  }\r\n  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }\r\n\r\n  \/* \u2500\u2500 INSTRUCTION \u2500\u2500 *\/\r\n  .instruction-bar {\r\n    background: var(--green-pale); border: 1px solid #b8d8a0;\r\n    border-left: 4px solid var(--green); border-radius: 10px;\r\n    padding: 12px 18px; margin-bottom: 18px;\r\n    font-size: 13px; color: var(--muted); line-height: 1.75;\r\n    display: flex; gap: 10px; align-items: flex-start;\r\n  }\r\n  .instruction-bar i { color: var(--green); margin-top: 2px; flex-shrink: 0; }\r\n  .instruction-bar strong { color: var(--ink); }\r\n\r\n  \/* \u2500\u2500 SECTION CARDS \u2500\u2500 *\/\r\n  .section-card {\r\n    background: var(--white); border: 1px solid var(--border);\r\n    border-radius: var(--radius); overflow: hidden;\r\n    margin-bottom: 14px; box-shadow: var(--shadow);\r\n    transition: box-shadow 0.2s;\r\n  }\r\n  .section-card:hover { box-shadow: 0 8px 32px rgba(3,52,103,0.13); }\r\n\r\n  .section-head {\r\n    display: flex; align-items: center; gap: 13px;\r\n    padding: 14px 20px;\r\n    background: linear-gradient(135deg, var(--green-pale) 0%, #f0f8e8 100%);\r\n    border-bottom: 1px solid var(--border);\r\n    cursor: pointer; user-select: none;\r\n  }\r\n  .section-head .s-icon {\r\n    width: 36px; height: 36px;\r\n    background: linear-gradient(135deg, var(--green), var(--green-dark));\r\n    border-radius: 10px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .section-head .s-icon i { font-size: 16px; color: var(--white); }\r\n  .section-head h2 {\r\n    font-size: 16px; font-weight: 700; color: var(--dark); flex: 1;\r\n  }\r\n  .section-head .bn-label {\r\n    font-size: 11.5px; \r\n    color: var(--muted); \r\n    font-weight: 400;\r\n    display: block;\r\n    margin-top: 1px;\r\n  }\r\n  .toggle-btn {\r\n    width: 28px; height: 28px; border-radius: 50%;\r\n    border: 1.5px solid var(--green); background: transparent;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--green); font-size: 12px;\r\n    transition: transform 0.25s, background 0.2s; flex-shrink: 0; cursor: pointer;\r\n    padding: 0 !important;\r\n  }\r\n  .toggle-btn:hover { background: var(--green-light); }\r\n  .section-card.collapsed .toggle-btn { transform: rotate(-90deg); }\r\n  .section-card.collapsed .section-body { display: none; }\r\n\r\n  .section-body {\r\n    padding: 18px 20px 22px;\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 14px;\r\n  }\r\n  @media (max-width: 580px) { .section-body { grid-template-columns: 1fr; } }\r\n\r\n  \/* liabilities card *\/\r\n  .section-card.liabilities .section-head {\r\n    background: linear-gradient(135deg, #fdf0f0, #fff5f5);\r\n    border-bottom-color: #e8c8c8;\r\n  }\r\n  .section-card.liabilities .section-head .s-icon {\r\n    background: linear-gradient(135deg, #b04040, #d06060);\r\n  }\r\n  .section-card.liabilities .toggle-btn { border-color: var(--red); color: var(--red); }\r\n  .section-card.liabilities .toggle-btn:hover { background: var(--red-light); }\r\n\r\n  \/* \u2500\u2500 FIELD \u2500\u2500 *\/\r\n  .field { display: flex; flex-direction: column; gap: 4px; }\r\n  .field label {\r\n    font-size: 11.5px; font-weight: 600; color: var(--blue);\r\n    letter-spacing: 0.3px; text-transform: uppercase;\r\n    display: flex; align-items: center; gap: 5px;\r\n  }\r\n  .field label i { font-size: 10px; color: var(--green); opacity: 0.8; }\r\n  .field .field-bn {\r\n    font-size: 11.5px; \r\n    font-weight: 400; \r\n    color: #7a9860;\r\n    text-transform: none; \r\n    display: block; \r\n    margin-bottom: 3px;\r\n  }\r\n  .input-wrap { position: relative; display: flex; align-items: center; }\r\n  .input-wrap .prefix {\r\n    position: absolute; left: 11px; font-size: 13px;\r\n    font-weight: 700; color: var(--green); pointer-events: none;\r\n  }\r\n  .input-wrap input {\r\n    width: 100%; padding: 10px 12px 10px 28px;\r\n    border: 1.5px solid var(--border); border-radius: 9px;\r\n    font-size: 14px; font-family: inherit;\r\n    color: var(--dark); background: var(--surface);\r\n    transition: border-color 0.2s, box-shadow 0.2s; outline: none;\r\n  }\r\n  .input-wrap input:focus {\r\n    border-color: var(--green);\r\n    box-shadow: 0 0 0 3px rgba(81,144,39,0.15);\r\n    background: var(--white);\r\n  }\r\n  .input-wrap input::placeholder { color: #aac090; }\r\n\r\n  .section-card.liabilities .input-wrap input:focus {\r\n    border-color: var(--red);\r\n    box-shadow: 0 0 0 3px rgba(176,64,64,0.12);\r\n  }\r\n\r\n  \/* \u2500\u2500 CALCULATE BUTTON \u2500\u2500 *\/\r\n  .calc-btn-wrap { text-align: center; margin: 28px 0 0; }\r\n  .calc-btn {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    background: linear-gradient(135deg, var(--blue), var(--blue-mid));\r\n    color: var(--white);\r\n    font-size: 17px; font-weight: 700; padding: 15px 44px;\r\n    border: none; border-radius: 50px; cursor: pointer;\r\n    box-shadow: 0 4px 20px rgba(3,52,103,0.35);\r\n    transition: transform 0.18s, box-shadow 0.18s;\r\n    letter-spacing: 0.3px;\r\n  }\r\n  .calc-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 28px rgba(3,52,103,0.45);\r\n  }\r\n  .calc-btn:active { transform: translateY(0); }\r\n  .calc-btn i { font-size: 16px; }\r\n\r\n  \/* \u2500\u2500 RESULT BOX \u2500\u2500 *\/\r\n  .result-box {\r\n    margin-top: 24px; border-radius: var(--radius);\r\n    overflow: hidden; display: none;\r\n    animation: slideUp 0.35s ease;\r\n  }\r\n  .result-box.visible { display: block; }\r\n  @keyframes slideUp {\r\n    from { opacity:0; transform:translateY(16px); }\r\n    to   { opacity:1; transform:translateY(0); }\r\n  }\r\n\r\n  .result-inner {\r\n    background: linear-gradient(135deg, var(--dark) 0%, #1a2a3a 50%, var(--blue) 100%);\r\n    padding: 34px 24px 30px; text-align: center;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .result-inner::before {\r\n    content:''; position:absolute; top:-50px; right:-50px;\r\n    width:200px; height:200px;\r\n    background: radial-gradient(circle, rgba(81,144,39,0.20) 0%, transparent 70%);\r\n    border-radius:50%;\r\n  }\r\n  .result-inner::after {\r\n    content:''; position:absolute; bottom:-40px; left:-40px;\r\n    width:160px; height:160px;\r\n    background: radial-gradient(circle, rgba(3,52,103,0.30) 0%, transparent 70%);\r\n    border-radius:50%;\r\n  }\r\n\r\n  .result-label {\r\n    font-size: 11.5px; letter-spacing: 2.5px; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.55); font-weight: 600; margin-bottom: 20px;\r\n    display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  }\r\n  .result-label i { color: var(--green); font-size: 14px; opacity: 0.9; }\r\n\r\n  .zakat-dual {\r\n    display: flex; justify-content: center;\r\n    position: relative; z-index: 1; margin-bottom: 24px;\r\n  }\r\n  .zakat-col { flex: 1; max-width: 240px; padding: 16px 20px; }\r\n  .zakat-col:first-child { border-right: 1px solid rgba(255,255,255,0.12); }\r\n\r\n  .zakat-col .col-tag {\r\n    font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.4); margin-bottom: 10px;\r\n    display: flex; align-items: center; justify-content: center; gap: 6px;\r\n  }\r\n  .zakat-col .col-tag .rate-pill {\r\n    background: rgba(81,144,39,0.25); border: 1px solid rgba(81,144,39,0.4);\r\n    border-radius: 4px; padding: 2px 8px;\r\n    color: #90e060; font-weight: 700; font-size: 12px; letter-spacing: 0.5px;\r\n  }\r\n  .zakat-col:last-child .col-tag .rate-pill {\r\n    background: rgba(3,52,103,0.35); border-color: rgba(100,160,255,0.4);\r\n    color: #90c8ff;\r\n  }\r\n\r\n  .zakat-col .col-amount {\r\n    font-size: clamp(22px, 4.5vw, 36px);\r\n    font-weight: 900; \r\n    color: var(--white); \r\n    line-height: 1.1;\r\n  }\r\n  .zakat-col .col-amount .curr {\r\n    color: #90e060; \r\n    font-size: 0.52em;\r\n    vertical-align: super; \r\n    margin-right: 3px;\r\n  }\r\n  .zakat-col:last-child .col-amount .curr { color: #90c8ff; }\r\n  .zakat-col .col-sub {\r\n    font-size: 10.5px; color: rgba(255,255,255,0.28); margin-top: 5px;\r\n  }\r\n\r\n  .result-meta {\r\n    display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;\r\n    position: relative; z-index: 1;\r\n    padding-top: 18px;\r\n    border-top: 1px solid rgba(255,255,255,0.08);\r\n  }\r\n  .result-meta-item { text-align: center; }\r\n  .result-meta-item .val {\r\n    font-size: 14px; \r\n    font-weight: 700;\r\n    color: rgba(255,255,255,0.85);\r\n  }\r\n  .result-meta-item .key {\r\n    font-size: 10px; color: rgba(255,255,255,0.35);\r\n    letter-spacing: 1px; text-transform: uppercase; margin-top: 2px;\r\n  }\r\n  .result-divider { width:1px; height:30px; background:rgba(255,255,255,0.10); align-self:center; }\r\n\r\n  .no-zakat-msg {\r\n    background: var(--green-light); border-top: 3px solid var(--green);\r\n    padding: 18px 22px; text-align: center;\r\n  }\r\n  .no-zakat-msg p {\r\n    color: var(--green-dark); font-size: 14px; font-weight: 600;\r\n    display: flex; align-items: center; justify-content: center; gap: 8px;\r\n  }\r\n  .no-zakat-msg .bn {\r\n    font-size: 13px; \r\n    color: #5a8040; \r\n    margin-top: 6px;\r\n  }\r\n\r\n  \/* \u2500\u2500 SUMMARY TABLE \u2500\u2500 *\/\r\n  .summary-table {\r\n    background: var(--white); border: 1px solid var(--border);\r\n    border-radius: var(--radius); overflow: hidden;\r\n    margin-top: 16px; display: none;\r\n  }\r\n  .summary-table.visible { display: block; }\r\n\r\n  .summary-table .tbl-header {\r\n    background: linear-gradient(135deg, var(--blue), var(--blue-mid));\r\n    padding: 11px 16px;\r\n    display: flex; align-items: center; gap: 8px;\r\n    font-size: 12px; font-weight: 600; letter-spacing: 1px;\r\n    text-transform: uppercase; color: rgba(255,255,255,0.85);\r\n  }\r\n  .summary-table .tbl-header i { color: #90c8ff; font-size: 13px; }\r\n\r\n  .summary-table table { width: 100%; border-collapse: collapse; font-size: 13px; }\r\n  .summary-table th {\r\n    background: var(--green-pale); color: var(--blue);\r\n    padding: 9px 16px; text-align: left;\r\n    font-weight: 600; font-size: 11.5px;\r\n    text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .summary-table td { padding: 8.5px 16px; border-top: 1px solid #e8f0e0; color: var(--ink); }\r\n  .summary-table tr:hover td { background: var(--green-pale); }\r\n  .summary-table .total-row td { font-weight: 700; color: var(--dark); background: var(--green-light); }\r\n  .summary-table .liab-row td { color: var(--red); }\r\n  .summary-table .net-row td { font-weight: 700; font-size: 13.5px; background: var(--blue-light); color: var(--blue); }\r\n  .summary-table .zakat-lunar-row td { color: var(--green-dark); font-weight: 700; font-size: 13.5px; background: var(--green-pale); }\r\n  .summary-table .zakat-solar-row td { color: var(--blue); font-weight: 600; background: var(--blue-light); }\r\n\r\n  \/* \u2500\u2500 RESET BUTTON \u2500\u2500 *\/\r\n  .reset-wrap { text-align: center; margin-top: 16px; }\r\n  .reset-btn {\r\n    display: inline-flex; align-items: center; gap: 7px;\r\n    background: transparent; border: 1.5px solid var(--border);\r\n    border-radius: 50px; padding: 8px 22px;\r\n    font-size: 13px; color: var(--muted); cursor: pointer;\r\n    transition: border-color 0.2s, color 0.2s, background 0.2s;\r\n  }\r\n  .reset-btn:hover { border-color: var(--red); color: var(--red); background: var(--red-light); }\r\n  .reset-btn i { font-size: 12px; }\r\n\r\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n  .footer-note {\r\n    text-align: center; margin-top: 28px;\r\n    font-size: 12px; color: #7a9860; line-height: 1.75;\r\n    padding: 16px 20px;\r\n    background: var(--green-pale);\r\n    border-radius: 10px;\r\n    border: 1px solid #c8ddb8;\r\n  }\r\n  .footer-note i { color: var(--green); margin-right: 5px; }\r\n<\/style>\r\n\r\n<div class=\"zakat-wrapper\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"zakat-header\">\r\n    <div class=\"header-top-bar\">\r\n      <div class=\"bar-line\"><\/div>\r\n      <i class=\"fa-solid fa-mosque\" id=\"secretIcon\" onclick=\"secretClick()\" style=\"cursor:default;user-select:none\" title=\"\"><\/i>\r\n      <div class=\"bar-line right\"><\/div>\r\n    <\/div>\r\n    <div class=\"arabic\">\u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u064e\u0670\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0645\u0650<\/div>\r\n    <h1><span class=\"accent2\">Zakat<\/span> <span class=\"accent\">Calculator<\/span><\/h1>\r\n    <p class=\"subtitle\">\u09af\u09be\u0995\u09be\u09a4 \u0995\u09cd\u09af\u09be\u09b2\u0995\u09c1\u09b2\u09c7\u099f\u09b0 \u2014 Calculate your Zakat with ease, and fulfill your duty with peace<\/p>\r\n    <div class=\"nisab-badge\">\r\n      <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n      \u09a8\u09bf\u09b8\u09be\u09ac \u09b8\u09c0\u09ae\u09be: <strong id=\"badgeNisabAmount\">\u09e7,\u09e9\u09eb,\u09e9\u09e9\u09e7.\u09eb\u09ec \u099f\u09be\u0995\u09be<\/strong>&nbsp;\r\n      <span id=\"badgeNisabFormula\" style=\"color:var(--muted);font-weight:400\">(\u09ec\u09e7\u09e8.\u09e9\u09ec \u0997\u09cd\u09b0\u09be\u09ae \u09b0\u09c1\u09aa\u09be @ \u09e8\u09e8\u09e7 \u099f\u09be\u0995\u09be\/\u0997\u09cd\u09b0\u09be\u09ae)<\/span>\r\n    <\/div>\r\n    <p class=\"nisab-note\">\r\n      <i class=\"fa-solid fa-circle-info\"><\/i>\r\n      \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09ac\u09be\u099c\u09be\u09b0 \u09ae\u09c2\u09b2\u09cd\u09af \u09ac\u09be\u099c\u09c1\u09b8\u09c7\u09b0 \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09a5\u09c7\u0995\u09c7 \u09a8\u09c7\u0993\u09df\u09be\u0964\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- ADMIN TOGGLE -->\r\n  <div class=\"admin-toggle-wrap\">\r\n    <button class=\"admin-toggle-btn\" onclick=\"toggleAdmin()\">\r\n      <i class=\"fa-solid fa-gear\"><\/i>\r\n      \u09a8\u09bf\u09b8\u09be\u09ac \u0986\u09aa\u09a1\u09c7\u099f \u0995\u09b0\u09c1\u09a8 (Admin)\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- ADMIN PANEL -->\r\n  <div class=\"admin-panel\" id=\"adminPanel\">\r\n    <div class=\"admin-panel-head\">\r\n      <i class=\"fa-solid fa-sliders\"><\/i>\r\n      <span>\u09a8\u09bf\u09b8\u09be\u09ac \u0995\u09a8\u09ab\u09bf\u0997\u09be\u09b0\u09c7\u09b6\u09a8<\/span>\r\n      <span class=\"admin-subtitle\">Nisab Configuration<\/span>\r\n    <\/div>\r\n    <div class=\"admin-panel-body\">\r\n\r\n      <div class=\"admin-field\">\r\n        <label>\u09b0\u09c1\u09aa\u09be\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3 (\u0997\u09cd\u09b0\u09be\u09ae)<\/label>\r\n        <span class=\"admin-field-bn\">Silver weight in grams (\u09a8\u09bf\u09b8\u09be\u09ac)<\/span>\r\n        <div class=\"input-wrap\">\r\n          <span class=\"prefix\" style=\"color:var(--blue);left:10px;font-size:11px\">g<\/span>\r\n          <input type=\"number\" id=\"adminSilverGrams\" value=\"612.36\" min=\"1\" step=\"0.01\"\r\n                 style=\"padding-left:26px\" oninput=\"updateNisabPreview()\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"admin-field\">\r\n        <label>\u09b0\u09c1\u09aa\u09be\u09b0 \u09a6\u09be\u09ae (\u099f\u09be\u0995\u09be\/\u0997\u09cd\u09b0\u09be\u09ae)<\/label>\r\n        <span class=\"admin-field-bn\">Silver price per gram in BDT<\/span>\r\n        <div class=\"input-wrap\">\r\n          <span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"adminSilverPrice\" value=\"221\" min=\"1\" step=\"0.01\"\r\n                 oninput=\"updateNisabPreview()\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"admin-nisab-display\">\r\n        <div class=\"nisab-calc-label\">\u0997\u09a3\u09a8\u09be \u0995\u09b0\u09be \u09a8\u09bf\u09b8\u09be\u09ac<\/div>\r\n        <div class=\"nisab-calc-value\" id=\"previewNisab\">\u09f3 \u09e7,\u09e9\u09eb,\u09e9\u09e9\u09e7.\u09eb\u09ec<\/div>\r\n        <div class=\"nisab-calc-formula\" id=\"previewFormula\">\u09ec\u09e7\u09e8.\u09e9\u09ecg \u00d7 \u09e8\u09e8\u09e7 = \u09e7,\u09e9\u09eb,\u09e9\u09e9\u09e7.\u09eb\u09ec<\/div>\r\n      <\/div>\r\n\r\n      <div style=\"grid-column: 1 \/ -1;\">\r\n        <button class=\"admin-update-btn\" onclick=\"applyNisab()\">\r\n          <i class=\"fa-solid fa-circle-check\"><\/i>\r\n          \u09a8\u09bf\u09b8\u09be\u09ac \u0986\u09aa\u09a1\u09c7\u099f \u0995\u09b0\u09c1\u09a8 \u0993 \u09b8\u09c7\u09ad \u0995\u09b0\u09c1\u09a8\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <div class=\"admin-saved-toast\" id=\"adminSavedToast\">\r\n      <i class=\"fa-solid fa-check-circle\" style=\"color:var(--green)\"><\/i>\r\n      \u09a8\u09bf\u09b8\u09be\u09ac \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u0986\u09aa\u09a1\u09c7\u099f \u09b9\u09af\u09bc\u09c7\u099b\u09c7! \u09b8\u09ac \u09b9\u09bf\u09b8\u09be\u09ac \u09a8\u09a4\u09c1\u09a8 \u09ae\u09be\u09a8\u09c7 \u0995\u09b0\u09be \u09b9\u09ac\u09c7\u0964\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- INSTRUCTION -->\r\n  <div class=\"instruction-bar\">\r\n    <i class=\"fa-solid fa-circle-info\"><\/i>\r\n    <div>\r\n      <strong>\u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be:<\/strong> \u09af\u09be\u0995\u09be\u09a4 \u09ac\u09b0\u09cd\u09b7\u09c7 \u0995\u09ae\u09aa\u0995\u09cd\u09b7\u09c7 \u098f\u0995 \u099a\u09a8\u09cd\u09a6\u09cd\u09b0 \u09ac\u099b\u09b0 \u09a7\u09b0\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u0995\u09be\u099b\u09c7 \u09a5\u09be\u0995\u09be \u09b8\u09ae\u09cd\u09aa\u09a6\u0997\u09c1\u09b2\u09cb \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09c1\u09a8\u0964\r\n      \u09af\u09c7\u0997\u09c1\u09b2\u09cb \u0986\u09aa\u09a8\u09be\u09b0 \u09a8\u09c7\u0987 \u09ac\u09be \u09aa\u09cd\u09b0\u09af\u09cb\u099c\u09cd\u09af \u09a8\u09af\u09bc \u09b8\u09c7\u0997\u09c1\u09b2\u09cb \u09aa\u09c2\u09b0\u09a3 \u0995\u09b0\u09ac\u09c7\u09a8 \u09a8\u09be\u0964\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2460 PRECIOUS METALS -->\r\n  <div class=\"section-card\" id=\"card-metals\">\r\n    <div class=\"section-head\" onclick=\"toggleCard('card-metals')\">\r\n      <div class=\"s-icon\"><i class=\"fa-solid fa-coins\"><\/i><\/div>\r\n      <h2>Precious Metals <span class=\"bn-label\">\u09b8\u09cb\u09a8\u09be \u0993 \u09b0\u09c1\u09aa\u09be<\/span><\/h2>\r\n      <button class=\"toggle-btn\" aria-label=\"toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n    <\/div>\r\n    <div class=\"section-body\">\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Total value of Gold<\/label>\r\n        <span class=\"field-bn\">\u09ae\u09cb\u099f \u09b8\u09cd\u09ac\u09b0\u09cd\u09a3\u09c7\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3 (\u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"gold\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Total value of Silver<\/label>\r\n        <span class=\"field-bn\">\u09ae\u09cb\u099f \u09b0\u09c1\u09aa\u09be\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3 (\u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"silver\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2461 CASH & SAVINGS -->\r\n  <div class=\"section-card\" id=\"card-cash\">\r\n    <div class=\"section-head\" onclick=\"toggleCard('card-cash')\">\r\n      <div class=\"s-icon\"><i class=\"fa-solid fa-wallet\"><\/i><\/div>\r\n      <h2>Cash & Savings <span class=\"bn-label\">\u09a8\u0997\u09a6, \u09b8\u099e\u09cd\u099a\u09af\u09bc \u0993 \u098b\u09a3<\/span><\/h2>\r\n      <button class=\"toggle-btn\" aria-label=\"toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n    <\/div>\r\n    <div class=\"section-body\">\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Cash in hand and in bank accounts<\/label>\r\n        <span class=\"field-bn\">\u09b9\u09be\u09a4\u09c7 \u09ac\u09be \u09ac\u09cd\u09af\u09be\u0982\u0995\u09c7 \u0997\u099a\u09cd\u099b\u09bf\u09a4 \u099f\u09be\u0995\u09be\u09b0 \u09aa\u09b0\u09bf\u09ae\u09be\u09a3 (\u0987\u09a8\u09cd\u099f\u09be\u09b0\u09c7\u09b8\u09cd\u099f \u09a5\u09be\u0995\u09b2\u09c7 \u09aa\u09c1\u09b0\u09cb\u099f\u09be\u0987 \u09b8\u09be\u09a6\u09be\u0995\u09be \u099c\u09b0\u09c1\u09b0\u09c0)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"cash\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Deposited for future purpose (e.g. Hajj)<\/label>\r\n        <span class=\"field-bn\">\u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09be\u0982\u0995\u09c7 \u09b0\u09be\u0996\u09be \u09ac\u09be \u09af\u09c7\u0995\u09cb\u09a8\u09cb \u09a1\u09bf\u09aa\u09cb\u099c\u09bf\u099f<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"deposit\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Given out in loans<\/label>\r\n        <span class=\"field-bn\">\u098f\u09ae\u09a8 \u098b\u09a3 \u09af\u09be \u09ab\u09c7\u09b0\u09a4 \u09aa\u09be\u09ac\u09c7\u09a8<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"loansGiven\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Total amount of foreign money<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09c8\u09a6\u09c7\u09b6\u09bf\u0995 \u09ae\u09c1\u09a6\u09cd\u09b0\u09be (\u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u098f\u0995\u09cd\u09b8\u099a\u09c7\u099e\u09cd\u099c \u09b0\u09c7\u099f \u0985\u09a8\u09c1\u09af\u09be\u09af\u09bc\u09c0 \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"foreignMoney\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2462 INVESTMENTS & FUNDS -->\r\n  <div class=\"section-card\" id=\"card-invest\">\r\n    <div class=\"section-head\" onclick=\"toggleCard('card-invest')\">\r\n      <div class=\"s-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n      <h2>Investments & Funds <span class=\"bn-label\">\u09ac\u09bf\u09a8\u09bf\u09af\u09bc\u09cb\u0997, \u09ab\u09be\u09a8\u09cd\u09a1 \u0993 \u09ac\u09a8\u09cd\u09a1<\/span><\/h2>\r\n      <button class=\"toggle-btn\" aria-label=\"toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n    <\/div>\r\n    <div class=\"section-body\">\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Bond, debenture, treasury bill etc.<\/label>\r\n        <span class=\"field-bn\">\u09af\u09c7 \u0995\u09cb\u09a8\u09cb \u09a7\u09b0\u09a8\u09c7\u09b0 \u09ac\u09a8\u09cd\u09a1, \u09a1\u09bf\u09ac\u09c7\u099e\u09cd\u099a\u09be\u09b0 \u0993 \u099f\u09cd\u09b0\u09c7\u099c\u09be\u09b0\u09bf \u09ac\u09bf\u09b2 (\u0995\u09cd\u09b0\u09af\u09bc\u09ae\u09c2\u09b2\u09cd\u09af \u09a7\u09b0\u09cd\u09a4\u09ac\u09cd\u09af)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"bonds\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Provident Fund in one's possession<\/label>\r\n        <span class=\"field-bn\">\u09aa\u09cd\u09b0\u09ad\u09bf\u09a1\u09c7\u09a8\u09cd\u099f \u09ab\u09be\u09a8\u09cd\u09a1\u09c7 \u09a8\u09bf\u099c\u09c7\u09b0 \u099c\u09ae\u09be\u0995\u09c3\u09a4 \u0985\u09b0\u09cd\u09a5<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"providentFund\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Refundable collateral \/ security money<\/label>\r\n        <span class=\"field-bn\">\u099c\u09be\u09ae\u09be\u09a8\u09a4\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09be \u09b8\u09bf\u0995\u09bf\u0989\u09b0\u09bf\u099f\u09bf \u09ae\u09be\u09a8\u09bf \u09b9\u09bf\u09b8\u09be\u09ac\u09c7 \u09aa\u09cd\u09b0\u09a6\u09a4\u09cd\u09a4 \u09ab\u09c7\u09b0\u09a4\u09af\u09cb\u0997\u09cd\u09af \u0985\u09b0\u09cd\u09a5<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"securityMoney\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Current market value of shares<\/label>\r\n        <span class=\"field-bn\">\u09b6\u09c7\u09af\u09bc\u09be\u09b0\u09c7\u09b0 \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09ac\u09be\u099c\u09be\u09b0 \u09ae\u09c2\u09b2\u09cd\u09af<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"shares\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2463 BUSINESS ASSETS -->\r\n  <div class=\"section-card\" id=\"card-business\">\r\n    <div class=\"section-head\" onclick=\"toggleCard('card-business')\">\r\n      <div class=\"s-icon\"><i class=\"fa-solid fa-store\"><\/i><\/div>\r\n      <h2>Business Assets <span class=\"bn-label\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u09b8\u09ae\u09cd\u09aa\u09a6<\/span><\/h2>\r\n      <button class=\"toggle-btn\" aria-label=\"toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n    <\/div>\r\n    <div class=\"section-body\">\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Wholesale price of business goods<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u09aa\u09a3\u09cd\u09af\u09c7\u09b0 \u09aa\u09be\u0987\u0995\u09be\u09b0\u09bf \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"businessGoods\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Amount due on sales not yet received<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u09aa\u09a3\u09cd\u09af\u09c7\u09b0 \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ac\u09be\u09ac\u09a6 \u09ac\u0995\u09c7\u09af\u09bc\u09be \u09ae\u09c2\u09b2\u09cd\u09af \u09af\u09be \u098f\u0996\u09a8\u0993 \u09b9\u09be\u09a4\u09c7 \u0986\u09b8\u09c7\u09a8\u09bf<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"dueSales\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Business Investment<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc \u09ac\u09bf\u09a8\u09bf\u09af\u09bc\u09cb\u0997 (\u09a8\u09bf\u099c\u09c7\u09b0 \u0985\u0982\u09b6\u09c7 \u09ac\u09bf\u09a6\u09cd\u09af\u09ae\u09be\u09a8 \u09af\u09be\u0995\u09be\u09a4\u09af\u09cb\u0997\u09cd\u09af \u09b8\u09ae\u09cd\u09aa\u09a6 \u09b2\u09bf\u0996\u09c1\u09a8)<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"businessInvestment\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Security money for business (refundable)<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u099c\u09be\u09ae\u09be\u09a8\u09a4 \u09ac\u09be \u09b8\u09bf\u0995\u09bf\u0989\u09b0\u09bf\u099f\u09bf \u09ae\u09be\u09a8\u09bf \u09af\u09be \u09ab\u09c7\u09b0\u09a4\u09af\u09cb\u0997\u09cd\u09af<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"businessSecurityMoney\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2464 LIABILITIES -->\r\n  <div class=\"section-card liabilities\" id=\"card-liabilities\">\r\n    <div class=\"section-head\" onclick=\"toggleCard('card-liabilities')\">\r\n      <div class=\"s-icon\"><i class=\"fa-solid fa-arrow-trend-down\"><\/i><\/div>\r\n      <h2>Liabilities <span class=\"bn-label\">\u09a6\u09be\u09af\u09bc\u09b8\u09ae\u09c2\u09b9 \u2014 \u098f\u0997\u09c1\u09b2\u09cb \u09ac\u09bf\u09af\u09bc\u09cb\u0997 \u09b9\u09ac\u09c7<\/span><\/h2>\r\n      <button class=\"toggle-btn\" aria-label=\"toggle\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/button>\r\n    <\/div>\r\n    <div class=\"section-body\">\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Personal loan installment (till next lunar year)<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u098b\u09a3\u09c7\u09b0 \u0986\u0997\u09be\u09ae\u09c0 \u09af\u09be\u0995\u09be\u09a4\u09ac\u09b0\u09cd\u09b7 \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7\u09af\u09cb\u0997\u09cd\u09af \u0995\u09bf\u09b8\u09cd\u09a4\u09bf\/\u09aa\u09b0\u09bf\u09ae\u09be\u09a3<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"personalLoan\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Business loan installment (till next lunar year)<\/label>\r\n        <span class=\"field-bn\">\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u098b\u09a3 (\u09af\u09be\u0995\u09be\u09a4\u09af\u09cb\u0997\u09cd\u09af \u09b8\u09ae\u09cd\u09aa\u09a6\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09c3\u09a4) \u098f\u09b0 \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7\u09af\u09cb\u0997\u09cd\u09af \u0995\u09bf\u09b8\u09cd\u09a4\u09bf<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"businessLoan\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Wages due to employees<\/label>\r\n        <span class=\"field-bn\">\u09af\u09be\u0995\u09be\u09a4 \u09ac\u09b0\u09cd\u09b7\u09c7\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0\u09a6\u09c7\u09b0 \u09ac\u0995\u09c7\u09af\u09bc\u09be \u09ac\u09c7\u09a4\u09a8, \u09ad\u09be\u09a4\u09be \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"employeeWages\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"field\">\r\n        <label><i class=\"fa-solid fa-circle-dot\"><\/i> Taxes, rent, utility bills due immediately<\/label>\r\n        <span class=\"field-bn\">\u09af\u09be\u0995\u09be\u09a4 \u09ac\u09b0\u09cd\u09b7\u09c7\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u09ac\u09be\u09a1\u09bc\u09bf \u09ad\u09be\u09a1\u09bc\u09be, \u0987\u0989\u099f\u09bf\u09b2\u09bf\u099f\u09bf \u09ac\u09bf\u09b2, \u099f\u09cd\u09af\u09be\u0995\u09cd\u09b8 \u09af\u09be \u09aa\u09b0\u09bf\u09b6\u09cb\u09a7\u09af\u09cb\u0997\u09cd\u09af<\/span>\r\n        <div class=\"input-wrap\"><span class=\"prefix\">\u09f3<\/span>\r\n          <input type=\"number\" id=\"taxesRent\" placeholder=\"0.00\" min=\"0\" step=\"any\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CALCULATE BUTTON -->\r\n  <div class=\"calc-btn-wrap\">\r\n    <button class=\"calc-btn\" onclick=\"calculateZakat()\">\r\n      <i class=\"fa-solid fa-calculator\"><\/i>\r\n      \u09af\u09be\u0995\u09be\u09a4 \u09b9\u09bf\u09b8\u09be\u09ac \u0995\u09b0\u09c1\u09a8\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- RESULT BOX -->\r\n  <div class=\"result-box\" id=\"resultBox\">\r\n    <div class=\"result-inner\">\r\n      <div class=\"result-label\">\r\n        <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n        \u09ae\u09cb\u099f \u09aa\u09cd\u09b0\u09a6\u09c7\u09af\u09bc \u09af\u09be\u0995\u09be\u09a4 &mdash; Total Zakat Payable\r\n      <\/div>\r\n\r\n      <div class=\"zakat-dual\" id=\"zakatDual\">\r\n        <div class=\"zakat-col\">\r\n          <div class=\"col-tag\">\r\n            <span class=\"rate-pill\">\u09e8.\u09eb%<\/span> \u099a\u09a8\u09cd\u09a6\u09cd\u09b0 \u09ac\u099b\u09b0 \u00b7 Lunar\r\n          <\/div>\r\n          <div class=\"col-amount\"><span class=\"curr\">\u09f3<\/span><span id=\"zakatLunarVal\">0.00<\/span><\/div>\r\n          <div class=\"col-sub\">Net Wealth \u00d7 2.5%<\/div>\r\n        <\/div>\r\n        <div class=\"zakat-col\">\r\n          <div class=\"col-tag\">\r\n            <span class=\"rate-pill\">\u09e8.\u09ec%<\/span> \u09b8\u09cc\u09b0 \u09ac\u099b\u09b0 \u00b7 Solar\r\n          <\/div>\r\n          <div class=\"col-amount\"><span class=\"curr\">\u09f3<\/span><span id=\"zakatSolarVal\">0.00<\/span><\/div>\r\n          <div class=\"col-sub\">Net Wealth \u00d7 2.6%<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"result-meta\" id=\"resultMeta\"><\/div>\r\n    <\/div>\r\n    <div id=\"noZakatMsg\" class=\"no-zakat-msg\" style=\"display:none;\">\r\n      <p><i class=\"fa-solid fa-circle-check\"><\/i> \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09a6 \u09a8\u09bf\u09b8\u09be\u09ac \u09b8\u09c0\u09ae\u09be\u09b0 \u09a8\u09bf\u099a\u09c7 \u2014 \u098f\u0987 \u09ac\u099b\u09b0 \u0986\u09aa\u09a8\u09be\u09b0 \u0989\u09aa\u09b0 \u09af\u09be\u0995\u09be\u09a4 \u09ab\u09b0\u099c \u09a8\u09af\u09bc\u0964<\/p>\r\n      <p class=\"bn\">\u09a4\u09ac\u09c7 \u09b8\u09cd\u09ac\u09c7\u099a\u09cd\u099b\u09be\u09af\u09bc \u09b8\u09a6\u0995\u09be \u09aa\u09cd\u09b0\u09a6\u09be\u09a8 \u0995\u09b0\u09be \u0989\u09a4\u09cd\u09a4\u09ae\u0964<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SUMMARY TABLE -->\r\n  <div class=\"summary-table\" id=\"summaryTable\">\r\n    <div class=\"tbl-header\">\r\n      <i class=\"fa-solid fa-table-list\"><\/i>\r\n      \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09b9\u09bf\u09b8\u09be\u09ac \u2014 Detailed Summary\r\n    <\/div>\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>\u09ac\u09bf\u09ac\u09b0\u09a3 \/ Description<\/th>\r\n          <th style=\"text-align:right\">\u09aa\u09b0\u09bf\u09ae\u09be\u09a3 (BDT)<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody id=\"summaryBody\"><\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n  <!-- RESET -->\r\n  <div class=\"reset-wrap\" id=\"resetWrap\" style=\"display:none;\">\r\n    <button class=\"reset-btn\" onclick=\"resetAll()\">\r\n      <i class=\"fa-solid fa-rotate-left\"><\/i> \u09b0\u09bf\u09b8\u09c7\u099f \u0995\u09b0\u09c1\u09a8 \/ Reset All\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- FOOTER NOTE -->\r\n  <div class=\"footer-note\" style=\"margin-top:24px;\">\r\n    <i class=\"fa-solid fa-star-and-crescent\"><\/i>\r\n    \u09af\u09be\u0995\u09be\u09a4 \u09b9\u09bf\u09b8\u09be\u09ac \u09a8\u09bf\u09b8\u09be\u09ac \u09ec\u09e7\u09e8.\u09e9\u09ec \u0997\u09cd\u09b0\u09be\u09ae \u09b0\u09c1\u09aa\u09be\u09b0 \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09ac\u09be\u099c\u09be\u09b0 \u09ae\u09c2\u09b2\u09cd\u09af\u09c7\u09b0 \u09ad\u09bf\u09a4\u09cd\u09a4\u09bf\u09a4\u09c7\u0964\r\n    \u099a\u09a8\u09cd\u09a6\u09cd\u09b0 \u09ac\u099b\u09b0\u09c7 \u09e8.\u09eb% \u098f\u09ac\u0982 \u09b8\u09cc\u09b0 \u09ac\u099b\u09b0\u09c7 \u09e8.\u09ec%\u0964<br>\r\n    \u09b8\u09a0\u09bf\u0995 \u09af\u09be\u0995\u09be\u09a4 \u09a8\u09bf\u09b6\u09cd\u099a\u09bf\u09a4 \u0995\u09b0\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09b8\u09cd\u09a5\u09be\u09a8\u09c0\u09af\u09bc \u0986\u09b2\u09c7\u09ae \u09ac\u09be \u0987\u09b8\u09b2\u09be\u09ae\u09bf\u0995 \u09ab\u09be\u0987\u09a8\u09cd\u09af\u09be\u09a8\u09cd\u09b8 \u09ac\u09bf\u09b6\u09c7\u09b7\u099c\u09cd\u099e\u09c7\u09b0 \u09aa\u09b0\u09be\u09ae\u09b0\u09cd\u09b6 \u09a8\u09bf\u09a8\u0964\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ \u2500\u2500 NISAB STATE \u2014 loaded from WordPress REST API \u2500\u2500\r\n  const DEFAULT_GRAMS = 612.36;\r\n  const DEFAULT_PRICE = 221;\r\n\r\n  \/\/ \u26a0\ufe0f \u0986\u09aa\u09a8\u09be\u09b0 WordPress site URL \u09a6\u09bf\u09a8 (trailing slash \u099b\u09be\u09a1\u09bc\u09be)\r\n  const WP_API_URL = 'https:\/\/jibondharafoundation.com\/wp-json\/zakat-nisab\/v1\/settings';\r\n\r\n  let SILVER_GRAMS = DEFAULT_GRAMS;\r\n  let SILVER_PRICE = DEFAULT_PRICE;\r\n  let NISAB        = SILVER_GRAMS * SILVER_PRICE;\r\n\r\n  \/\/ Fetch nisab from WordPress on page load\r\n  window.addEventListener('DOMContentLoaded', async () => {\r\n    try {\r\n      const res = await fetch(WP_API_URL, { cache: 'no-cache' });\r\n      if (res.ok) {\r\n        const data   = await res.json();\r\n        SILVER_GRAMS = parseFloat(data.silver_grams)       || DEFAULT_GRAMS;\r\n        \/\/ \u09ac\u09be\u099c\u09be\u09b0 \u09ae\u09c2\u09b2\u09cd\u09af\u09c7\u09b0 \u09ee\u09e9% = \u0986\u09a8\u09c1\u09ae\u09be\u09a8\u09bf\u0995 \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af \u2014 \u098f\u099f\u09be\u0987 nisab \u09b9\u09bf\u09b8\u09be\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u09b9\u09af\u09bc\r\n        SILVER_PRICE = parseFloat(data.silver_sell_price)  || DEFAULT_PRICE;\r\n        NISAB        = parseFloat(data.nisab)              || (SILVER_GRAMS * SILVER_PRICE);\r\n      }\r\n    } catch (e) {\r\n      \/\/ API unreachable \u2014 use defaults silently\r\n    }\r\n    document.getElementById('adminSilverGrams').value = SILVER_GRAMS;\r\n    document.getElementById('adminSilverPrice').value = SILVER_PRICE;\r\n    updateNisabPreview();\r\n    refreshBadge();\r\n  });\r\n\r\n  function refreshBadge() {\r\n    document.getElementById('badgeNisabAmount').textContent = fmtBn(NISAB) + ' \u099f\u09be\u0995\u09be';\r\n    document.getElementById('badgeNisabFormula').textContent =\r\n      '(' + fmtBn(SILVER_GRAMS) + ' \u0997\u09cd\u09b0\u09be\u09ae \u09b0\u09c1\u09aa\u09be @ ' + fmtBn(SILVER_PRICE) + ' \u099f\u09be\u0995\u09be\/\u0997\u09cd\u09b0\u09be\u09ae)';\r\n  }\r\n\r\n  const RATE_LUNAR = 2.5  \/ 100;\r\n  const RATE_SOLAR = 2.6  \/ 100;\r\n\r\n  const ASSET_FIELDS = [\r\n    { id: 'gold',                  label: '\u09ae\u09cb\u099f \u09b8\u09cd\u09ac\u09b0\u09cd\u09a3',                         en: 'Gold' },\r\n    { id: 'silver',                label: '\u09ae\u09cb\u099f \u09b0\u09c1\u09aa\u09be',                           en: 'Silver' },\r\n    { id: 'cash',                  label: '\u09a8\u0997\u09a6 \/ \u09ac\u09cd\u09af\u09be\u0982\u0995',                       en: 'Cash \/ Bank' },\r\n    { id: 'deposit',               label: '\u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09ce \u09a1\u09bf\u09aa\u09cb\u099c\u09bf\u099f',                   en: 'Future Deposit' },\r\n    { id: 'loansGiven',            label: '\u09aa\u09cd\u09b0\u09a6\u09a4\u09cd\u09a4 \u098b\u09a3',                         en: 'Loans Given' },\r\n    { id: 'bonds',                 label: '\u09ac\u09a8\u09cd\u09a1 \/ \u09a1\u09bf\u09ac\u09c7\u099e\u09cd\u099a\u09be\u09b0 \/ \u099f\u09cd\u09b0\u09c7\u099c\u09be\u09b0\u09bf \u09ac\u09bf\u09b2',  en: 'Bonds \/ Debentures' },\r\n    { id: 'foreignMoney',          label: '\u09ac\u09c8\u09a6\u09c7\u09b6\u09bf\u0995 \u09ae\u09c1\u09a6\u09cd\u09b0\u09be',                    en: 'Foreign Currency' },\r\n    { id: 'providentFund',         label: '\u09aa\u09cd\u09b0\u09ad\u09bf\u09a1\u09c7\u09a8\u09cd\u099f \u09ab\u09be\u09a8\u09cd\u09a1',                  en: 'Provident Fund' },\r\n    { id: 'securityMoney',         label: '\u09b8\u09bf\u0995\u09bf\u0989\u09b0\u09bf\u099f\u09bf \u09ae\u09be\u09a8\u09bf (\u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4)',        en: 'Personal Security Money' },\r\n    { id: 'businessGoods',         label: '\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u09aa\u09a3\u09cd\u09af (\u09aa\u09be\u0987\u0995\u09be\u09b0\u09bf)',          en: 'Business Goods' },\r\n    { id: 'dueSales',              label: '\u09ac\u0995\u09c7\u09af\u09bc\u09be \u09ac\u09bf\u0995\u09cd\u09b0\u09af\u09bc \u09ae\u09c2\u09b2\u09cd\u09af',              en: 'Due Sales' },\r\n    { id: 'businessInvestment',    label: '\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc \u09ac\u09bf\u09a8\u09bf\u09af\u09bc\u09cb\u0997',                 en: 'Business Investment' },\r\n    { id: 'shares',                label: '\u09b6\u09c7\u09af\u09bc\u09be\u09b0\u09c7\u09b0 \u09ac\u09be\u099c\u09be\u09b0 \u09ae\u09c2\u09b2\u09cd\u09af',              en: 'Shares' },\r\n    { id: 'businessSecurityMoney', label: '\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u09b8\u09bf\u0995\u09bf\u0989\u09b0\u09bf\u099f\u09bf \u09ae\u09be\u09a8\u09bf',         en: 'Business Security Money' },\r\n  ];\r\n\r\n  const LIAB_FIELDS = [\r\n    { id: 'personalLoan',  label: '\u09ac\u09cd\u09af\u0995\u09cd\u09a4\u09bf\u0997\u09a4 \u098b\u09a3\u09c7\u09b0 \u0995\u09bf\u09b8\u09cd\u09a4\u09bf',   en: 'Personal Loan' },\r\n    { id: 'businessLoan',  label: '\u09ac\u09cd\u09af\u09ac\u09b8\u09be\u09af\u09bc\u09bf\u0995 \u098b\u09a3\u09c7\u09b0 \u0995\u09bf\u09b8\u09cd\u09a4\u09bf',  en: 'Business Loan' },\r\n    { id: 'employeeWages', label: '\u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0\u09a6\u09c7\u09b0 \u09ac\u0995\u09c7\u09af\u09bc\u09be \u09ac\u09c7\u09a4\u09a8', en: 'Employee Wages' },\r\n    { id: 'taxesRent',     label: '\u09ad\u09be\u09a1\u09bc\u09be \/ \u099f\u09cd\u09af\u09be\u0995\u09cd\u09b8 \/ \u09ac\u09bf\u09b2',   en: 'Taxes \/ Rent \/ Bills' },\r\n  ];\r\n\r\n  function val(id) { return parseFloat(document.getElementById(id).value) || 0; }\r\n\r\n  function fmt(n) {\r\n    return '\u09f3 ' + n.toLocaleString('en-BD', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n  }\r\n\r\n  \/\/ Bengali number formatter for badge display\r\n  function fmtBn(n) {\r\n    const s = n.toLocaleString('en-BD', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n    return s.replace(\/\\d\/g, d => '\u09e6\u09e7\u09e8\u09e9\u09ea\u09eb\u09ec\u09ed\u09ee\u09ef'[d]);\r\n  }\r\n\r\n  function toggleCard(id) {\r\n    document.getElementById(id).classList.toggle('collapsed');\r\n  }\r\n\r\n  \/\/ \u2500\u2500 ADMIN PANEL \u2014 secret: click mosque icon 5\u00d7 rapidly \u2500\u2500\r\n  let _sc = 0, _st = null;\r\n  function secretClick() {\r\n    _sc++;\r\n    clearTimeout(_st);\r\n    _st = setTimeout(() => { _sc = 0; }, 1500);\r\n    if (_sc >= 5) {\r\n      _sc = 0;\r\n      const panel = document.getElementById('adminPanel');\r\n      if (!panel.classList.contains('open')) {\r\n        const pw = prompt('\ud83d\udd10 Admin Password:');\r\n        if (pw === 'admin123') {\r\n          panel.classList.add('open');\r\n        } else if (pw !== null) {\r\n          alert('\u09ad\u09c1\u09b2 \u09aa\u09be\u09b8\u0993\u09af\u09bc\u09be\u09b0\u09cd\u09a1\u0964');\r\n        }\r\n      } else {\r\n        panel.classList.remove('open');\r\n      }\r\n    }\r\n  }\r\n\r\n  function toggleAdmin() {\r\n    document.getElementById('adminPanel').classList.toggle('open');\r\n  }\r\n\r\n  function updateNisabPreview() {\r\n    const grams = parseFloat(document.getElementById('adminSilverGrams').value) || 0;\r\n    const price = parseFloat(document.getElementById('adminSilverPrice').value) || 0;\r\n    const nisab = grams * price;\r\n\r\n    document.getElementById('previewNisab').textContent = fmt(nisab);\r\n    document.getElementById('previewFormula').textContent =\r\n      grams + 'g \u00d7 ' + price + ' = ' + nisab.toLocaleString('en-BD', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n  }\r\n\r\n  function applyNisab() {\r\n    const grams = parseFloat(document.getElementById('adminSilverGrams').value) || 0;\r\n    const price = parseFloat(document.getElementById('adminSilverPrice').value) || 0;\r\n\r\n    if (grams <= 0 || price <= 0) {\r\n      alert('\u09b8\u09a0\u09bf\u0995 \u09ae\u09be\u09a8 \u09a6\u09bf\u09a8\u0964 \u09b6\u09c2\u09a8\u09cd\u09af \u09ac\u09be \u09a8\u09c7\u0997\u09c7\u099f\u09bf\u09ad \u09ae\u09be\u09a8 \u0997\u09cd\u09b0\u09b9\u09a3\u09af\u09cb\u0997\u09cd\u09af \u09a8\u09af\u09bc\u0964');\r\n      return;\r\n    }\r\n\r\n    SILVER_GRAMS = grams;\r\n    SILVER_PRICE = price;\r\n    NISAB        = grams * price;\r\n\r\n    \/\/ Update badge\r\n    refreshBadge();\r\n\r\n    \/\/ Show saved toast\r\n    const toast = document.getElementById('adminSavedToast');\r\n    toast.style.display = 'block';\r\n    setTimeout(() => { toast.style.display = 'none'; }, 3000);\r\n\r\n    \/\/ If result was already visible, recalculate with new nisab\r\n    if (document.getElementById('resultBox').classList.contains('visible')) {\r\n      calculateZakat();\r\n    }\r\n  }\r\n\r\n  \/\/ \u2500\u2500 CALCULATOR \u2500\u2500\r\n  function calculateZakat() {\r\n    const totalAssets = ASSET_FIELDS.reduce((s, f) => s + val(f.id), 0);\r\n    const totalLiab   = LIAB_FIELDS.reduce((s, f)  => s + val(f.id), 0);\r\n    const netWealth   = Math.max(0, totalAssets - totalLiab);\r\n    const eligible    = netWealth >= NISAB;\r\n    const zakatLunar  = eligible ? netWealth * RATE_LUNAR : 0;\r\n    const zakatSolar  = eligible ? netWealth * RATE_SOLAR  : 0;\r\n\r\n    const box = document.getElementById('resultBox');\r\n    box.classList.add('visible');\r\n\r\n    const dual       = document.getElementById('zakatDual');\r\n    const noZakatMsg = document.getElementById('noZakatMsg');\r\n    const metaEl     = document.getElementById('resultMeta');\r\n\r\n    if (eligible) {\r\n      dual.style.display = 'flex';\r\n      noZakatMsg.style.display = 'none';\r\n      document.getElementById('zakatLunarVal').textContent =\r\n        zakatLunar.toLocaleString('en-BD', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n      document.getElementById('zakatSolarVal').textContent =\r\n        zakatSolar.toLocaleString('en-BD', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\r\n      metaEl.innerHTML = `\r\n        <div class=\"result-meta-item\"><div class=\"val\">${fmt(totalAssets)}<\/div><div class=\"key\">\u09ae\u09cb\u099f \u09b8\u09ae\u09cd\u09aa\u09a6<\/div><\/div>\r\n        <div class=\"result-divider\"><\/div>\r\n        <div class=\"result-meta-item\"><div class=\"val\">${fmt(totalLiab)}<\/div><div class=\"key\">\u09ae\u09cb\u099f \u09a6\u09be\u09af\u09bc<\/div><\/div>\r\n        <div class=\"result-divider\"><\/div>\r\n        <div class=\"result-meta-item\"><div class=\"val\">${fmt(netWealth)}<\/div><div class=\"key\">\u09a8\u09bf\u099f \u09b8\u09ae\u09cd\u09aa\u09a6<\/div><\/div>`;\r\n    } else {\r\n      dual.style.display = 'none';\r\n      noZakatMsg.style.display = 'block';\r\n      metaEl.innerHTML = `\r\n        <div class=\"result-meta-item\"><div class=\"val\">${fmt(netWealth)}<\/div><div class=\"key\">\u09a8\u09bf\u099f \u09b8\u09ae\u09cd\u09aa\u09a6<\/div><\/div>\r\n        <div class=\"result-divider\"><\/div>\r\n        <div class=\"result-meta-item\"><div class=\"val\">${fmt(NISAB)}<\/div><div class=\"key\">\u09a8\u09bf\u09b8\u09be\u09ac \u09b8\u09c0\u09ae\u09be<\/div><\/div>`;\r\n    }\r\n\r\n    \/\/ Summary table\r\n    let rows = '';\r\n    ASSET_FIELDS.forEach(f => {\r\n      const v = val(f.id);\r\n      if (v > 0) rows += `<tr>\r\n        <td>${f.label} <span style=\"color:#7a9860;font-size:11px\">(${f.en})<\/span><\/td>\r\n        <td style=\"text-align:right\">${fmt(v)}<\/td><\/tr>`;\r\n    });\r\n    rows += `<tr class=\"total-row\">\r\n      <td><strong>\u09ae\u09cb\u099f \u09b8\u09ae\u09cd\u09aa\u09a6 (Total Assets)<\/strong><\/td>\r\n      <td style=\"text-align:right\"><strong>${fmt(totalAssets)}<\/strong><\/td><\/tr>`;\r\n\r\n    let hasLiab = false;\r\n    LIAB_FIELDS.forEach(f => {\r\n      const v = val(f.id);\r\n      if (v > 0) {\r\n        hasLiab = true;\r\n        rows += `<tr class=\"liab-row\">\r\n          <td>(\u2212) ${f.label} <span style=\"color:#c8a0a0;font-size:11px\">(${f.en})<\/span><\/td>\r\n          <td style=\"text-align:right\">\u2212 ${fmt(v)}<\/td><\/tr>`;\r\n      }\r\n    });\r\n    if (hasLiab) rows += `<tr class=\"total-row liab-row\">\r\n      <td><strong>\u09ae\u09cb\u099f \u09a6\u09be\u09af\u09bc (Total Liabilities)<\/strong><\/td>\r\n      <td style=\"text-align:right\"><strong>\u2212 ${fmt(totalLiab)}<\/strong><\/td><\/tr>`;\r\n\r\n    rows += `<tr class=\"net-row\">\r\n      <td><strong>\u09a8\u09bf\u099f \u09b8\u09ae\u09cd\u09aa\u09a6 (Net Wealth)<\/strong><\/td>\r\n      <td style=\"text-align:right\"><strong>${fmt(netWealth)}<\/strong><\/td><\/tr>`;\r\n\r\n    \/\/ Show applied nisab in summary\r\n    rows += `<tr style=\"background:#f5faf0;\">\r\n      <td style=\"color:#4a6035;font-size:12px\">\u09aa\u09cd\u09b0\u09af\u09cb\u099c\u09cd\u09af \u09a8\u09bf\u09b8\u09be\u09ac \u09b8\u09c0\u09ae\u09be (${SILVER_GRAMS}g \u00d7 \u09f3${SILVER_PRICE})<\/td>\r\n      <td style=\"text-align:right;color:#4a6035;font-size:12px\">${fmt(NISAB)}<\/td><\/tr>`;\r\n\r\n    if (eligible) {\r\n      rows += `<tr class=\"zakat-lunar-row\">\r\n        <td><strong>\u09aa\u09cd\u09b0\u09a6\u09c7\u09af\u09bc \u09af\u09be\u0995\u09be\u09a4 \u2014 \u099a\u09a8\u09cd\u09a6\u09cd\u09b0 \u09ac\u099b\u09b0 (\u09e8.\u09eb%)<\/strong><\/td>\r\n        <td style=\"text-align:right\"><strong>${fmt(zakatLunar)}<\/strong><\/td><\/tr>`;\r\n      rows += `<tr class=\"zakat-solar-row\">\r\n        <td>\u09aa\u09cd\u09b0\u09a6\u09c7\u09af\u09bc \u09af\u09be\u0995\u09be\u09a4 \u2014 \u09b8\u09cc\u09b0 \u09ac\u099b\u09b0 (\u09e8.\u09ec%)<\/td>\r\n        <td style=\"text-align:right\">${fmt(zakatSolar)}<\/td><\/tr>`;\r\n    } else {\r\n      rows += `<tr><td colspan=\"2\" style=\"text-align:center;color:#3d6c1c;padding:14px;font-weight:600;\">\r\n        \u09a8\u09bf\u09b8\u09be\u09ac \u09aa\u09c2\u09b0\u09cd\u09a3 \u09b9\u09af\u09bc\u09a8\u09bf \u2014 \u098f\u0987 \u09ac\u099b\u09b0 \u09af\u09be\u0995\u09be\u09a4 \u09ab\u09b0\u099c \u09a8\u09af\u09bc<\/td><\/tr>`;\r\n    }\r\n\r\n    document.getElementById('summaryBody').innerHTML = rows;\r\n    document.getElementById('summaryTable').classList.add('visible');\r\n    document.getElementById('resetWrap').style.display = 'block';\r\n    box.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n  }\r\n\r\n  function resetAll() {\r\n    [...ASSET_FIELDS, ...LIAB_FIELDS].forEach(f => { document.getElementById(f.id).value = ''; });\r\n    document.getElementById('resultBox').classList.remove('visible');\r\n    document.getElementById('summaryTable').classList.remove('visible');\r\n    document.getElementById('resetWrap').style.display = 'none';\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zakat Calculator \u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u064e\u0670\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0645\u0650 Zakat Calculator \u09af\u09be\u0995\u09be\u09a4 \u0995\u09cd\u09af\u09be\u09b2\u0995\u09c1\u09b2\u09c7\u099f\u09b0 \u2014 Calculate your Zakat with ease, and fulfill your duty [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/pages\/2206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/comments?post=2206"}],"version-history":[{"count":73,"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/pages\/2206\/revisions"}],"predecessor-version":[{"id":4642,"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/pages\/2206\/revisions\/4642"}],"wp:attachment":[{"href":"https:\/\/jibondharafoundation.com\/bn\/wp-json\/wp\/v2\/media?parent=2206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}