:root{color-scheme:light;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10231c;background:#f5faf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--emerald-900: #064e3b;--emerald-800: #065f46;--emerald-700: #047857;--emerald-600: #059669;--emerald-100: #d1fae5;--gold: #d9a441;--ink: #10231c;--muted: #64746f;--line: rgba(10, 79, 55, .12);--card: rgba(255, 255, 255, .86);--shadow: 0 22px 70px rgba(10, 79, 55, .14)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(16,185,129,.16),transparent 34%),#f5faf6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}.zakat-boot-splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#eefbf4;color:#065f46}.zakat-boot-splash__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(4,120,87,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(4,120,87,.07) 1px,transparent 1px);background-size:34px 34px}.zakat-boot-splash__content{position:relative;display:flex;align-items:center;flex-direction:column;gap:15px;animation:zakatBootIn .48s ease both}.zakat-boot-splash__logo{width:84px;height:84px;display:grid;place-items:center;border-radius:28px;background:#ffffffc2;box-shadow:0 20px 46px #05966929}.zakat-boot-splash__logo img{width:68px;height:68px;object-fit:contain}.zakat-boot-splash__bar{width:142px;height:4px;overflow:hidden;border-radius:999px;background:#05966926}.zakat-boot-splash__bar span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#047857);animation:zakatBootBar 1.08s ease-in-out infinite}.zakat-boot-splash p{margin:0;color:#64746f;font-size:12px;font-weight:800}@keyframes zakatBootIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zakatBootBar{0%{transform:translate(-120%)}55%,to{transform:translate(260%)}}html.zakat-public-dark{color-scheme:dark}html.zakat-public-dark body{background:radial-gradient(circle at top left,rgba(16,185,129,.14),transparent 34%),#07110d}html.zakat-public-dark .zakat-pay-page,html.zakat-public-dark .public-shell,html.zakat-public-dark .affiliate-shell{background:#07110d}html.zakat-public-dark .zakat-pay-card,html.zakat-public-dark .zakat-pay-progress,html.zakat-public-dark .zakat-pay-address,html.zakat-public-dark .zakat-pay-affiliate-card,html.zakat-public-dark .zakat-pay-radio-grid button,html.zakat-public-dark .zakat-pay-modal__panel,html.zakat-public-dark .zakat-pay-official__grid article,html.zakat-public-dark .zakat-pay-cert,html.zakat-public-dark .zakat-pay-cert>div,html.zakat-public-dark .zakat-pay-switch,html.zakat-public-dark .zakat-pay-wa a,html.zakat-public-dark .zakat-calculator-hero,html.zakat-public-dark .zakat-calculator-types button,html.zakat-public-dark .zakat-calculator-form,html.zakat-public-dark .zakat-calculator-result,html.zakat-public-dark .zakat-calculator-rate-list button,html.zakat-public-dark .affiliate-login-card,html.zakat-public-dark .affiliate-login-info article,html.zakat-public-dark .affiliate-profile-hero,html.zakat-public-dark .affiliate-profile-card,html.zakat-public-dark .affiliate-profile-menu-row,html.zakat-public-dark .affiliate-profile-empty,html.zakat-public-dark .affiliate-profile-state,html.zakat-public-dark .public-action-sheet,html.zakat-public-dark .public-menu-grid a,html.zakat-public-dark .public-menu-grid button,html.zakat-public-dark .public-modal-state,html.zakat-public-dark .public-news-list article,html.zakat-public-dark .public-contact-list a,html.zakat-public-dark .public-derma-panel,html.zakat-public-dark .affiliate-profile-panel section{border-color:#bbf7d01f;background:#0f172af0;color:#f8fafc}html.zakat-public-dark .affiliate-profile-menu-row strong,html.zakat-public-dark .affiliate-profile-card header strong,html.zakat-public-dark .affiliate-profile-identity h1,html.zakat-public-dark .affiliate-profile-stats strong,html.zakat-public-dark .affiliate-login-card h1,html.zakat-public-dark .affiliate-login-info strong,html.zakat-public-dark .affiliate-profile-field span,html.zakat-public-dark .public-action-sheet h2,html.zakat-public-dark .public-menu-grid strong,html.zakat-public-dark .zakat-pay-section-title,html.zakat-public-dark .zakat-pay-field>label,html.zakat-public-dark .zakat-pay-field>span,html.zakat-public-dark .zakat-pay-address>label,html.zakat-public-dark .zakat-pay-radio-grid strong,html.zakat-public-dark .zakat-pay-official section h4,html.zakat-public-dark .zakat-pay-switch h3,html.zakat-public-dark .zakat-pay-wa a strong,html.zakat-public-dark .zakat-calculator-hero h1,html.zakat-public-dark .zakat-calculator-types button strong,html.zakat-public-dark .zakat-calculator-form header h2,html.zakat-public-dark .zakat-calculator-field span,html.zakat-public-dark .zakat-calculator-result dd,html.zakat-public-dark .zakat-calculator-rate-list button strong,html.zakat-public-dark .affiliate-profile-panel header strong{color:#f8fafc}html.zakat-public-dark .affiliate-profile-field input,html.zakat-public-dark .affiliate-profile-field select,html.zakat-public-dark .affiliate-profile-field textarea,html.zakat-public-dark .zakat-pay-field input,html.zakat-public-dark .zakat-pay-field select,html.zakat-public-dark .zakat-pay-affiliate-card input,html.zakat-public-dark .zakat-pay-money input,html.zakat-public-dark .zakat-pay-fitrah__calc input,html.zakat-public-dark .zakat-pay-money,html.zakat-public-dark .zakat-pay-select-trigger,html.zakat-public-dark .zakat-calculator-field input{border-color:#94a3b83d;background:#0f172a;color:#f8fafc}html.zakat-public-dark .affiliate-profile-identity p,html.zakat-public-dark .affiliate-profile-stats small,html.zakat-public-dark .affiliate-login-card p,html.zakat-public-dark .affiliate-login-info small,html.zakat-public-dark .affiliate-profile-card header small,html.zakat-public-dark .affiliate-profile-menu-row small,html.zakat-public-dark .zakat-pay-progress__top,html.zakat-public-dark .zakat-pay-field small,html.zakat-public-dark .zakat-pay-radio-grid small,html.zakat-public-dark .zakat-pay-official section p,html.zakat-public-dark .zakat-pay-official__grid p,html.zakat-public-dark .zakat-pay-switch p,html.zakat-public-dark .zakat-pay-wa a small,html.zakat-public-dark .zakat-pay-footer,html.zakat-public-dark .zakat-calculator-types button small,html.zakat-public-dark .zakat-calculator-form header p,html.zakat-public-dark .zakat-calculator-result dt,html.zakat-public-dark .zakat-calculator-result p,html.zakat-public-dark .zakat-calculator-rate-list button small{color:#a7b8b1}html.zakat-public-dark .affiliate-profile-stats article,html.zakat-public-dark .zakat-pay-progress__steps div,html.zakat-public-dark .zakat-pay-radio-icon,html.zakat-public-dark .zakat-pay-section-title span,html.zakat-public-dark .zakat-pay-switch span,html.zakat-public-dark .zakat-calculator-types button>i,html.zakat-public-dark .zakat-calculator-form header>i,html.zakat-public-dark .zakat-calculator-actions button,html.zakat-public-dark .affiliate-profile-panel header button{border-color:#bbf7d01f;background:#10b9811f;color:#86efac}html.zakat-public-dark .affiliate-profile-stats i{border-color:#bbf7d024;background:#0f172ab8;color:#86efac}html.zakat-public-dark .affiliate-profile-referral button{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:#fff}html.zakat-public-dark .zakat-pay-radio-grid button.selected,html.zakat-public-dark .zakat-calculator-rate-list button.active,html.zakat-public-dark .zakat-pay-progress__steps div.active{border-color:#10b98185;background:#05966933}html.zakat-public-dark .zakat-pay-progress__track,html.zakat-public-dark .zakat-calculator-result dl div{border-color:#bbf7d01f;background:#94a3b824}html.zakat-public-dark .zakat-pay-field input::placeholder,html.zakat-public-dark .zakat-pay-affiliate-card input::placeholder,html.zakat-public-dark .affiliate-profile-field input::placeholder,html.zakat-public-dark .affiliate-profile-field textarea::placeholder,html.zakat-public-dark .zakat-calculator-field input::placeholder{color:#e2e8f06b}.zakat-app{min-height:100vh}.public-shell,.affiliate-shell{padding-bottom:96px}.public-main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:22px 0 42px}.page-stack{display:grid;gap:18px}.narrow-page{width:min(760px,calc(100% - 28px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(18px,calc((100vw - 1180px)/2));background:linear-gradient(135deg,#047857f5,#064e3bfa);color:#fff;box-shadow:0 12px 32px #064e3b33}.topbar:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.16) 0 1px,transparent 2px),linear-gradient(120deg,transparent,rgba(217,164,65,.14));background-size:28px 28px,100% 100%}.topbar>*{position:relative}.topbar--compact{border-bottom-left-radius:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#ffffff29;color:#fff8dc;font-size:26px;font-weight:800;box-shadow:inset 0 0 0 1px #fff3}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:17px}.brand small{margin-top:4px;color:#ffffffb8;font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions a{padding:10px 14px;border-radius:999px;background:#ffffff29;font-size:13px;font-weight:800}.topbar-actions .ghost-link{background:#ffffff14}.zakat-language-switcher{position:relative}.zakat-flag-mark{width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;background:#f8fafc;font-size:17px;line-height:1;box-shadow:inset 0 0 0 1px #0f172a14}.zakat-language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:150px;overflow:hidden;border:1px solid var(--zp-border, rgba(226, 232, 240, .95));border-radius:16px;background:#fff;box-shadow:0 24px 60px #0f172a2e}.zakat-language-menu button{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;background:transparent;color:#334155;font-size:12px;font-weight:800;text-align:left}.zakat-language-menu button:hover,.zakat-language-menu button.active{background:#ecfdf5;color:#047857}.zakat-language-flags{display:flex;align-items:center;gap:6px}.zakat-language-flags button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1f}.zakat-language-flags button.active{background:#ffffff3d}.hero-card,.section-card,.news-card,.metric-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:center;padding:clamp(22px,4vw,44px);border-radius:34px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:auto -8% -36% auto;width:280px;height:280px;border-radius:999px;background:#d9a44129}.hero-card--compact{grid-template-columns:1fr auto}h1{margin:12px 0;font-size:clamp(32px,6vw,64px);line-height:.96;letter-spacing:-.05em;color:var(--ink)}h2{margin:0 0 10px;font-size:clamp(22px,3vw,32px);letter-spacing:-.03em}p{color:var(--muted);line-height:1.65;margin:0}.eyebrow{color:var(--emerald-700);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:900}.primary-action{color:#fff;background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900));box-shadow:0 14px 34px #04785740}.secondary-action{color:var(--emerald-800);background:#e9f8ef}.trust-panel{padding:24px;border-radius:26px;background:linear-gradient(160deg,#fff,#eefbf3);border:1px solid var(--line);position:relative;z-index:1}.trust-panel__icon,.state-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--emerald-600),var(--emerald-900));font-size:28px;font-weight:900}.trust-panel strong{display:block;margin:14px 0 8px;font-size:20px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:900}.status-pill--emerald{color:#047857;background:#dffbea}.status-pill--gold{color:#8a5a00;background:#fff5d7}.status-pill--blue{color:#075985;background:#e0f2fe}.status-pill--slate{color:#475569;background:#f1f5f9}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:18px;border-radius:24px}.metric-card p,.metric-card span{font-size:13px}.metric-card strong{display:block;margin:6px 0;font-size:28px;letter-spacing:-.04em}.metric-card--emerald strong{color:var(--emerald-700)}.metric-card--gold strong{color:#b7791f}.metric-card--blue strong{color:#0369a1}.metric-card--slate strong{color:#334155}.section-card{padding:clamp(20px,3vw,32px);border-radius:28px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.check-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.check-list li{padding:12px 14px;border-radius:16px;background:#f0fbf5;color:#185b45;font-weight:700}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.news-card{padding:20px;border-radius:24px}.news-card span{color:var(--emerald-700);font-size:12px;font-weight:900}.news-card h2{font-size:20px;margin-top:10px}.public-landing-page{width:min(780px,100%);margin-inline:auto}.public-hero-card,.public-certificate-card,.public-info-grid article{border:1px solid var(--line);background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.public-hero-card{overflow:hidden;position:relative;display:grid;gap:14px;padding:clamp(22px,4vw,36px);border-radius:30px}.public-hero-card:after{content:"";position:absolute;right:-70px;bottom:-96px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.18),transparent 68%)}.public-hero-card>*{position:relative;z-index:1}.public-hero-card h1{margin:0;font-size:clamp(30px,7vw,48px);line-height:1;letter-spacing:0}.public-hero-card p{max-width:620px;font-weight:700}.public-hero-card .primary-action{width:fit-content;margin-top:8px}.public-hero-card--derma:after{background:radial-gradient(circle,rgba(245,158,11,.2),transparent 68%)}.public-certificate-card{overflow:hidden;border-radius:28px}.public-certificate-card__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(10,79,55,.1);background:#f8fafcb8}.public-certificate-card__header span{display:block;color:var(--emerald-700);font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.public-certificate-card__header h2{margin:4px 0 0;font-size:20px;letter-spacing:0}.public-certificate-card__header a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--emerald-700),var(--emerald-900));font-size:12px;font-weight:900}.public-certificate-card img{width:100%;max-height:560px;display:block;object-fit:contain;background:#fff}.public-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-info-grid article{display:grid;gap:9px;padding:18px;border-radius:22px}.public-info-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;color:#047857;background:#ecfdf5}.public-info-grid strong{color:var(--ink);font-size:15px;font-weight:950}.public-info-grid p{font-size:13px;line-height:1.5;font-weight:650}.form-preview{display:grid;gap:14px;margin-top:22px}.form-preview label{display:grid;gap:8px;color:#244f40;font-size:13px;font-weight:900}.form-preview input,.form-preview select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:16px;background:#f7fcf9;padding:0 14px;color:var(--ink)}.inline-error{color:#b91c1c;font-weight:800}.success-note{color:var(--emerald-700);font-weight:800}.muted{color:var(--muted);font-size:13px}.centered-state{display:grid;place-items:center;text-align:center;gap:12px}.zakat-success-receipt{width:min(100%,420px);display:grid;gap:12px;padding:16px;border:1px solid rgba(16,185,129,.2);border-radius:22px;background:linear-gradient(135deg,#ecfdf5f0,#fff);text-align:left}.zakat-success-receipt>span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.zakat-success-receipt>strong{color:var(--emerald-800);font-size:clamp(24px,5vw,34px);line-height:1;letter-spacing:.04em}.zakat-success-receipt>div{display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:8px 12px;padding-top:8px;border-top:1px solid rgba(16,185,129,.16)}.zakat-success-receipt small{color:#64748b;font-weight:800}.zakat-success-receipt b{min-width:0;color:#0f172a;overflow-wrap:anywhere}.zakat-success-receipt em{color:#64748b;font-size:12px;font-style:normal;font-weight:800}.zakat-success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.state-icon--danger{background:linear-gradient(135deg,#ef4444,#991b1b)}.referral-box{margin:20px 0;padding:18px;border:1px dashed rgba(4,120,87,.3);border-radius:22px;background:#f0fbf5}.referral-box strong{display:block;margin:4px 0;font-size:32px;letter-spacing:.08em;color:var(--emerald-800)}.placeholder-panel{margin-top:20px;padding:18px;border-radius:20px;background:#f0fbf5}.portal-shell{--zp-bg-primary: #f8fafc;--zp-bg-secondary: #ffffff;--zp-bg-tertiary: #f1f5f9;--zp-text-primary: #0f172a;--zp-text-secondary: #475569;--zp-text-muted: #94a3b8;--zp-border: #e2e8f0;--zp-sidebar-a: #047857;--zp-sidebar-b: #065f46;--zp-sidebar-c: #064e3b;--portal-sidebar-width: 216px;--portal-sidebar-collapsed-width: 72px;--portal-corner-size: 30px;--portal-transition: .3s cubic-bezier(.22, 1, .36, 1);min-height:100vh;background:var(--zp-bg-primary);color:var(--zp-text-primary)}.portal-logo{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 14px 28px #064e3b2e}.portal-logo img{width:29px;height:29px;object-fit:contain}.portal-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:var(--portal-sidebar-width);height:100vh;display:flex;flex-direction:column;color:#fff;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 24px 0,rgba(16,185,129,.22),transparent 132px),radial-gradient(circle at 100% 12%,rgba(52,211,153,.18),transparent 190px),linear-gradient(180deg,var(--zp-sidebar-a) 0%,var(--zp-sidebar-b) 42%,var(--zp-sidebar-c) 100%);background-size:32px 32px,32px 32px,auto,auto,auto;box-shadow:10px 0 30px #030a143d;transition:width var(--portal-transition),background var(--portal-transition),box-shadow var(--portal-transition)}.portal-sidebar__brand{display:flex;min-width:0;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px;min-height:72px;color:#fff;font-weight:900;transition:padding var(--portal-transition),justify-content var(--portal-transition)}.portal-sidebar__brand strong{display:block;font-size:15px;font-weight:900;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-sidebar__brand small{display:block;margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.03em;color:#d1fae5d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.zakat-sidebar-collapsed .portal-sidebar__brand strong,html.zakat-sidebar-collapsed .portal-sidebar__brand small{display:none}.portal-sidebar nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.portal-sidebar__group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.portal-sidebar__group:last-child{margin-bottom:0}.portal-sidebar__group-label{padding:6px 10px 4px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#d1fae566;-webkit-user-select:none;user-select:none}html.zakat-sidebar-collapsed .portal-sidebar__group{margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}html.zakat-sidebar-collapsed .portal-sidebar__group:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.portal-sidebar nav::-webkit-scrollbar{width:6px}.portal-sidebar nav::-webkit-scrollbar-track{background:transparent}.portal-sidebar nav::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff47}.portal-sidebar nav a{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:12px;background:transparent;color:#d1fae5b8;padding:10px;text-align:left;font-weight:800;font-size:13.5px;transition:color .16s ease,background .16s ease,transform .16s ease}.portal-sidebar nav a:hover{background:#ffffff17;color:#fff}.portal-sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#10b98157,#ffffff17);box-shadow:inset 0 0 0 1px #ffffff12,0 8px 18px #0208171a}.portal-sidebar nav a.active:before{content:"";position:absolute;top:50%;left:0;height:18px;width:3px;transform:translateY(-50%);border-radius:0 999px 999px 0;background:#34d399;box-shadow:0 0 16px #10b9817a}.portal-sidebar nav a span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:9px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0a;font-size:14px;color:#d1fae5cc;transition:background var(--portal-transition),color var(--portal-transition)}.portal-sidebar nav a.active span{background:#ffffff2b;color:#fff;box-shadow:none;outline:none}.portal-sidebar nav a strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;font-size:13.5px}html.zakat-sidebar-collapsed .portal-sidebar nav a strong{display:none}.portal-sidebar__footer{display:grid;gap:6px;margin-top:auto;padding:10px;border-top:1px solid rgba(255,255,255,.06)}.portal-sidebar__footer button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0f;color:#ffffffd1;padding:8px 10px;text-align:left;font-size:12px;font-weight:800;transition:background .16s ease,color .16s ease}html.zakat-sidebar-collapsed .portal-sidebar__footer button{justify-content:center;padding:8px 0}.portal-sidebar__footer button:hover{background:#ffffff1f;color:#fff}.portal-sidebar__footer button span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background:#ffffff1a;font-size:12px;color:#d1fae5cc}.portal-sidebar__footer small{display:block;margin-top:4px;color:#d1fae59e;text-align:center;font-size:9px;font-weight:700}html.zakat-sidebar-collapsed .portal-sidebar__footer button strong,html.zakat-sidebar-collapsed .portal-sidebar__footer small{display:none}.portal-content{min-width:0;min-height:100vh;margin-left:var(--portal-sidebar-width);transition:margin-left var(--portal-transition);background:var(--zp-bg-primary)}.portal-desktop-header{position:fixed;top:0;left:var(--portal-sidebar-width);z-index:30;width:calc(100vw - var(--portal-sidebar-width));height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 32px;border-bottom:1px solid var(--zp-border);background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 2px #0f172a0a;transition:left var(--portal-transition),width var(--portal-transition)}.portal-header-left,.portal-header-actions{min-width:0;display:flex;align-items:center;gap:12px}.portal-header-left h2{margin:0;color:var(--zp-text-primary);font-size:18px;line-height:1.18;letter-spacing:0}.portal-header-left p{margin-top:3px;color:var(--zp-text-secondary);font-size:12px;line-height:1.2}.portal-header-divider{width:1px;height:32px;background:var(--zp-border)}.portal-header-action{position:relative;width:38px;height:38px;flex-shrink:0;border-radius:10px;border:1px solid #dbe3ef;background:#ffffffd1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.portal-header-action:hover{border-color:#bbf7d0;background:#ecfdf5;color:#047857;transform:translateY(-1px)}.portal-teacher-switcher{min-width:128px;height:40px;display:inline-flex;align-items:center;gap:9px;padding:0 10px 0 8px;border-radius:14px;border:1px solid rgba(5,150,105,.2);background:linear-gradient(135deg,#ecfdf5f5,#ffffffe6);color:#065f46;box-shadow:0 10px 24px #05966917;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.portal-teacher-switcher:hover{transform:translateY(-1px);border-color:#05966961;box-shadow:0 14px 30px #05966926}.portal-teacher-switcher__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#059669,#047857);font-size:13px;font-weight:900}.portal-teacher-switcher__text{min-width:0;display:grid;text-align:left;line-height:1.05}.portal-teacher-switcher__text small{color:#065f4694;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-teacher-switcher__text strong{color:#065f46;font-size:13px;font-weight:900}.portal-teacher-switcher>i{margin-left:auto;color:#065f4685;font-style:normal;font-size:10px}.portal-teacher-switcher__icon i{margin:0;color:inherit;font-size:12px}.portal-search-trigger{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;border-radius:12px;border:1px solid #dbe3ef;background:#f8fafceb;color:#64748b;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.portal-search-trigger:hover{border-color:#bbf7d0;background:#ecfdf5;color:#047857;transform:translateY(-1px)}.portal-search-trigger span{font-size:17px}.portal-search-trigger strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:12px}.portal-search-trigger kbd{min-width:34px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid #dbe3ef;background:#fff;color:#64748b;font-size:10px;font-weight:900}.portal-search-trigger strong,.portal-search-trigger kbd{display:none}body.portal-search-overlay-open{overflow:hidden}.portal-search-modal{position:fixed;inset:0;z-index:100001;display:flex;align-items:flex-start;justify-content:center;padding:84px 20px 24px}.portal-search-modal__backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:#0f172a7a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:default}.portal-search-modal__panel{position:relative;z-index:1;width:min(760px,100%);max-height:min(720px,82vh);overflow:hidden;border:1px solid rgba(16,185,129,.18);border-radius:22px;background:#fffffffa;box-shadow:0 32px 90px #0f172a3d}.portal-search-modal__input{min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(16,185,129,.12);background:linear-gradient(135deg,#fffffffa,#f0fdfabd)}.portal-search-modal__input>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#047857;background:#ecfdf5}.portal-search-modal__input input{min-width:0;height:44px;border:0;outline:none;background:transparent;color:#0f172a;font-size:15px;font-weight:800}.portal-search-modal__input button{width:38px;height:38px;border-radius:12px;color:#64748b;background:#f8fafc}.portal-search-modal__body{max-height:calc(min(720px,82vh) - 68px);overflow:auto;padding:14px}.portal-search-group{display:grid;gap:8px}.portal-search-group+.portal-search-group{margin-top:16px}.portal-search-group h3{display:inline-flex;align-items:center;gap:8px;margin:0;color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-search-results{display:grid;gap:8px}.portal-search-result{min-width:0;min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(16,185,129,.12);border-radius:16px;background:linear-gradient(135deg,#fffffffa,#f8fafcdb);transition:background .15s ease,border-color .15s ease,transform .15s ease}.portal-search-result:hover{border-color:#05966947;background:linear-gradient(135deg,#ecfdf5f5,#ffffffeb);transform:translateY(-1px)}.portal-search-result>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#047857;background:#ecfdf5}.portal-search-result div{min-width:0;display:grid;gap:4px}.portal-search-result strong,.portal-search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-search-result strong{color:#0f172a;font-size:13px;font-weight:900}.portal-search-result small{color:#64748b;font-size:12px;font-weight:700}.portal-search-result em{max-width:120px;overflow:hidden;padding:6px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;font-weight:900}.portal-search-state,.portal-notification-state{display:grid;place-items:center;min-height:120px;color:#64748b;font-size:13px;font-weight:800}.portal-search-state.is-error,.portal-notification-state.is-error{color:#be123c}.portal-notification-center{position:relative}.portal-notification-trigger span{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900}.portal-notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:min(420px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(16,185,129,.16);border-radius:20px;background:#fffffffa;box-shadow:0 28px 70px #0f172a33}.portal-notification-panel header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(16,185,129,.12);background:linear-gradient(135deg,#fffffffa,#f0fdfabd)}.portal-notification-panel h3{margin:0 0 4px;color:#0f172a;font-size:15px}.portal-notification-panel p{color:#64748b;font-size:11px;font-weight:700}.portal-notification-panel header button{width:36px;height:36px;border-radius:12px;color:#047857;background:#ecfdf5}.portal-notification-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;border-bottom:1px solid rgba(16,185,129,.1)}.portal-notification-summary span{min-width:0;display:grid;gap:3px;padding:9px;border-radius:14px;background:#f8fafc}.portal-notification-summary strong{color:#0f172a;font-size:17px;line-height:1}.portal-notification-summary small{overflow:hidden;color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.portal-notification-list{max-height:420px;overflow:auto;padding:10px}.portal-notification-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;padding:10px;border-radius:16px;transition:background .15s ease}.portal-notification-item a{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;color:inherit;text-decoration:none}.portal-notification-item:hover{background:#f8fafc}.portal-notification-item a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:#047857;background:#ecfdf5}.portal-notification-item.is-critical a>span,.portal-notification-item.is-danger a>span{color:#be123c;background:#fff1f2}.portal-notification-item.is-warning a>span{color:#92400e;background:#fffbeb}.portal-notification-item a div{min-width:0;display:grid;gap:4px}.portal-notification-item>button{width:34px;height:34px;align-self:center;border-radius:12px;color:#64748b;background:#f8fafc}.portal-notification-item.is-read{opacity:.66}.portal-notification-item strong,.portal-notification-item small,.portal-notification-item em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-notification-item strong{color:#0f172a;font-size:13px}.portal-notification-item small{color:#64748b;font-size:11px;font-weight:700}.portal-notification-item em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:800}.portal-user-menu{position:relative}.portal-user-button{display:flex;align-items:center;gap:10px;min-height:46px;padding:5px 8px 5px 12px;border-radius:14px;background:transparent;color:var(--zp-text-primary)}.portal-user-button:hover{background:#f8fafc}.portal-user-button span{display:grid;text-align:right}.portal-user-button small{color:var(--zp-text-muted);font-size:10px;line-height:1.1}.portal-user-button strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2}.portal-user-button img,.portal-avatar-button img{width:38px;height:38px;border-radius:999px;object-fit:cover;border:2px solid #dbe3ef}.portal-user-button i{color:#94a3b8;font-style:normal;font-size:12px}.portal-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:168px;overflow:hidden;border:1px solid var(--zp-border);border-radius:16px;background:#fff;box-shadow:0 24px 60px #0f172a2e}.portal-user-dropdown a,.portal-user-dropdown button{width:100%;display:flex;align-items:center;min-height:42px;padding:0 14px;background:transparent;color:#334155;font-size:13px;font-weight:800;text-align:left}.portal-user-dropdown a:hover,.portal-user-dropdown button:hover{background:#f8fafc}.portal-user-dropdown button{color:#dc2626}.portal-content main{width:100%;max-width:100%;padding:96px 32px 44px;overflow-x:hidden}.portal-content{height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(5,150,105,.24) transparent}.portal-content::-webkit-scrollbar{width:4px}.portal-content::-webkit-scrollbar-track{background:transparent}.portal-content::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(180deg,#0596692e,#05966961)}.portal-right-curve{position:fixed;right:0;z-index:50;width:32px;height:32px;pointer-events:none;display:block}.portal-right-curve{display:none!important}.portal-sidebar:before,.portal-sidebar:after{content:"";position:fixed;left:var(--portal-sidebar-width);width:var(--portal-corner-size);height:var(--portal-corner-size);z-index:60;pointer-events:none;background:inherit;background-size:32px 32px,32px 32px,var(--portal-sidebar-width) 100vh,var(--portal-sidebar-width) 100vh,100% 100vh;transition:left var(--portal-transition),background-position-x var(--portal-transition)}.portal-sidebar:before{top:0;background-position-x:calc(var(--portal-corner-size) - var(--portal-sidebar-width));background-position-y:0;-webkit-mask-image:radial-gradient(circle at 100% 100%,transparent var(--portal-corner-size),black calc(var(--portal-corner-size) + .5px));mask-image:radial-gradient(circle at 100% 100%,transparent var(--portal-corner-size),black calc(var(--portal-corner-size) + .5px))}.portal-sidebar:after{bottom:0;background-position-x:calc(var(--portal-corner-size) - var(--portal-sidebar-width));background-position-y:calc(var(--portal-corner-size) - 100vh);-webkit-mask-image:radial-gradient(circle at 100% 0%,transparent var(--portal-corner-size),black calc(var(--portal-corner-size) + .5px));mask-image:radial-gradient(circle at 100% 0%,transparent var(--portal-corner-size),black calc(var(--portal-corner-size) + .5px))}html.zakat-sidebar-collapsed .portal-sidebar{width:var(--portal-sidebar-collapsed-width)}html.zakat-sidebar-collapsed .portal-sidebar:before,html.zakat-sidebar-collapsed .portal-sidebar:after{left:var(--portal-sidebar-collapsed-width);background-position-x:calc(var(--portal-corner-size) - var(--portal-sidebar-collapsed-width))}html.zakat-sidebar-collapsed .portal-content{margin-left:var(--portal-sidebar-collapsed-width)}html.zakat-sidebar-collapsed .portal-desktop-header{left:var(--portal-sidebar-collapsed-width);width:calc(100vw - var(--portal-sidebar-collapsed-width))}html.zakat-sidebar-collapsed .portal-sidebar__brand{justify-content:center;padding:0}html.zakat-sidebar-collapsed .portal-sidebar__brand>span:last-child,html.zakat-sidebar-collapsed .portal-sidebar nav a strong,html.zakat-sidebar-collapsed .portal-sidebar__footer strong,html.zakat-sidebar-collapsed .portal-sidebar__footer small{display:none}html.zakat-sidebar-collapsed .portal-sidebar nav a{justify-content:center;padding:10px 0}html.zakat-sidebar-collapsed .portal-sidebar nav{padding:10px}html.zakat-sidebar-collapsed .portal-sidebar nav a span{width:28px;height:28px}html.zakat-sidebar-collapsed .portal-sidebar__footer{padding:10px}.portal-sidebar-tooltip{position:fixed;z-index:99999;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f172af5;color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 24px 60px #0f172a47}.portal-sidebar-tooltip:before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;background:#0f172af5;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-50%) rotate(45deg)}.portal-sidebar-tooltip i{color:#34d399;font-size:13px}.portal-switcher-dropdown{position:relative;display:inline-block}.portal-switcher-menu{position:absolute;right:0;top:100%;margin-top:8px;width:240px;border-radius:16px;border:1px solid var(--zp-border);background:#fff;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:6px;z-index:100;display:flex;flex-direction:column;gap:4px}.portal-switcher-menu__title{padding:8px 12px;font-size:10px;font-weight:900;color:var(--zp-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--zp-border);margin-bottom:4px}.portal-switcher-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:0;background:transparent;color:var(--zp-text-primary);text-align:left;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease;width:100%}.portal-switcher-item:hover:not(:disabled){background:var(--zp-bg-tertiary);color:var(--zp-text-primary)}.portal-switcher-item.active{background:var(--zp-bg-primary);color:var(--zp-text-primary);cursor:default}.portal-switcher-item__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:14px;flex-shrink:0}.portal-switcher-item.is-main .portal-switcher-item__icon{background:#2563eb1a;color:#2563eb}.portal-switcher-item.is-zakat .portal-switcher-item__icon{background:#0478571a;color:#047857}.portal-switcher-item.is-derma .portal-switcher-item__icon{background:#0f5fa81a;color:#0f5fa8}.portal-switcher-item.is-travel .portal-switcher-item__icon{background:#0478571f;color:#047857}.portal-switcher-item__info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.portal-switcher-item__info strong{font-size:13px;font-weight:800}.portal-switcher-item__info small{font-size:10px;color:var(--zp-text-secondary);font-weight:550}.portal-switcher-item__status{width:6px;height:6px;border-radius:999px;background:#10b981}.portal-mobile-header{display:none}.portal-page-stack{display:grid;gap:16px}.zakat-dashboard-shell{gap:18px}.zakat-dashboard-hero{position:relative;overflow:hidden;min-height:220px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr) 170px;align-items:center;gap:20px;padding:clamp(20px,3vw,30px);border:1px solid rgba(16,185,129,.18);border-radius:22px;background:radial-gradient(circle at 16% 18%,rgba(16,185,129,.18),transparent 28%),radial-gradient(circle at 82% 0%,rgba(217,164,65,.16),transparent 30%),linear-gradient(135deg,#fffffffa,#ecfdf5e0);box-shadow:0 24px 60px #065f461a}.zakat-dashboard-hero:after{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(255,255,255,.74);border-radius:18px}.zakat-dashboard-hero__content,.zakat-dashboard-hero__metric,.zakat-dashboard-score{position:relative;z-index:1}.zakat-dashboard-eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;color:#047857;background:#ecfdf5eb;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-dashboard-hero h1{max-width:760px;margin:12px 0 8px;color:#0f172a;font-size:clamp(30px,3.8vw,48px);line-height:.98;letter-spacing:0}.zakat-dashboard-hero p{max-width:680px;color:#475569;font-size:14px;line-height:1.65}.zakat-dashboard-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.zakat-dashboard-hero__metric{min-width:0;display:grid;gap:8px;padding:18px;border:1px solid rgba(16,185,129,.16);border-radius:20px;background:#ffffffc7;box-shadow:0 18px 40px #065f4614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.zakat-dashboard-hero__metric>span,.zakat-dashboard-hero__metric small{color:#64748b;font-size:11px;font-weight:900}.zakat-dashboard-hero__metric>strong{color:#0f172a;font-size:clamp(24px,3vw,38px);line-height:1}.zakat-dashboard-health-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.zakat-dashboard-health{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:900}.zakat-dashboard-health.is-good{color:#047857;background:#ecfdf5}.zakat-dashboard-health.is-warning{color:#92400e;background:#fffbeb}.zakat-dashboard-score{width:146px;height:146px;display:grid;place-items:center;justify-self:center;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.96) 0 54%,transparent 55%),conic-gradient(#059669 var(--score),rgba(209,250,229,.82) 0);box-shadow:0 18px 40px #065f461f}.zakat-dashboard-score div{width:96px;height:96px;display:grid;place-items:center;align-content:center;border-radius:999px;background:#fff}.zakat-dashboard-score strong{color:#047857;font-size:28px;line-height:1}.zakat-dashboard-score span{margin-top:4px;color:#64748b;font-size:10px;font-weight:900;text-align:center}.zakat-dashboard-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zakat-dashboard-insight-card{min-width:0;min-height:108px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(16,185,129,.14);border-radius:18px;background:linear-gradient(135deg,#fffffff5,#f8fafce6),radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 36%);box-shadow:0 14px 30px #0f172a0d}.zakat-dashboard-insight-card>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#047857;background:linear-gradient(135deg,#ecfdf5,#fff);box-shadow:inset 0 0 0 1px #10b98124}.zakat-dashboard-insight-card div{min-width:0;display:grid;gap:4px}.zakat-dashboard-insight-card small,.zakat-dashboard-insight-card p,.zakat-dashboard-insight-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zakat-dashboard-insight-card small{color:#64748b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.zakat-dashboard-insight-card strong{color:#0f172a;font-size:20px;line-height:1.1}.zakat-dashboard-insight-card strong.is-positive{color:#047857}.zakat-dashboard-insight-card strong.is-negative{color:#be123c}.zakat-dashboard-insight-card p{color:#64748b;font-size:12px;font-weight:700}.portal-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.portal-welcome-card,.portal-status-card{min-height:132px;border-radius:14px;border:1px solid rgba(209,250,229,.58);box-shadow:0 10px 24px #0f172a0f}.portal-welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;color:#fff;background:linear-gradient(135deg,#059669,#047857 48%,#064e3b)}.portal-welcome-card:after{content:"";position:absolute;right:-48px;top:-48px;width:150px;height:150px;border-radius:999px;background:#ffffff1a}.portal-welcome-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);font-size:32px;font-weight:900}.portal-welcome-card span{color:#ffffffb8;font-size:12px;font-weight:800}.portal-welcome-card h1{margin:4px 0 6px;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1;letter-spacing:0}.portal-welcome-card p{color:#ffffffb8;font-size:13px}.portal-welcome-card a{position:relative;z-index:1;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;color:#047857;background:#fff;font-size:13px;font-weight:900;box-shadow:0 14px 28px #064e3b2e}.portal-status-card{display:grid;align-content:center;padding:18px;background:#fff}.portal-status-card span{color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.portal-status-card strong{margin:6px 0;color:#047857;font-size:30px;line-height:1}.portal-status-card p{font-size:13px}.portal-shell .metric-card,.portal-shell .section-card,.portal-shell .placeholder-panel{border-radius:14px;box-shadow:0 10px 24px #0f172a0f}.portal-shell .section-card{padding:22px}.portal-shell .metric-card{padding:16px}.portal-shell .metric-card strong{font-size:26px}.zakat-alert{min-height:48px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid #d1fae5;background:#ecfdf5;color:#047857;font-size:13px;font-weight:700}.zakat-alert button{width:30px;height:30px;margin-left:auto;border-radius:10px;background:#ffffff8c;color:currentColor}.zakat-alert--warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.zakat-alert--danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}.zakat-alert--success{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.zakat-module-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.zakat-module-header__title,.zakat-module-header__actions{display:flex;align-items:center;gap:12px}.zakat-module-header__title>span{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#059669,#10b981 52%,#14b8a6);box-shadow:0 14px 28px #04785738}.zakat-module-header h1{margin:0;color:#0f172a;font-size:22px;line-height:1.2;letter-spacing:0}.zakat-module-header p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.zakat-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap}.zakat-button:disabled{cursor:not-allowed;opacity:.6}.zakat-button--primary{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 24px #05966933}.zakat-button--soft{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.zakat-button--ghost{color:#475569;background:#f1f5f9}.zakat-button--danger{color:#fff;background:linear-gradient(135deg,#f43f5e,#dc2626)}.zakat-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.zakat-stat-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:118px;padding:16px;border:1px solid rgba(16,185,129,.16);border-radius:16px;background:linear-gradient(135deg,#fffffff5,#f0fdfac7),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 34%);box-shadow:0 14px 30px #065f4614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zakat-stat-card>div{position:relative;z-index:1;min-width:0}.zakat-stat-card__icon{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#047857;background:linear-gradient(135deg,#d1fae5f5,#ffffffd1);box-shadow:inset 0 0 0 1px #10b98124,0 10px 20px #0596691a}.zakat-stat-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 48%);opacity:.72}.zakat-stat-card>div>span,.zakat-stat-card small{display:block;color:#64748b;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zakat-stat-card strong{position:relative;z-index:1;display:block;margin:10px 0 6px;color:#0f172a;font-size:clamp(18px,2vw,30px);line-height:1.05;overflow-wrap:anywhere}.zakat-stat-card--primary,.zakat-stat-card--blue{color:inherit;border-color:#05966938;background:linear-gradient(135deg,#ecfdf5f5,#ffffffe6),radial-gradient(circle at top right,rgba(5,150,105,.16),transparent 38%)}.zakat-stat-card--blue{border-color:#14b8a633;background:linear-gradient(135deg,#f0fdfaf5,#ffffffe0),radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 40%)}.zakat-stat-card--primary>div>span,.zakat-stat-card--primary small,.zakat-stat-card--blue>div>span,.zakat-stat-card--blue small{color:#64748b}.zakat-stat-card--primary strong,.zakat-stat-card--blue strong{color:#0f172a}.zakat-chart-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px}.zakat-dashboard-chart-panel,.zakat-dashboard-type-panel,.zakat-dashboard-action-panel{border-radius:20px}.zakat-panel{overflow:hidden;border:1px solid rgba(16,185,129,.14);border-radius:16px;background:#fffffff5;box-shadow:0 12px 28px #065f4612;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zakat-panel__header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(135deg,#fffffffa,#f0fdfa9e)}.zakat-panel__header h2{margin:0 0 4px;color:#0f172a;font-size:18px;line-height:1.2;letter-spacing:0}.zakat-panel__header p{color:#64748b;font-size:12px}.zakat-panel__legend{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:700}.zakat-panel__legend i{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#34d399,#059669)}.zakat-monthly-chart{height:260px;display:flex;align-items:stretch;gap:8px;padding:18px}.zakat-monthly-chart--premium{position:relative;height:320px;gap:10px;padding:22px 20px 18px;background:linear-gradient(180deg,#f8fafcb8,#ffffff2e),repeating-linear-gradient(to top,transparent 0 62px,rgba(148,163,184,.12) 63px,transparent 64px)}.zakat-monthly-chart--premium:before{content:"";position:absolute;left:18px;right:18px;bottom:42px;height:1px;background:linear-gradient(90deg,#0f766e14,#0f766e57,#0f766e14)}.zakat-monthly-chart--premium:after{content:"";position:absolute;inset:14px 14px 34px;pointer-events:none;border-radius:18px;background:radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.3),transparent)}.zakat-monthly-chart__bar{position:relative;z-index:1;min-width:0;flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;justify-items:center;height:100%}.zakat-monthly-chart__bar>div{width:100%;height:100%;display:flex;align-items:end;justify-content:center;padding:0 2px}.zakat-monthly-chart__bar span{width:min(100%,28px);min-height:8px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 26%),linear-gradient(180deg,#6ee7b7,#10b981 42%,#047857);box-shadow:inset 0 1px #ffffff80,inset 0 -10px 16px #0478572e,0 12px 24px #0596692e;transform-origin:bottom;transition:height .2s ease,filter .2s ease}.zakat-monthly-chart__bar.is-current span{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 24%),linear-gradient(180deg,#fde68a,#34d399 44%,#047857);box-shadow:inset 0 1px #ffffff8c,0 16px 30px #d9a44138}.zakat-monthly-chart__bar:hover span{filter:saturate(1.15) brightness(1.02)}.zakat-monthly-chart__bar small{color:#64748b;font-size:10px;font-weight:700}.zakat-type-list{display:grid;gap:14px;padding:18px}.zakat-type-list__item{display:grid;gap:8px}.zakat-type-list__item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475569;font-size:12px}.zakat-type-list__item strong{min-width:0;display:inline-flex;align-items:center;gap:8px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zakat-type-list__item strong em{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#ecfdf5;color:#047857;font-size:10px;font-style:normal;font-weight:900}.zakat-type-list__item small{color:#64748b;font-size:11px}.zakat-progress{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0c7}.zakat-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#059669,#047857);box-shadow:0 8px 18px #05966929}.zakat-dashboard-chart-summary{display:grid;justify-items:end;gap:4px}.zakat-dashboard-chart-summary span{color:#64748b;font-size:11px;font-weight:800}.zakat-dashboard-chart-summary strong{color:#047857;font-size:17px;line-height:1}.zakat-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.zakat-ops-card{display:flex;align-items:flex-start;gap:12px;min-height:84px;padding:15px;border:1px solid rgba(16,185,129,.12);border-radius:16px;background:linear-gradient(135deg,#f8fafcf2,#ffffffe6);color:#334155;font-size:13px;font-weight:800}.zakat-ops-card i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;margin-top:0;border-radius:12px;background:#ecfdf5;color:#059669}.zakat-count-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(16,185,129,.18);background:linear-gradient(135deg,#ecfdf5e6,#ffffffdb);color:#047857;font-size:12px;font-weight:800;box-shadow:0 10px 22px #065f4614}.zakat-list-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(135deg,#fffffffa,#f0fdfaa8)}.zakat-list-intro div{display:grid;gap:3px}.zakat-list-intro strong{color:#0f172a;font-size:15px;font-weight:950}.zakat-list-intro span:not(.zakat-count-pill){color:#64748b;font-size:12px;font-weight:750}.zakat-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(130px,auto) minmax(110px,auto) auto;gap:10px;padding:12px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(135deg,#fffffffa,#f0fdfa9e),radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 38%)}.zakat-filter-bar--compact{grid-template-columns:minmax(240px,1fr) minmax(150px,auto) auto}.zakat-filter-bar--transactions{grid-template-columns:minmax(220px,1fr) minmax(150px,auto) minmax(130px,auto) minmax(110px,auto) auto auto}.zakat-filter-bar--categories{grid-template-columns:minmax(260px,1fr) minmax(150px,auto) auto auto}.zakat-filter-bar--payouts{grid-template-columns:minmax(260px,1fr) minmax(150px,auto) minmax(150px,auto) auto}.zakat-filter-total{align-self:center;justify-self:end;white-space:nowrap}.zakat-filter-bar input,.zakat-filter-bar select,.zakat-settings-form input,.zakat-settings-form select,.zakat-settings-form textarea{width:100%;min-height:42px;border:1px solid rgba(16,185,129,.12);border-radius:12px;background:#f8fafce0;color:#0f172a;font-size:13px;outline:none}.zakat-filter-bar select,.zakat-settings-form select{padding:0 12px}.zakat-settings-form textarea{min-height:100px;padding:12px;resize:vertical}.zakat-search-field{position:relative;display:block}.zakat-search-field i{position:absolute;left:13px;top:50%;color:#94a3b8;font-size:13px;transform:translateY(-50%)}.zakat-search-field input{padding:0 14px 0 38px}.zakat-filter-bar__actions{display:flex;gap:8px}.zakat-record-list{display:grid;gap:0}.zakat-record-header,.zakat-record-card{display:grid;grid-template-columns:48px minmax(145px,.85fr) minmax(190px,1.2fr) minmax(160px,1fr) minmax(120px,auto) minmax(120px,auto) 118px;align-items:center;gap:14px}.zakat-record-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-record-card{padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.08);transition:background .16s ease}.zakat-record-card:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-record-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.zakat-record-card__icon.is-paid{background:linear-gradient(135deg,#34d399,#059669)}.zakat-record-card__icon.is-failed{background:linear-gradient(135deg,#fb7185,#dc2626)}.zakat-record-card__icon.is-cancelled{background:linear-gradient(135deg,#94a3b8,#475569)}.zakat-record-card__receipt,.zakat-record-card__payer{min-width:0;display:grid;gap:5px}.zakat-record-card__type{display:grid;gap:3px}.zakat-record-card strong,.zakat-record-card h3{min-width:0;overflow:hidden;margin:0;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25}.zakat-record-card h3{font-size:15px;font-weight:800}.zakat-record-card small{color:#94a3b8;font-size:11px;font-weight:700}.zakat-person-pill,.zakat-status-pill{width:fit-content;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800}.zakat-person-pill.is-person{color:#1d4ed8;background:#eff6ff}.zakat-person-pill.is-company{color:#7c3aed;background:#f5f3ff}.zakat-record-card__amount{color:#047857;font-size:15px;font-weight:900;white-space:nowrap}.zakat-status-pill{justify-self:start;border:1px solid #fde68a;color:#92400e;background:#fffbeb}.zakat-status-pill.is-paid{border-color:#bbf7d0;color:#047857;background:#ecfdf5}.zakat-status-pill.is-failed{border-color:#fecdd3;color:#be123c;background:#fff1f2}.zakat-status-pill.is-cancelled{border-color:#e2e8f0;color:#475569;background:#f8fafc}.zakat-record-card__actions{display:flex;justify-content:flex-end;gap:6px}.zakat-record-card__actions button,.zakat-record-card__actions a{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#047857;background:#ecfdf5}.zakat-record-card__actions button.is-danger,.zakat-record-card__actions a.is-danger{color:#be123c;background:#fff1f2}.zakat-affiliate-list{display:grid}.zakat-affiliate-header,.zakat-affiliate-card{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(110px,.55fr) minmax(118px,auto) minmax(100px,.45fr) minmax(140px,.7fr) minmax(135px,.7fr) 126px;align-items:center;gap:14px}.zakat-affiliate-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-affiliate-card{padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.08);transition:background .16s ease}.zakat-affiliate-card:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-affiliate-card__main img{width:44px;height:44px;border-radius:15px;object-fit:cover;box-shadow:0 10px 20px #0f172a14}.zakat-affiliate-card__main{min-width:0;display:flex;align-items:center;gap:10px}.zakat-affiliate-card__main span{min-width:0;display:grid;gap:4px}.zakat-affiliate-card__main strong,.zakat-affiliate-card__code strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.zakat-affiliate-card__main small,.zakat-affiliate-card__code small{overflow:hidden;color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.zakat-affiliate-card__whatsapp span{width:fit-content;display:inline-flex;align-items:center;gap:6px;color:#047857;font-size:12px;font-weight:800}.zakat-affiliate-card__code,.zakat-payout-row__amount{display:grid;gap:4px}.zakat-affiliate-card__code strong{color:#047857;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:18px}.zakat-affiliate-card__count,.zakat-affiliate-card__amount,.zakat-affiliate-card__whatsapp small{color:#475569;font-size:13px;font-weight:800}.zakat-affiliate-card__amount{color:#047857}.zakat-affiliate-card__actions{display:flex;justify-content:flex-end;gap:6px}.zakat-affiliate-card__actions button,.zakat-affiliate-card__actions a{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:12px;color:#047857;background:#ecfdf5;text-decoration:none;cursor:pointer}.zakat-affiliate-card__actions button.is-danger{color:#be123c;background:#fff1f2}.zakat-affiliate-card__actions a{color:#128c7e;background:#dcfce7}.zakat-affiliate-detail{display:grid;gap:16px;padding:20px}.zakat-affiliate-detail__identity{display:flex;align-items:center;gap:14px}.zakat-affiliate-detail__identity img{width:64px;height:64px;border-radius:20px;object-fit:cover}.zakat-affiliate-detail__identity div,.zakat-affiliate-detail__grid span{display:grid;gap:5px}.zakat-affiliate-detail__identity strong{color:#0f172a;font-size:20px}.zakat-affiliate-detail__identity span,.zakat-affiliate-detail p,.zakat-affiliate-detail__grid small{color:#64748b;font-size:12px;font-weight:750}.zakat-affiliate-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zakat-affiliate-detail__grid span{padding:12px;border:1px solid rgba(16,185,129,.1);border-radius:16px;background:#f8fafc}.zakat-affiliate-detail__grid strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.zakat-payout-list{display:grid}.zakat-payout-header,.zakat-payout-row{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(90px,.45fr) minmax(130px,.65fr) minmax(130px,.65fr) minmax(135px,auto) minmax(150px,.8fr) 124px;align-items:center;gap:14px}.zakat-payout-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-payout-row{padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.08)}.zakat-payout-row__affiliate,.zakat-payout-row__amount,.zakat-payout-row__bank{min-width:0;display:grid;gap:4px}.zakat-payout-row strong,.zakat-payout-row__code{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900}.zakat-payout-row small,.zakat-payout-row em{overflow:hidden;color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:750}.zakat-payout-row__amount strong{color:#047857}.zakat-payout-row__amount.is-unpaid strong{color:#be123c}.zakat-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.zakat-settings-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(135deg,#fffffffa,#f0fdfa9e),radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 38%)}.zakat-settings-tab{min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;padding:12px;border:1px solid rgba(16,185,129,.12);border-radius:14px;background:#ffffffe0;color:#334155;text-align:left;box-shadow:0 10px 22px #065f460a}.zakat-settings-tab i{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#047857;background:linear-gradient(135deg,#d1fae5f5,#ffffffd1);box-shadow:inset 0 0 0 1px #10b98124}.zakat-settings-tab span{color:#0f172a;font-size:13px;font-weight:900}.zakat-settings-tab small{overflow:hidden;color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.zakat-settings-tab.is-active{border-color:#0596693d;background:linear-gradient(135deg,#ecfdf5f5,#ffffffe6),radial-gradient(circle at top right,rgba(5,150,105,.14),transparent 42%);box-shadow:0 12px 26px #04785717}.zakat-settings-form{display:grid;gap:14px;padding:18px}.zakat-settings-form--tab{max-width:760px}.zakat-settings-section-header{display:flex;justify-content:space-between;gap:14px;padding-bottom:4px}.zakat-settings-section-header h2{margin:0 0 4px;color:#0f172a;font-size:20px;line-height:1.2}.zakat-settings-section-header p{color:#64748b;font-size:13px}.zakat-settings-helper{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #bbf7d0;border-radius:14px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800}.zakat-settings-helper i{margin-top:2px}.zakat-settings-form label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:900}.zakat-toggle-row{min-height:58px;display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.zakat-toggle-row span{display:grid;gap:3px}.zakat-toggle-row strong{color:#0f172a;font-size:13px}.zakat-toggle-row small{color:#64748b;font-size:11px;font-weight:700}.zakat-toggle-row input{width:42px;min-height:24px;accent-color:#047857}.zakat-settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.zakat-filter-bar--leaderboard{grid-template-columns:minmax(220px,1fr) minmax(125px,auto) minmax(140px,auto) minmax(145px,auto) minmax(115px,auto) auto}.zakat-leaderboard-list{display:grid;overflow-x:auto}.zakat-leaderboard-header,.zakat-leaderboard-row{min-width:1120px;display:grid;grid-template-columns:70px minmax(180px,1.2fr) 110px 150px 120px 150px 150px 130px 120px;align-items:center;gap:12px}.zakat-leaderboard-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-leaderboard-row{padding:15px 18px;border-bottom:1px solid rgba(16,185,129,.08);color:#475569;font-size:13px;font-weight:700}.zakat-leaderboard-row:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-leaderboard-rank{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;color:#047857;background:#ecfdf5;font-weight:900}.zakat-leaderboard-rank.is-gold{color:#92400e;background:#fef3c7}.zakat-leaderboard-rank.is-silver{color:#475569;background:#e2e8f0}.zakat-leaderboard-rank.is-bronze{color:#9a3412;background:#ffedd5}.zakat-leaderboard-person{min-width:0;display:grid;gap:4px}.zakat-leaderboard-person strong,.zakat-leaderboard-code,.zakat-leaderboard-row>strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap}.zakat-leaderboard-person small{color:#94a3b8;font-size:11px;font-weight:700}.zakat-leaderboard-code{color:#047857;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.zakat-content-form{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-content-form .is-wide{grid-column:1 / -1}.zakat-content-list,.zakat-review-list{display:grid}.zakat-content-card,.zakat-review-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) 118px;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.08);transition:background .16s ease}.zakat-content-card:hover,.zakat-review-card:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-content-card--with-cover{grid-template-columns:92px minmax(0,1fr) minmax(110px,auto) 118px}.zakat-content-card--with-cover>img,.zakat-cover-placeholder{width:84px;aspect-ratio:16 / 10;overflow:hidden;border-radius:14px;background:#f1f5f9;object-fit:cover}.zakat-cover-placeholder{display:grid;place-items:center;color:#94a3b8}.zakat-content-card>div,.zakat-review-card__main{min-width:0;display:grid;gap:6px}.zakat-content-card strong,.zakat-review-card strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.zakat-content-card small,.zakat-review-card small{color:#94a3b8;font-size:11px;font-weight:700}.zakat-content-card p,.zakat-review-card p{overflow:hidden;margin:0;color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.zakat-filter-bar--reviews{grid-template-columns:minmax(240px,1fr) minmax(130px,auto) minmax(140px,auto) auto}.zakat-filter-bar--reports{grid-template-columns:minmax(150px,auto) auto}.zakat-stat-grid--reports{grid-template-columns:repeat(4,minmax(0,1fr))}.zakat-report-header,.zakat-report-row{min-width:860px;display:grid;grid-template-columns:140px minmax(180px,1.2fr) 130px 120px 110px 120px;align-items:center;gap:12px}.zakat-report-header--affiliate,.zakat-report-row--affiliate{grid-template-columns:minmax(220px,1fr) 120px 110px 150px 150px}.zakat-report-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-report-row{padding:15px 18px;border-bottom:1px solid rgba(16,185,129,.08);color:#475569;font-size:13px;font-weight:700;transition:background .16s ease}.zakat-report-row:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-report-row strong{color:#0f172a}.zakat-stars,.zakat-rating-picker{display:inline-flex;align-items:center;gap:4px;color:#cbd5e1}.zakat-stars .is-active,.zakat-rating-picker .is-active{color:#f59e0b}.zakat-rating-picker{justify-content:center;gap:8px;padding:8px 0}.zakat-rating-picker button{width:42px;height:42px;border-radius:14px;background:#f8fafc;font-size:18px}.zakat-review-modal .zakat-settings-form{padding-top:8px}.zakat-content-form--editor{grid-template-columns:minmax(280px,.75fr) minmax(0,1fr)}.zakat-cover-uploader{grid-row:span 4;display:grid;align-content:start;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.zakat-cover-uploader>img,.zakat-cover-uploader>div:first-child{width:100%;aspect-ratio:16 / 9;overflow:hidden;display:grid;place-items:center;border-radius:14px;background:#e2e8f0;color:#64748b;object-fit:cover}.zakat-cover-uploader>img{object-fit:cover;object-position:center 42%;background:#ecfdf5}.zakat-cover-uploader>div:first-child{gap:8px;font-size:13px;font-weight:800}.zakat-cover-uploader>div:first-child i{font-size:28px}.zakat-cover-uploader__button{cursor:pointer;min-height:42px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:12px;color:#fff!important;background:linear-gradient(135deg,#059669,#047857);font-size:13px!important}.zakat-cover-uploader__button input{display:none}.zakat-cover-uploader small{color:#64748b;font-size:11px;font-weight:700}.news-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;margin-bottom:12px}.zakat-news-shell{gap:16px}.zakat-news-topbar,.zakat-news-form-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.zakat-news-heading,.zakat-news-form-header{min-width:0}.zakat-news-heading{display:flex;align-items:center;gap:12px}.zakat-news-heading>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#fff;background:linear-gradient(135deg,#059669,#10b981 52%,#14b8a6);box-shadow:0 14px 28px #04785738}.zakat-news-heading h1,.zakat-news-form-header h1{margin:0;color:#0f172a;font-size:22px;line-height:1.2}.zakat-news-heading p,.zakat-news-form-header p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:700}.zakat-news-create,.zakat-news-save{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 14px 24px #04785733;font-size:13px;font-weight:900}.zakat-news-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zakat-news-stats article{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:82px;padding:16px;border:1px solid rgba(16,185,129,.16);border-radius:16px;background:linear-gradient(135deg,#fffffff5,#f0fdfac7),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 34%);box-shadow:0 14px 30px #065f4614;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zakat-news-stats article:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 48%);opacity:.72}.zakat-news-stats article.is-primary,.zakat-news-stats article.is-success{border-color:#05966938;background:linear-gradient(135deg,#ecfdf5f5,#ffffffe6),radial-gradient(circle at top right,rgba(5,150,105,.16),transparent 38%)}.zakat-news-stats article.is-success{border-color:#14b8a633;background:linear-gradient(135deg,#f0fdfaf5,#ffffffe0),radial-gradient(circle at top right,rgba(20,184,166,.14),transparent 40%)}.zakat-news-stats article>span{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#047857;background:linear-gradient(135deg,#d1fae5f5,#ffffffd1);box-shadow:inset 0 0 0 1px #10b98124,0 10px 20px #0596691a}.zakat-news-stats strong{position:relative;z-index:1;display:block;color:#0f172a;font-size:26px;line-height:1}.zakat-news-stats small{position:relative;z-index:1;color:#64748b;font-size:12px;font-weight:800;letter-spacing:0}.zakat-news-filter-card,.zakat-news-list-panel,.zakat-editor-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 24px #0f172a0f}.zakat-news-filter-card{padding:12px}.zakat-news-filter-card form,form.zakat-news-filter-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,auto) auto auto;gap:10px}.zakat-news-filter-card input,.zakat-news-filter-card select,.zakat-editor-card input,.zakat-editor-card select,.zakat-editor-card textarea{width:100%;min-height:42px;border:1px solid transparent;border-radius:12px;background:#f8fafc;color:#0f172a;font-size:13px;outline:none}.zakat-news-filter-card select,.zakat-editor-card select,.zakat-editor-card input{padding:0 12px}.zakat-editor-card textarea{padding:12px;resize:vertical}.zakat-news-list-item{display:flex;gap:16px;padding:16px;border-bottom:1px solid #f1f5f9;transition:background .16s ease}.zakat-news-list-item:hover{background:#f8fafc}.zakat-news-list-item>img,.zakat-news-list-item>.zakat-cover-placeholder{width:128px;height:96px;flex:0 0 auto;border-radius:14px;object-fit:cover}.zakat-news-list-item__body{min-width:0;flex:1;display:grid;gap:8px}.zakat-news-list-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.zakat-news-list-item h2{overflow:hidden;margin:0;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.35}.zakat-news-list-item p{display:-webkit-box;overflow:hidden;margin:0;color:#64748b;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.45}.zakat-news-badges,.zakat-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.zakat-news-badges span,.zakat-news-meta span{width:fit-content;display:inline-flex;align-items:center;gap:5px;min-height:23px;padding:0 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:800}.zakat-news-badges .is-published{color:#047857;background:#ecfdf5}.zakat-news-badges .is-draft{color:#92400e;background:#fffbeb}.zakat-news-meta span{padding:0;background:transparent;color:#94a3b8}.zakat-news-form-header{justify-content:flex-start}.zakat-news-back{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#f1f5f9;color:#475569}.zakat-news-editor{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.9fr);gap:16px}.zakat-news-editor__main,.zakat-news-editor__side{display:grid;align-content:start;gap:16px}.zakat-category-top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.zakat-category-list{display:grid;gap:0}.zakat-category-form .zakat-editor-card__body{gap:20px}.zakat-category-form .zakat-category-special{margin:0}.zakat-category-form .zakat-content-form{padding:0;gap:16px}.zakat-category-form .zakat-news-editor__main,.zakat-category-form .zakat-news-editor__side{gap:18px}.zakat-category-form .zakat-editor-card{border-radius:18px}.zakat-category-form .zakat-editor-card header{padding:16px 18px}.zakat-category-form .zakat-editor-card__body{padding:18px}.zakat-category-editor>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(135deg,#fffffffa,#ecfdf5b8)}.zakat-category-editor h2{margin:0 0 4px;color:#0f172a;font-size:18px;letter-spacing:0}.zakat-category-editor p{color:#64748b;font-size:12px}.zakat-toggle-row{min-height:44px;display:flex!important;align-items:center;flex-direction:row!important;gap:10px!important;color:#334155;font-size:13px;font-weight:800}.zakat-toggle-row input{width:18px!important;height:18px;accent-color:#059669}.zakat-category-special{display:grid;gap:12px;margin:0 18px 18px;padding:14px;border:1px solid rgba(59,130,246,.16);border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff)}.zakat-category-special__head{display:flex;align-items:center;gap:10px}.zakat-category-special__head i{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);box-shadow:0 12px 24px #2563eb29}.zakat-category-special__head strong{display:block;color:#0f172a;font-size:14px}.zakat-category-special__head span{color:#64748b;font-size:12px}.zakat-category-rates,.zakat-category-people{display:grid;gap:10px}.zakat-category-rate{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px}.zakat-category-rate textarea{grid-column:1 / -1}.zakat-category-people{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-category-special input,.zakat-category-special textarea{width:100%;border:1px solid #dbeafe;border-radius:12px;padding:10px 12px;color:#0f172a;background:#fff;font-size:13px;font-weight:700}.zakat-category-form .zakat-category-rate+.zakat-category-rate{padding-top:10px;border-top:1px dashed #dbeafe}.zakat-category-header,.zakat-category-card{display:grid;grid-template-columns:48px minmax(230px,1.35fr) minmax(150px,.8fr) minmax(110px,auto) minmax(115px,auto) minmax(105px,auto) 118px;align-items:center;gap:14px}.zakat-category-header{min-height:44px;padding:0 18px;border-bottom:1px solid rgba(16,185,129,.1);background:linear-gradient(90deg,#f8fafcf5,#f0fdfac2);color:#64748b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.zakat-category-card{padding:16px 18px;border-bottom:1px solid rgba(16,185,129,.08);transition:background .16s ease}.zakat-category-card:hover{background:linear-gradient(90deg,#f8fafceb,#f0fdfa7a)}.zakat-category-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#34d399,#059669)}.zakat-category-card__main,.zakat-category-card__mode{min-width:0;display:grid;gap:4px}.zakat-category-card__mode{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#475569;font-size:12px;font-weight:800}.zakat-category-card__mode i{color:#047857}.zakat-category-card__main strong{display:block;min-width:0;overflow:hidden;color:#0f172a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.zakat-category-card__main small{display:block;margin-top:2px;color:#94a3b8;font-size:11px;font-weight:900}.zakat-category-card p{display:-webkit-box;overflow:hidden;margin:0;color:#64748b;font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zakat-category-card__amount{color:#047857;font-size:14px;font-weight:900;white-space:nowrap}.zakat-category-card__count{color:#64748b;font-size:12px;font-weight:800;white-space:nowrap}.zakat-editor-card header{padding:13px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.zakat-editor-card h2{display:flex;align-items:center;gap:8px;margin:0;color:#0f172a;font-size:14px}.zakat-editor-card h2 i{color:#94a3b8}.zakat-editor-card__body{display:grid;gap:14px;padding:16px}.zakat-editor-card label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:900}.zakat-editor-card small{color:#94a3b8;font-size:11px;font-weight:700}.zakat-slug-field{display:flex}.zakat-slug-field span{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid #e2e8f0;border-right:0;border-radius:12px 0 0 12px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:800}.zakat-slug-field input{border-radius:0 12px 12px 0}.zakat-cover-uploader{grid-row:auto;padding:0;border:0;background:transparent}.zakat-cover-dropzone{cursor:pointer;min-height:116px;display:grid!important;place-items:center;gap:4px;padding:16px;border:2px dashed #cbd5e1;border-radius:14px;color:#64748b!important;text-align:center;transition:border .16s ease,background .16s ease}.zakat-cover-dropzone:hover{border-color:#10b981;background:#ecfdf5}.zakat-cover-dropzone input{display:none}.zakat-cover-dropzone i{color:#94a3b8;font-size:24px}.zakat-cover-dropzone span{font-size:13px;font-weight:900}.zakat-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#f8fafc;color:#64748b;font-size:13px}.zakat-pagination>div{display:flex;align-items:center;gap:8px}.zakat-pagination button{min-height:34px;padding:0 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:12px;font-weight:800}.zakat-pagination button:disabled{cursor:not-allowed;opacity:.45}.zakat-empty-state{display:grid;place-items:center;gap:8px;padding:34px 18px;color:#94a3b8;text-align:center;font-size:13px;font-weight:700}.zakat-empty-state i{font-size:28px}.zakat-empty-state strong{color:#475569;font-size:15px}.zakat-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}.zakat-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;background:#0f172a94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zakat-modal__panel{position:relative;width:min(720px,100%);max-height:min(84vh,760px);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 30px 80px #0f172a57}.zakat-modal__panel--small{width:min(480px,100%)}.zakat-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;color:#fff;background:linear-gradient(135deg,#059669,#047857)}.zakat-modal__header--danger{background:linear-gradient(135deg,#f43f5e,#dc2626)}.zakat-modal__header h2{margin:0 0 4px;color:#fff;font-size:20px;letter-spacing:0}.zakat-modal__header p{color:#ffffffbd;font-size:13px}.zakat-modal__header button{width:40px;height:40px;border-radius:12px;color:#fff;background:#ffffff29}.zakat-detail-grid{max-height:calc(84vh - 92px);overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.zakat-detail-grid>div{padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.zakat-detail-grid .is-wide{grid-column:1 / -1}.zakat-detail-grid span{display:block;margin-bottom:5px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.zakat-detail-grid strong{color:#0f172a;font-size:14px}.zakat-detail-receipt{color:#047857;background:#ecfdf5!important}.zakat-detail-note p{color:#334155;font-size:13px}.zakat-confirm-box{margin:20px;padding:16px;border:1px solid #fecdd3;border-radius:16px;background:#fff1f2;color:#be123c;font-size:14px;font-weight:700}.zakat-modal__actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px}.portal-placeholder-card h1{margin:8px 0;color:#0f172a;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:0}.zakat-pay-page{min-height:100vh;color:#1f2937;background-color:#ecfdf5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23059669' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding-bottom:110px}.zakat-pay-page *,.zakat-pay-page *:before,.zakat-pay-page *:after{box-sizing:border-box}.zakat-pay-header{position:sticky;top:0;z-index:40;background:linear-gradient(135deg,#047857,#059669 55%,#0d9488);color:#fff;box-shadow:0 12px 32px #065f4638}.zakat-pay-header>div{width:min(100% - 32px,980px);min-height:74px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;gap:14px}.zakat-pay-header a{min-width:0;display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.zakat-pay-header a:first-child{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px}.zakat-pay-header a:first-child span{grid-row:1 / span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff3d}.zakat-pay-header img{width:34px;height:34px;object-fit:contain}.zakat-pay-header strong,.zakat-pay-header small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zakat-pay-header strong{align-self:end;font-size:16px;font-weight:900}.zakat-pay-header small{align-self:start;color:#ffffffc7;font-size:12px;font-weight:700}.zakat-pay-header a:last-child{position:absolute;right:0;height:38px;padding:0 14px;border-radius:999px;background:#ffffff24;font-size:13px;font-weight:900}.zakat-pay-header__theme{position:absolute;left:0;height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffeb;background:#ffffff1f;box-shadow:inset 0 1px #ffffff2e;font-size:12px;font-weight:900}.zakat-pay-header__theme i{color:#fef3c7}.zakat-pay-header a.zakat-pay-header__logo{width:min(52vw,230px);height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0}.zakat-pay-header a.zakat-pay-header__logo:first-child{display:inline-flex;grid-template-columns:none}.zakat-pay-header a.zakat-pay-header__logo img{width:auto;max-width:100%;height:54px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(6,95,70,.16))}.zakat-pay-main{width:min(100% - 28px,920px);margin:0 auto;padding:26px 0 14px}.zakat-pay-title{text-align:center;margin-bottom:18px}.zakat-pay-title>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 14px;border:1px solid rgba(5,150,105,.18);border-radius:999px;color:#047857;background:#ffffffd1;box-shadow:0 12px 34px #0596691f;font-size:13px;font-weight:900}.zakat-pay-title h1{margin:0;color:#111827;font-size:30px;line-height:1.16;letter-spacing:0;font-weight:950}.zakat-pay-title p{margin:8px 0 0;color:#64748b;font-size:15px;font-weight:700}.zakat-pay-guide{position:relative;overflow:hidden;margin-bottom:16px;padding:16px;border-radius:16px;color:#fff;background:radial-gradient(circle at calc(100% + 16px) -24px,rgba(255,255,255,.1) 0 64px,transparent 65px),linear-gradient(90deg,#059669,#0d9488 52%,#047857);box-shadow:0 14px 26px #065f4629}.zakat-pay-guide>button{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border:0;border-radius:999px;color:#fff;background:#fff3}.zakat-pay-guide__head{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:12px}.zakat-pay-guide__head span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;color:#064e3b;background:#facc15;font-size:11px;font-weight:900}.zakat-pay-guide__head strong{color:#ffffffe6;font-size:14px;font-weight:800}.zakat-pay-guide__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zakat-pay-guide article{min-height:90px;display:grid;align-content:start;justify-items:center;padding:12px;border-radius:12px;background:#ffffff1a;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zakat-pay-guide b{width:32px;height:32px;display:grid;place-items:center;margin-bottom:8px;border-radius:999px;color:#064e3b;background:#facc15;font-size:14px;font-weight:950}.zakat-pay-guide p{margin:0;color:#fff;font-size:12px;font-weight:500;line-height:1.2}.zakat-pay-guide em{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;width:fit-content;margin:12px auto 0;padding:7px 16px;border-radius:999px;background:#facc15;color:#064e3b;font-size:12px;font-style:normal;font-weight:800}.zakat-pay-guide--slider{overflow:visible;min-height:178px;padding:0;border:0;background:transparent;box-shadow:none}.zakat-pay-guide-slider{position:relative;min-height:178px;overflow:visible;border-radius:inherit}.zakat-pay-guide-slider__viewport{position:absolute;inset:0;overflow:hidden;border-radius:inherit;border:0;background:transparent;box-shadow:0 14px 26px #065f4629}.zakat-pay-guide-slide{position:absolute;inset:0;min-height:178px;display:flex;flex-direction:column;justify-content:space-between;padding:16px 56px;opacity:0;z-index:1;color:#fff;background:linear-gradient(115deg,#042f2ecc,#05966994),linear-gradient(135deg,#064e3b,#0f766e);background-position:center;background-size:cover;pointer-events:none;overflow:hidden;border-radius:inherit;text-align:left;transform:scale(1.035);transition:opacity .9s ease,transform .9s ease;will-change:opacity,transform}.zakat-pay-guide-slide.is-guide{padding:16px;display:block;color:#fff;background:radial-gradient(circle at calc(100% + 24px) -32px,rgba(255,255,255,.16) 0 72px,transparent 73px),linear-gradient(132deg,#064e3b,#047857 48%,#0f766e);text-align:center}.zakat-pay-guide .zakat-pay-guide-slide.is-promotion{display:flex}.zakat-pay-guide-slide.is-active{opacity:1;z-index:2;pointer-events:auto;transform:scale(1)}.zakat-pay-guide-slide__top,.zakat-pay-guide-slide__body,.zakat-pay-guide-slide__steps{position:relative;z-index:2}.zakat-pay-guide-slide__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.zakat-pay-guide-slide__top span{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border:1px solid rgba(250,204,21,.55);border-radius:999px;color:#fef3c7;background:#facc1529;font-size:10px;font-weight:950;letter-spacing:.08em}.zakat-pay-guide-slide__top small{color:#ffffffb8;font-size:11px;font-weight:900}.zakat-pay-guide-slide__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin:12px 0}.zakat-pay-guide-slide.is-promotion{justify-content:center;padding:26px 76px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__top{position:absolute;top:14px;left:18px;right:56px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__body{display:block;max-width:560px;margin:0 auto;text-align:center}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__body strong{font-size:24px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__body p{margin:8px auto 0;max-width:460px;color:#ffffffd1}.zakat-pay-guide-slide.is-logo{justify-content:center;align-items:center;padding:18px 52px;background:radial-gradient(circle at 50% 45%,#f0fdfafa,#fffffff5 48%,#ecfdf5e6),#fff}.zakat-pay-guide-logo-only{width:100%;height:100%;display:grid;place-items:center}.zakat-pay-guide-logo-only img{width:min(82%,430px);max-height:132px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(6,95,70,.14))}.zakat-pay-guide-slide__body strong{display:block;color:#fff;font-size:22px;line-height:1.12;font-weight:950}.zakat-pay-guide-slide__body p{margin:6px 0 0;max-width:520px;color:#ffffffc7;font-size:13px;font-weight:700;line-height:1.42}.zakat-pay-guide-slide__body em{width:auto;max-width:270px;margin:0;padding:8px 12px;color:#064e3b;background:#fef3c7f0;box-shadow:0 12px 24px #042f2e29;font-size:11px;line-height:1.2;text-align:center}.zakat-pay-guide-slide__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zakat-pay-guide-slide__steps div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zakat-pay-guide-slide__steps b{width:25px;height:25px;margin:0;color:#064e3b;background:#facc15;font-size:11px}.zakat-pay-guide-slide__steps p{margin:0;color:#ffffffeb;font-size:11px;font-weight:800;line-height:1.18}.zakat-pay-guide-slider__nav{position:absolute;top:50%;z-index:6;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:#042f2e52;box-shadow:0 12px 22px #042f2e29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transform:translateY(-50%)}.zakat-pay-guide-slider__nav.is-prev{left:-17px}.zakat-pay-guide-slider__nav.is-next{right:-17px}.zakat-pay-guide-slider__dots{position:absolute;left:50%;bottom:6px;z-index:6;display:flex;align-items:center;gap:6px;transform:translate(-50%)}.zakat-pay-guide-slider__dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#ffffff6b;cursor:pointer;transition:width .18s ease,background .18s ease}.zakat-pay-guide-slider__dots button.is-active{width:18px;background:#fef3c7}.zakat-pay-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 12px 34px #0f172a14}.zakat-pay-alert.is-warning{border:1px solid #fde68a;color:#92400e;background:#fffbeb}.zakat-pay-alert.is-error{border:1px solid #fecdd3;color:#be123c;background:#fff1f2}.zakat-pay-alert.is-success{border:1px solid #bbf7d0;color:#047857;background:#ecfdf5}.zakat-pay-alert strong,.zakat-pay-alert span{display:block}.zakat-pay-alert strong{margin-bottom:2px;font-weight:950}.zakat-pay-alert button{width:30px;height:30px;border:0;border-radius:999px;color:currentColor;background:#ffffff94}.zakat-pay-progress,.zakat-pay-card{border:1px solid rgba(226,232,240,.92);border-radius:28px;background:#ffffffeb;box-shadow:0 22px 70px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.zakat-pay-progress{margin-bottom:12px;padding:12px;border-radius:22px}.zakat-pay-progress__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:12px;font-weight:900}.zakat-pay-progress__top strong,.zakat-pay-progress__top b{color:#047857}.zakat-pay-progress__track{height:5px;overflow:hidden;margin:9px 0 10px;border-radius:999px;background:#e2e8f0}.zakat-pay-progress__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#0d9488);transition:width .25s ease}.zakat-pay-progress__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.zakat-pay-progress__steps div{min-width:0;display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:14px;color:#94a3b8;background:#f8fafc;font-size:11px;font-weight:900}.zakat-pay-progress__steps b{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#e2e8f0;color:#64748b}.zakat-pay-progress__steps div.active{color:#047857;background:#ecfdf5}.zakat-pay-progress__steps div.active b,.zakat-pay-progress__steps div.completed b{color:#fff;background:linear-gradient(135deg,#059669,#0d9488)}.zakat-pay-form{display:grid;gap:14px}.zakat-pay-card{padding:22px}.zakat-pay-section-title{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#064e3b;font-size:22px;line-height:1.15;letter-spacing:0;font-weight:950}.zakat-pay-section-title span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;color:#047857;background:#ecfdf5}.zakat-pay-field{display:grid;gap:8px;margin:0 0 16px}.zakat-pay-field>label,.zakat-pay-field>span,.zakat-pay-address>label{color:#334155;font-size:13px;font-weight:950}.zakat-pay-field b,.zakat-pay-field label span,.zakat-pay-field>label span{color:#ef4444}.zakat-pay-field small{color:#94a3b8;font-size:12px;font-weight:700}.zakat-pay-field small.is-error{color:#e11d48}.zakat-pay-field small.is-success{color:#047857}.zakat-pay-field input,.zakat-pay-field select,.zakat-pay-money,.zakat-pay-select-trigger{width:100%;min-height:54px;border:1px solid #dbe6ef;border-radius:18px;background:#fff;color:#0f172a;font:inherit;font-size:15px;font-weight:800;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.zakat-pay-field input,.zakat-pay-field select{padding:0 16px}.zakat-pay-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 23px,calc(100% - 12px) 23px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.zakat-pay-field input:focus,.zakat-pay-field select:focus,.zakat-pay-select-trigger:focus,.zakat-pay-money:focus-within{border-color:#10b981;box-shadow:0 0 0 4px #10b98124}.zakat-pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zakat-pay-grid .zakat-pay-field,.zakat-pay-field.is-compact{margin-bottom:0}.zakat-pay-address{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid #e2e8f0;border-radius:22px;background:#f8fafc}.zakat-pay-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zakat-pay-radio-grid button{position:relative;min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #dbe6ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.zakat-pay-radio-grid button:active{transform:scale(.985)}.zakat-pay-radio-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dbe6ef;align-self:center;border-radius:16px;background:#f8fafc;color:#64748b}.zakat-pay-radio-icon i{font-size:16px}.zakat-pay-radio-grid button>span:last-child{min-width:0;display:grid;gap:2px}.zakat-pay-radio-grid strong{font-size:15px;line-height:1.15;font-weight:950;white-space:nowrap}.zakat-pay-radio-grid small{color:#64748b;font-size:12px;font-weight:800}.zakat-pay-radio-grid button.selected{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff);box-shadow:0 14px 34px #10b98121}.zakat-pay-radio-grid button.selected .zakat-pay-radio-icon{border-color:#05966933;background:#047857;color:#fff}.zakat-pay-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:#94a3b8;text-align:left}.zakat-pay-select-trigger.has-value{color:#0f172a}.zakat-pay-affiliate-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px;padding:12px;border:1px solid rgba(16,185,129,.18);border-radius:20px;background:linear-gradient(135deg,#ecfdf5eb,#fff);box-shadow:0 12px 34px #0f172a0f}.zakat-pay-affiliate-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;color:#047857;background:#dcfce7}.zakat-pay-affiliate-card label{min-width:0;position:relative;display:block}.zakat-pay-affiliate-card strong{color:#0f172a;font-size:12px;font-weight:950;letter-spacing:.02em}.zakat-pay-affiliate-card input{width:100%;min-height:40px;padding:0 88px 0 12px;border:1px solid #dbe6ef;border-radius:13px;background:#fff;color:#0f172a;font:inherit;font-size:13px;font-weight:900;outline:none}.zakat-pay-affiliate-card input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f}.zakat-pay-affiliate-card small{position:absolute;top:50%;right:8px;transform:translateY(-50%);min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:800}.zakat-pay-affiliate-card small.is-error{background:#fff1f2;color:#e11d48}.zakat-pay-affiliate-card small.is-success{background:#dcfce7;color:#047857}.zakat-pay-money{display:grid;grid-template-columns:62px minmax(0,1fr);overflow:hidden}.zakat-pay-money span{display:grid;place-items:center;color:#047857;background:#ecfdf5;font-size:15px;font-weight:950}.zakat-pay-money input{min-height:52px;border:0;border-radius:0;box-shadow:none!important}.zakat-pay-fitrah{display:grid;gap:14px;margin-bottom:16px;padding:16px;border:1px solid #bbf7d0;border-radius:24px;background:linear-gradient(135deg,#ecfdf5f5,#f0fdfaf5)}.zakat-pay-fitrah__head{display:flex;align-items:center;gap:12px}.zakat-pay-fitrah__head>i{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;color:#047857;background:#fff}.zakat-pay-fitrah__head strong{display:block;color:#064e3b;font-size:15px;font-weight:950}.zakat-pay-fitrah__head p,.zakat-pay-fitrah small{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:700}.zakat-pay-fitrah__rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.zakat-pay-fitrah__rates button{min-height:116px;padding:13px;border:1px solid #d1fae5;border-radius:18px;background:#fff;text-align:left}.zakat-pay-fitrah__rates button.active{border-color:#10b981;box-shadow:0 12px 32px #10b98129}.zakat-pay-fitrah__rates span{color:#047857;font-size:12px;font-weight:950}.zakat-pay-fitrah__rates strong{display:block;margin-top:6px;color:#0f172a;font-size:13px;font-weight:950}.zakat-pay-fitrah__rates p{margin:5px 0 0;color:#64748b;font-size:11px;line-height:1.35}.zakat-pay-fitrah__calc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zakat-pay-fitrah__calc label{display:grid;gap:8px;padding:12px;border-radius:16px;background:#ffffffbd;color:#334155;font-size:12px;font-weight:950}.zakat-pay-fitrah__calc input{width:100%;height:44px;border:1px solid #dbe6ef;border-radius:14px;padding:0 12px;font:inherit;font-weight:900}.zakat-pay-fitrah__calc strong{min-height:44px;display:flex;align-items:center;color:#047857;font-size:20px;font-weight:950}.zakat-pay-summary{overflow:hidden;border:1px solid #e2e8f0;border-radius:22px}.zakat-pay-summary>div{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:10px;padding:13px 16px;border-bottom:1px solid #e2e8f0}.zakat-pay-summary>div:first-child{color:#475569;background:#f8fafc;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.zakat-pay-summary>div:last-child{grid-template-columns:1fr auto;border-bottom:0;color:#047857;background:#ecfdf5;font-size:18px;font-weight:950}.zakat-pay-summary span{color:#334155;font-size:14px;font-weight:800}.zakat-pay-niat{margin-top:16px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#064e3b,#047857);color:#fff}.zakat-pay-niat h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:17px;letter-spacing:0}.zakat-pay-niat p{margin:0;color:#ffffffdb;font-size:14px;line-height:1.7;font-weight:700}.zakat-pay-check{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid #dbe6ef;border-radius:18px;background:#f8fafc;color:#334155;font-size:14px;font-weight:900}.zakat-pay-check input{width:20px;height:20px;accent-color:#059669}.zakat-pay-check b{color:#ef4444}.zakat-pay-nav{display:flex;justify-content:space-between;gap:12px}.zakat-pay-nav button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:0;border-radius:18px;font-size:15px;font-weight:950}.zakat-pay-nav .primary{margin-left:auto;color:#fff;background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 16px 34px #0596693d}.zakat-pay-nav .secondary{color:#334155;background:#fff;border:1px solid #dbe6ef}.zakat-pay-nav button:disabled{cursor:not-allowed;opacity:.72}.zakat-pay-loading,.zakat-pay-not-configured{min-height:56vh;display:grid;place-items:center;text-align:center}.zakat-pay-loading{gap:12px;color:#047857;font-weight:900}.zakat-pay-loading span{width:46px;height:46px;border:4px solid #d1fae5;border-top-color:#059669;border-radius:999px;animation:zakatPaySpin .7s linear infinite}.zakat-pay-not-configured{padding:34px;border:1px solid #fde68a;border-radius:28px;background:#fffbeb}.zakat-pay-not-configured i{color:#f59e0b;font-size:42px}.zakat-pay-not-configured h2{margin:14px 0 8px;color:#92400e}.zakat-pay-not-configured p{max-width:520px;color:#78350f}.zakat-pay-not-configured a{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;color:#fff;background:#047857;font-weight:900;text-decoration:none}.zakat-pay-sheet-wrap,.zakat-pay-modal{position:fixed;inset:0;z-index:100000}.zakat-pay-sheet-backdrop,.zakat-pay-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020617a3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.zakat-pay-sheet{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(100% - 28px,620px);max-height:min(84vh,680px);overflow:hidden;transform:translate(-50%);border:1px solid rgba(15,23,42,.08);border-radius:32px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 -10px 44px #0f172a47;animation:zakatSheetSlideUp .42s cubic-bezier(.2,.8,.2,1)}.zakat-pay-sheet__head{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:12px;align-items:center;padding:18px 18px 14px;color:#0f172a;background:#fffffff0;border-bottom:1px solid rgba(15,23,42,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.zakat-pay-sheet__head>i{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:#ecfdf5;color:#047857;font-size:18px}.zakat-pay-sheet__head span{color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zakat-pay-sheet__head h3{margin:3px 0;color:#0f172a;font-size:19px;line-height:1.12;letter-spacing:0}.zakat-pay-sheet__head p{margin:0;color:#64748b;font-size:12px;font-weight:700}.zakat-pay-sheet__head button{width:38px;height:38px;border:0;border-radius:999px;color:#334155;background:#f1f5f9}.zakat-pay-sheet__list{max-height:calc(min(84vh,680px) - 82px);overflow-y:auto;display:grid;gap:10px;padding:14px}.zakat-pay-sheet__list button{min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(15,23,42,.06);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);color:#334155;text-align:left;font-size:14px;font-weight:900;box-shadow:0 8px 24px #0f172a0a;transition:transform .2s ease,border-color .2s ease,background .2s ease}.zakat-pay-sheet__list button:active{transform:scale(.985)}.zakat-pay-sheet__list button.active{color:#047857;border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.zakat-pay-sheet__list button span,.zakat-pay-sheet__list button b,.zakat-pay-sheet__list button small{display:block}.zakat-pay-sheet__list button b{color:#0f172a;font-size:14px;line-height:1.22}.zakat-pay-sheet__list button small{margin-top:4px;color:#64748b;font-size:11px;line-height:1.35;font-weight:750}.zakat-pay-sheet__list button.active b,.zakat-pay-sheet__list button.active small{color:#047857}.zakat-pay-sheet__list button>i{color:#cbd5e1;font-size:18px}.zakat-pay-sheet__list button.active>i{color:#10b981}.public-dock-wrap{position:fixed;inset:auto 0 0;z-index:72;padding:0 14px 8px;padding-bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none}.public-dock-shell{width:min(402px,100%);margin:0 auto;position:relative;pointer-events:auto}.public-dock{position:relative;min-height:62px;overflow:visible;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.32);border-radius:26px;background:radial-gradient(circle at 50% -12px,rgba(255,255,255,.26) 0 32px,transparent 33px),linear-gradient(180deg,#16a34a,#059669 58%,#047857);box-shadow:0 16px 30px #04785738,inset 0 1px #ffffff3d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.public-dock__shine{position:absolute;inset:1px 18px auto;height:16px;border-radius:999px;background:linear-gradient(180deg,#ffffff2e,#fff0);pointer-events:none}.public-dock__grid{display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;justify-items:center}.public-dock a,.public-dock button{position:relative;width:100%;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:16px;color:#ffffffad;background:transparent;font:inherit;text-decoration:none;transform:translateY(0);transition:transform .22s ease,color .22s ease}.public-dock a.active,.public-dock button.active{color:#fff;transform:translateY(-1px)}.public-dock a.active:after,.public-dock button.active:after{content:"";position:absolute;left:50%;bottom:-3px;width:5px;height:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px #ffffff29;transform:translate(-50%)}.public-dock a span,.public-dock button span{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:999px;background:transparent}.public-dock a.active span,.public-dock button.active span{border-color:transparent;background:transparent}.public-dock a i,.public-dock button i{font-size:17px;filter:drop-shadow(0 5px 8px rgba(6,78,59,.16))}.public-dock a small,.public-dock button small{max-width:100%;overflow:hidden;color:currentColor;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1;font-weight:900}.public-dock__center{display:flex;align-items:flex-end;justify-content:center}.public-dock button.public-dock__primary{position:relative;width:54px;height:54px;min-height:54px;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:3px solid rgba(255,255,255,.92);border-radius:999px;color:#fff;background:linear-gradient(180deg,#34d399,#16a34a);box-shadow:0 13px 22px #16a34a4d,0 8px 14px #04785729;transform:translateY(-15px)}.public-dock button.public-dock__primary:before{content:"";position:absolute;inset:4px;border-radius:999px;background:linear-gradient(180deg,#fff3,#ffffff05)}.public-dock button.public-dock__primary i,.public-dock button.public-dock__primary small{position:relative}.public-dock button.public-dock__primary i{font-size:23px}.public-dock button.public-dock__primary.active{border-color:#ffffffeb;background:linear-gradient(180deg,#16a34a,#047857)}@keyframes publicModalFade{0%{opacity:0}to{opacity:1}}@keyframes publicModalSlideUp{0%{opacity:0;transform:translateY(42px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes zakatSheetSlideUp{0%{opacity:0;transform:translate(-50%,42px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes zakatSpin{to{transform:rotate(360deg)}}.public-action-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;padding:18px;animation:publicModalFade .28s ease-out}.public-action-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020617a3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.public-action-sheet{position:relative;width:min(100%,560px);max-height:min(86vh,720px);overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:32px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 -10px 44px #0f172a47;animation:publicModalSlideUp .42s cubic-bezier(.2,.8,.2,1)}.public-action-sheet header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(15,23,42,.06);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.public-action-sheet header>div{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;color:#047857;background:#ecfdf5;font-size:18px}.public-action-sheet.is-whatsapp header>div{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.public-action-sheet header span{min-width:0}.public-action-sheet header small{display:block;color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.public-action-sheet header h2{margin:3px 0 0;color:#0f172a;font-size:19px;line-height:1.12;letter-spacing:0}.public-action-sheet header button{width:38px;height:38px;border:0;border-radius:999px;color:#334155;background:#f1f5f9}.public-action-sheet__body{max-height:calc(min(86vh,720px) - 82px);overflow-y:auto;padding:16px}.public-modal-state{min-height:108px;display:grid;place-items:center;border-radius:22px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:800;text-align:center}.public-news-list,.public-contact-list{display:grid;gap:10px}.public-news-list article,.public-contact-list a{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(15,23,42,.06);border-radius:20px;background:#fff;box-shadow:0 8px 24px #0f172a0a}.public-news-list img{width:74px;height:74px;border-radius:16px;object-fit:cover;background:#ecfdf5}.public-news-list article:not(:has(img)){grid-template-columns:1fr}.public-news-list span,.public-news-list strong,.public-news-list p{display:block}.public-news-list span{color:#047857;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.public-news-list strong{margin-top:4px;color:#0f172a;font-size:14px;font-weight:950;line-height:1.2}.public-news-list p{display:-webkit-box;overflow:hidden;margin-top:5px;color:#64748b;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-contact-list a{grid-template-columns:48px minmax(0,1fr) auto;color:inherit;text-decoration:none}.public-contact-list a b{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:#16a34a;font-size:14px;font-weight:950}.public-contact-list a strong,.public-contact-list a small,.public-contact-list a em{display:block}.public-contact-list a strong{color:#064e3b;font-size:14px;font-weight:950}.public-contact-list a small{color:#64748b;font-size:12px;font-weight:700}.public-contact-list a em{margin-top:4px;color:#16a34a;font-size:12px;font-style:normal;font-weight:950}.public-contact-list a>i{color:#94a3b8}.public-certificate-preview{display:grid;gap:12px}.public-certificate-preview img{width:100%;max-height:460px;object-fit:contain;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.public-certificate-preview a,.public-derma-panel a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);font-size:14px;font-weight:950;text-decoration:none}.public-derma-panel{display:grid;gap:14px;padding:16px;border-radius:22px;background:#fff}.public-derma-panel p{color:#475569;font-size:14px;font-weight:700}.public-menu-grid{display:grid;gap:10px}.public-menu-grid button,.public-menu-grid a{width:100%;min-height:68px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(15,23,42,.06);border-radius:20px;background:#fff;color:inherit;text-align:left;box-shadow:0 8px 24px #0f172a0a;text-decoration:none}.public-menu-grid button>i,.public-menu-grid a>i{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#0ea5e9;background:#e0f2fe;font-size:18px}.public-menu-grid span,.public-menu-grid strong,.public-menu-grid small{display:block}.public-menu-grid strong{color:#0f172a;font-size:14px;font-weight:950}.public-menu-grid small{margin-top:3px;color:#64748b;font-size:12px;font-weight:750}.public-menu-login{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 16px 34px #04785738;font-size:14px;font-weight:950;text-decoration:none}.public-calculator-panel{display:grid;gap:14px}.public-calculator-panel label{display:grid;gap:8px;color:#334155;font-size:13px;font-weight:950}.public-calculator-panel input{width:100%;min-height:52px;border:1px solid #dbe6ef;border-radius:18px;padding:0 14px;background:#fff;color:#0f172a;font:inherit;font-weight:900;outline:none}.public-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public-rate-grid button{min-height:46px;border:1px solid #dbeafe;border-radius:16px;background:#fff;color:#0369a1;font-size:14px;font-weight:950}.public-rate-grid button.active{border-color:#0ea5e9;color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.public-calculator-total{display:grid;gap:4px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#e0f2fe,#ecfdf5)}.public-calculator-total span{color:#0369a1;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.public-calculator-total strong{color:#064e3b;font-size:30px;font-weight:950;letter-spacing:-.03em}.public-calculator-panel>small{color:#64748b;font-size:12px;line-height:1.5;font-weight:750}.zakat-calculator-page{display:grid;gap:10px}.zakat-calculator-hero{position:relative;overflow:hidden;display:grid;justify-items:center;gap:7px;padding:14px 16px;border:1px solid rgba(10,79,55,.12);border-radius:20px;background:linear-gradient(135deg,#fffffff2,#ecfdf5f0);box-shadow:0 14px 36px #0a4f371a;text-align:center}.zakat-calculator-hero:after{content:"";position:absolute;right:-90px;bottom:-120px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.22),transparent 66%)}.zakat-calculator-hero>*{position:relative;z-index:1}.zakat-calculator-hero span{width:fit-content;padding:6px 10px;border-radius:999px;color:#047857;background:#dcfce7;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zakat-calculator-hero h1{margin:0;color:#10231c;font-size:clamp(22px,4vw,30px);line-height:1.03;letter-spacing:-.03em}.zakat-calculator-shell{display:grid;gap:10px}.zakat-calculator-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.zakat-calculator-types button{min-height:74px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:9px;border:1px solid rgba(10,79,55,.1);border-radius:18px;background:#ffffffe6;color:#0f172a;text-align:left;box-shadow:0 8px 22px #0f172a0b;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.zakat-calculator-types button:active{transform:scale(.985)}.zakat-calculator-types button>i{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;color:#047857;background:#ecfdf5;font-size:14px}.zakat-calculator-types button strong,.zakat-calculator-types button small{display:block}.zakat-calculator-types button strong{font-size:12px;line-height:1.1;font-weight:950}.zakat-calculator-types button small{margin-top:2px;color:#64748b;font-size:10px;line-height:1.25;font-weight:750}.zakat-calculator-types button.active{border-color:#10b981;background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 12px 28px #0478572e}.zakat-calculator-types button.active i{color:#064e3b;background:#d1fae5}.zakat-calculator-types button.active strong,.zakat-calculator-types button.active small{color:#fff}.zakat-calculator-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:10px;align-items:start}.zakat-calculator-form,.zakat-calculator-result{border:1px solid rgba(10,79,55,.12);background:#ffffffeb;box-shadow:0 14px 36px #0a4f3717;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.zakat-calculator-form{display:grid;gap:12px;padding:clamp(13px,2.5vw,18px);border-radius:22px}.zakat-calculator-form header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.zakat-calculator-form header>i{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#047857;background:#dcfce7;font-size:16px}.zakat-calculator-form header span{color:#047857;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zakat-calculator-form header h2{margin:1px 0 2px;color:#0f172a;font-size:19px;line-height:1.05;letter-spacing:-.02em}.zakat-calculator-form header p{color:#64748b;font-size:11px;line-height:1.4;font-weight:750}.zakat-calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.zakat-calculator-inline{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.zakat-calculator-field{display:grid;gap:6px}.zakat-calculator-field span{color:#334155;font-size:11px;font-weight:950}.zakat-calculator-field input{width:100%;min-height:46px;padding:0 12px;border:1px solid #dbe6ef;border-radius:15px;background:#fff;color:#0f172a;font:inherit;font-size:14px;font-weight:900;outline:none}.zakat-calculator-field input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98121}.zakat-calculator-rate-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zakat-calculator-rate-list button{min-height:82px;display:grid;align-content:start;gap:3px;padding:10px;border:1px solid #dbe6ef;border-radius:16px;background:#fff;color:#0f172a;text-align:left}.zakat-calculator-rate-list button span,.zakat-calculator-rate-list button strong,.zakat-calculator-rate-list button small{display:block}.zakat-calculator-rate-list button span{color:#047857;font-size:15px;font-weight:950}.zakat-calculator-rate-list button strong{font-size:11px;font-weight:950}.zakat-calculator-rate-list button small{color:#64748b;font-size:10px;line-height:1.35;font-weight:750}.zakat-calculator-rate-list button.active{border-color:#10b981;background:#ecfdf5;box-shadow:0 14px 34px #10b98124}.zakat-calculator-result{position:sticky;top:86px;overflow:hidden;border-radius:22px}.zakat-calculator-result__top{display:grid;gap:5px;padding:16px;color:#fff;background:linear-gradient(135deg,#047857,#064e3b)}.zakat-calculator-result__top span{color:#ffffffc7;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zakat-calculator-result__top strong{font-size:28px;line-height:1;font-weight:950;letter-spacing:-.04em}.zakat-calculator-result__top small{color:#ffffffd1;font-size:11px;font-weight:800}.zakat-calculator-result dl{display:grid;gap:0;margin:0;padding:6px 14px 0}.zakat-calculator-result dl div{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid #e2e8f0}.zakat-calculator-result dt{color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.zakat-calculator-result dd{margin:0;color:#0f172a;font-size:12px;line-height:1.45;font-weight:900}.zakat-calculator-result p{padding:12px 14px 0;color:#475569;font-size:11px;line-height:1.55;font-weight:750}.zakat-calculator-actions{display:grid;grid-template-columns:1fr;gap:8px;padding:14px}.zakat-calculator-actions a,.zakat-calculator-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-size:12px;font-weight:950}.zakat-calculator-actions a{color:#fff;background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 14px 32px #04785738}.zakat-calculator-actions button{color:#047857;background:#ecfdf5}.affiliate-login-page{width:min(460px,100%);min-height:calc(100vh - 156px);display:grid;place-items:center;margin-inline:auto;padding:14px 0 34px}.affiliate-login-card{width:100%;display:grid;justify-items:center;gap:14px;padding:22px 18px;border:1px solid rgba(10,79,55,.12);border-radius:28px;background:#ffffffeb;box-shadow:0 22px 70px #0a4f3724;text-align:center;animation:publicModalSlideUp .52s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.affiliate-login-card__brand{display:grid;justify-items:center;gap:9px}.affiliate-login-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;color:#047857;background:#ecfdf5;font-size:24px}.affiliate-login-card__brand>small{color:#047857;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.affiliate-login-card h1{margin:0;color:#0f172a;font-size:clamp(25px,7vw,34px);line-height:1.02;letter-spacing:0}.affiliate-login-card p{color:#64748b;font-size:13px;line-height:1.55;font-weight:700}.affiliate-login-card>a,.affiliate-login-card>button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 16px 34px #04785738;font-size:14px;font-weight:950;text-decoration:none}.affiliate-login-card>button{border:0;cursor:wait;opacity:.78}.affiliate-login-info{display:grid;gap:8px;width:100%;text-align:left}.affiliate-login-info article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid rgba(10,79,55,.1);border-radius:16px;background:#f8fafc}.affiliate-login-info i{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;color:#047857;background:#ecfdf5;font-size:14px}.affiliate-login-info strong,.affiliate-login-info small{display:block}.affiliate-login-info strong{color:#0f172a;font-size:12px;font-weight:950}.affiliate-login-info small{margin-top:2px;color:#64748b;font-size:10px;line-height:1.35;font-weight:750}.affiliate-login-card em{color:#94a3b8;font-size:12px;line-height:1.45;font-style:normal;font-weight:750}.affiliate-profile-page{width:min(760px,100%);display:grid;gap:12px;margin-inline:auto;padding:6px 0 34px}.affiliate-profile-hero,.affiliate-profile-referral,.affiliate-profile-card,.affiliate-profile-empty{border:1px solid rgba(10,79,55,.12);background:#fffffff0;box-shadow:0 16px 44px #0a4f371a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.affiliate-profile-hero{display:grid;gap:10px;padding:12px;border-radius:20px;background:linear-gradient(148deg,#d8f6e4,#eefff4 56%,#cbefd9);box-shadow:0 9px 20px #04785724}.affiliate-profile-hero__main{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center}.affiliate-profile-avatar{position:relative;width:58px;height:58px;cursor:pointer}.affiliate-profile-avatar img{width:58px;height:58px;display:block;border:2px solid #f3fff8;border-radius:999px;object-fit:cover;background:#ecfdf5;box-shadow:0 0 0 3px #04785738}.affiliate-profile-avatar input{display:none}.affiliate-profile-avatar span{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;color:#fff;background:#047857;font-size:9px}.affiliate-profile-identity small,.affiliate-profile-card header small,.affiliate-profile-referral span{color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.affiliate-profile-identity h1{margin:2px 0;color:#0f172a;font-size:15px;line-height:1.08;letter-spacing:-.02em}.affiliate-profile-identity p{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:#64748b;font-size:10px;line-height:1.35;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.affiliate-status{align-self:start;padding:6px 8px;border-radius:999px;color:#92400e;background:#fef3c7;font-size:8.5px;font-weight:950;text-transform:uppercase}.affiliate-status--approved{color:#047857;background:#dcfce7}.affiliate-status--rejected,.affiliate-status--suspended{color:#be123c;background:#ffe4e6}.affiliate-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.affiliate-profile-stats article{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 7px;border:1px solid rgba(4,120,87,.22);border-radius:10px;background:#04785714}.affiliate-profile-stats i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(4,120,87,.18);border-radius:8px;color:#047857;background:#ffffffb8;font-size:10px}.affiliate-profile-stats span,.affiliate-profile-stats strong,.affiliate-profile-stats small{display:block;min-width:0}.affiliate-profile-stats strong{overflow:hidden;color:#0f172a;font-size:11.5px;line-height:1.1;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.affiliate-profile-stats small{margin-top:1px;color:#64748b;font-size:8.8px;font-weight:850}.affiliate-profile-referral{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:9px;align-items:center;padding:15px 14px;border-radius:16px;color:#fff;background:radial-gradient(circle at calc(100% + 16px) -24px,rgba(255,255,255,.12) 0 64px,transparent 65px),linear-gradient(90deg,#059669,#0d9488 52%,#047857);box-shadow:0 14px 26px #065f4629;text-align:center}.affiliate-profile-referral:before{content:none}.affiliate-profile-referral>*{position:relative;z-index:1}.affiliate-profile-referral span,.affiliate-profile-referral strong,.affiliate-profile-referral p{display:block;color:#fff}.affiliate-profile-referral span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;color:#064e3b;background:#facc15;font-size:10px;font-weight:950}.affiliate-profile-referral strong{margin-top:8px;font-size:31px;line-height:1;font-weight:950;letter-spacing:.12em}.affiliate-profile-referral__actions{display:flex;gap:7px}.affiliate-profile-referral button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:13px;color:#fff;background:#ffffff29;font-size:11px;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff2e}.affiliate-profile-referral button:disabled{opacity:.55;cursor:not-allowed}.affiliate-profile-referral p{width:100%;max-width:420px;overflow:hidden;color:#ffffffbd;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.affiliate-profile-card{display:grid;gap:12px;padding:14px;border-radius:22px}.affiliate-commission-card{display:grid;gap:11px;padding:13px;border:1px solid rgba(10,79,55,.12);border-radius:22px;background:#fffffff0;box-shadow:0 14px 36px #0a4f3717}.affiliate-commission-card header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.affiliate-commission-card header span{width:40px;height:40px;display:grid;place-items:center;border-radius:15px;color:#047857;background:#ecfdf5}.affiliate-commission-card header strong,.affiliate-commission-card header small{display:block}.affiliate-commission-card header strong{color:#0f172a;font-size:14px;font-weight:950}.affiliate-commission-card header small{margin-top:2px;color:#64748b;font-size:10px;font-weight:800}.affiliate-commission-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.affiliate-commission-card article{padding:9px;border:1px solid rgba(4,120,87,.12);border-radius:14px;background:#f8fafc}.affiliate-commission-card small,.affiliate-commission-card strong{display:block}.affiliate-commission-card small{color:#64748b;font-size:9px;font-weight:850}.affiliate-commission-card strong{margin-top:3px;color:#0f172a;font-size:14px;font-weight:950}.affiliate-profile-menu{display:grid;gap:8px}.affiliate-profile-menu-row{width:100%;min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(10,79,55,.12);border-radius:18px;background:#fffffff0;color:#0f172a;text-align:left;box-shadow:0 8px 24px #0a4f370f}.affiliate-profile-menu-row>i{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#047857;background:#ecfdf5}.affiliate-profile-menu-row strong,.affiliate-profile-menu-row small{display:block}.affiliate-profile-menu-row strong{color:#0f172a;font-size:13px;font-weight:950}.affiliate-profile-menu-row small{margin-top:2px;overflow:hidden;color:#64748b;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.affiliate-profile-menu-row em{color:#94a3b8;font-style:normal}.affiliate-profile-menu-row em.is-complete{color:#16a34a;font-size:17px}.affiliate-profile-completion{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid;border-radius:18px}.affiliate-profile-completion>i{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:17px}.affiliate-profile-completion span,.affiliate-profile-completion strong,.affiliate-profile-completion small{min-width:0;display:block}.affiliate-profile-completion strong{font-size:12px;font-weight:950}.affiliate-profile-completion small{margin-top:2px;font-size:10px;line-height:1.4;font-weight:750}.affiliate-profile-completion.is-complete{border-color:#16a34a38;color:#166534;background:#f0fdf4}.affiliate-profile-completion.is-complete>i{color:#fff;background:#16a34a}.affiliate-profile-completion.is-incomplete{border-color:#d977063d;color:#92400e;background:#fffbeb}.affiliate-profile-completion.is-incomplete>i{color:#b45309;background:#fef3c7}.affiliate-profile-completion button{min-height:34px;padding:0 12px;border:0;border-radius:11px;color:#fff;background:#b45309;font:inherit;font-size:10px;font-weight:950}.affiliate-profile-menu-row.is-danger>i{color:#be123c;background:#ffe4e6}.affiliate-profile-menu-row.is-danger strong{color:#be123c}.affiliate-profile-card header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}.affiliate-profile-card header>i{width:40px;height:40px;display:grid;place-items:center;border-radius:15px;color:#047857;background:#ecfdf5}.affiliate-profile-card header strong{display:block;color:#0f172a;font-size:14px;font-weight:950}.affiliate-profile-card header small{display:block;margin-top:2px;letter-spacing:0;text-transform:none}.affiliate-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.affiliate-profile-guide-panel{display:grid;gap:9px}.affiliate-profile-guide-panel__intro{display:grid;gap:6px;padding:12px;border:1px solid rgba(16,185,129,.16);border-radius:18px;background:linear-gradient(135deg,#ecfdf5f0,#fffffff0)}.affiliate-profile-guide-panel__intro span{width:fit-content;padding:4px 9px;border-radius:999px;color:#047857;background:#dcfce7;font-size:10px;font-weight:950}.affiliate-profile-guide-panel__intro strong{color:#0f172a;font-size:15px;line-height:1.2;font-weight:950}.affiliate-profile-guide-panel__intro p{margin:0;color:#64748b;font-size:12px;line-height:1.5;font-weight:750}.affiliate-profile-guide-panel article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid rgba(10,79,55,.1);border-radius:18px;background:#f8fafc}.affiliate-profile-guide-panel b{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;color:#047857;background:#dcfce7;font-size:11px;font-weight:950}.affiliate-profile-guide-panel span,.affiliate-profile-guide-panel strong,.affiliate-profile-guide-panel small{min-width:0;display:block}.affiliate-profile-guide-panel article strong{color:#0f172a;font-size:13px;font-weight:950}.affiliate-profile-guide-panel small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.45;font-weight:750}.affiliate-profile-field{display:grid;gap:6px}.affiliate-profile-field.is-wide{grid-column:1 / -1}.affiliate-profile-field span{color:#334155;font-size:11px;font-weight:950}.affiliate-profile-field span b{margin-left:3px;color:#e11d48}.affiliate-profile-field input,.affiliate-profile-field select,.affiliate-profile-field textarea{width:100%;min-height:46px;padding:0 12px;border:1px solid #dbe6ef;border-radius:15px;background:#fff;color:#0f172a;font:inherit;font-size:13px;font-weight:850;outline:none}.affiliate-profile-field textarea{min-height:82px;padding-top:12px;resize:vertical}.affiliate-profile-field input:focus,.affiliate-profile-field select:focus,.affiliate-profile-field textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f}.affiliate-profile-empty a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);font-size:13px;font-weight:950}.affiliate-session-retry{align-items:center;background:#047857;border:0;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:10px;justify-content:center;min-height:48px;padding:0 22px}.affiliate-profile-alert{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:18px;font-size:12px;font-weight:850}.affiliate-profile-panel{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center}.affiliate-profile-panel__backdrop{position:absolute;inset:0;background:#02061794;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.affiliate-profile-panel section{position:relative;width:min(100%,560px);max-height:86vh;overflow-y:auto;padding:0 14px 14px;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -18px 50px #0f172a47;animation:publicModalSlideUp .34s cubic-bezier(.2,.8,.2,1)}.affiliate-profile-panel header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -14px 12px;padding:14px;border-bottom:1px solid #e2e8f0;background:#fff}.affiliate-profile-panel header strong{display:block;color:#0f172a;font-size:14px;font-weight:950}.affiliate-profile-panel header span small{display:block;max-width:410px;margin-top:3px;color:#64748b;font-size:10px;line-height:1.35;font-weight:750}.affiliate-profile-panel header button{width:34px;height:34px;border-radius:12px;color:#334155;background:#f1f5f9}.affiliate-profile-panel__save{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);font-size:13px;font-weight:950}@media(min-width:769px){.affiliate-profile-panel{align-items:center;padding:28px}.affiliate-profile-panel section{width:min(620px,100%);max-height:min(82vh,720px);padding:0 22px 22px;border:1px solid rgba(255,255,255,.38);border-radius:26px;box-shadow:0 26px 90px #02061752;animation:affiliateModalEnter .26s cubic-bezier(.2,.8,.2,1)}.affiliate-profile-panel header{margin:0 -22px 18px;padding:18px 22px;border-radius:26px 26px 0 0}.affiliate-profile-panel.is-required section{width:min(680px,100%)}.affiliate-profile-panel__save{width:auto;min-width:180px;margin-left:auto}}@keyframes affiliateModalEnter{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.affiliate-profile-alert.is-success{color:#047857;background:#dcfce7}.affiliate-profile-alert.is-error{color:#be123c;background:#ffe4e6}.affiliate-profile-state,.affiliate-profile-empty{width:min(440px,100%);min-height:300px;display:grid;place-items:center;gap:12px;margin-inline:auto;padding:22px;border-radius:28px;text-align:center}.affiliate-profile-state span{width:42px;height:42px;border:4px solid #dcfce7;border-top-color:#047857;border-radius:999px;animation:zakatSpin .9s linear infinite}.affiliate-profile-empty>i{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;color:#047857;background:#ecfdf5;font-size:22px}.zakat-pay-modal{display:grid;place-items:center;padding:18px}.zakat-pay-modal__panel{position:relative;width:min(100%,560px);max-height:min(86vh,760px);overflow-y:auto;border-radius:30px;background:#fff;box-shadow:0 32px 90px #0f172a4d}.zakat-pay-official header,.zakat-pay-wa header{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;gap:12px;align-items:center;padding:20px;color:#fff;background:linear-gradient(135deg,#047857,#0d9488)}.zakat-pay-official header span,.zakat-pay-wa header>div{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:#ffffff29;font-size:22px}.zakat-pay-official header small{color:#ffffffb3;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zakat-pay-official header h3,.zakat-pay-wa h3{margin:2px 0 3px;font-size:18px;letter-spacing:0}.zakat-pay-official header p,.zakat-pay-wa header p{margin:0;color:#ffffffbd;font-size:12px;font-weight:700}.zakat-pay-official header button,.zakat-pay-wa header button{width:38px;height:38px;border:0;border-radius:999px;color:#fff;background:#ffffff29}.zakat-pay-official section,.zakat-pay-switch>div{padding:20px}.zakat-pay-official section h4,.zakat-pay-switch h3{margin:0 0 8px;color:#064e3b;font-size:22px;line-height:1.12}.zakat-pay-official section p,.zakat-pay-switch p{margin:0;color:#475569;font-size:14px;line-height:1.65;font-weight:700}.zakat-pay-official__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 20px 18px}.zakat-pay-official__grid article{padding:14px;border:1px solid #d1fae5;border-radius:18px;background:#ecfdf5}.zakat-pay-official__grid i{color:#047857;font-size:18px}.zakat-pay-official__grid strong{display:block;margin-top:9px;color:#064e3b;font-size:13px;font-weight:950}.zakat-pay-official__grid p{margin:5px 0 0;color:#64748b;font-size:11px;line-height:1.4}.zakat-pay-cert{margin:0 20px 20px;overflow:hidden;border:1px solid #e2e8f0;border-radius:20px}.zakat-pay-cert>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f8fafc}.zakat-pay-cert strong,.zakat-pay-cert a{font-size:13px;font-weight:950}.zakat-pay-cert a{color:#047857;text-decoration:none}.zakat-pay-cert img{width:100%;max-height:320px;object-fit:contain;background:#fff}.zakat-pay-switch{padding:22px;text-align:center}.zakat-pay-switch span{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 14px;border-radius:22px;color:#047857;background:#ecfdf5;font-size:24px}.zakat-pay-switch small{color:#059669;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.zakat-pay-switch a,.zakat-pay-switch button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;margin-top:10px;border-radius:16px;font-size:14px;font-weight:950;text-decoration:none}.zakat-pay-switch a{color:#fff;background:linear-gradient(135deg,#059669,#0d9488)}.zakat-pay-switch button{border:1px solid #dbe6ef;color:#334155;background:#fff}.zakat-pay-wa header span{min-width:0}.zakat-pay-wa>div{display:grid;gap:10px;padding:16px}.zakat-pay-wa a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #d1fae5;border-radius:18px;background:#ecfdf5;color:inherit;text-decoration:none}.zakat-pay-wa a b{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:#16a34a;font-size:14px;font-weight:950}.zakat-pay-wa a strong,.zakat-pay-wa a small,.zakat-pay-wa a em{display:block}.zakat-pay-wa a strong{color:#064e3b;font-size:14px;font-weight:950}.zakat-pay-wa a small{color:#64748b;font-size:12px;font-weight:700}.zakat-pay-wa a em{margin-top:4px;color:#16a34a;font-size:12px;font-style:normal;font-weight:950}.zakat-pay-wa>small{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px 18px;color:#64748b;font-size:12px;font-weight:800}.zakat-pay-footer{width:min(100% - 28px,920px);margin:18px auto 0;text-align:center;color:#64748b;font-size:12px;font-weight:700}.zakat-pay-footer p{margin:4px 0}.zakat-pay-footer a{color:#047857;font-weight:950;text-decoration:none}@keyframes zakatPaySpin{to{transform:rotate(360deg)}}@media(min-width:981px){body.has-zakat-sidebar{overflow:hidden;height:100%}}.portal-mobile-nav{position:fixed;z-index:60;left:50%;bottom:12px;width:min(430px,calc(100% - 24px));display:none;transform:translate(-50%)}.portal-mobile-nav__shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:2px;padding:10px;border:1px solid rgba(255,255,255,.52);border-radius:30px;background:#065f46f0;box-shadow:0 22px 50px #064e3b47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portal-mobile-nav__shell a,.portal-mobile-nav__shell button{min-width:0;min-height:54px;display:grid;place-items:center;gap:3px;padding:5px 2px;border-radius:20px;background:transparent;color:#ffffffb3;text-align:center;font-size:11px;font-weight:700}.portal-mobile-nav__shell span{width:28px;height:28px;display:grid;place-items:center;border-radius:13px;background:#ffffff1a;color:currentColor}.portal-mobile-nav__shell i{font-size:13px;line-height:1}.portal-mobile-nav__shell small{max-width:100%;overflow:hidden;color:currentColor;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.1}.portal-mobile-nav__shell a.active,.portal-mobile-nav__shell button.active{color:#fff;background:#ffffff24}.portal-mobile-nav__shell a.active span,.portal-mobile-nav__shell button.active span{background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff47}.portal-mobile-nav__pay{width:58px;height:58px;min-height:auto;display:inline-flex;align-items:center;justify-content:center;justify-self:center;padding:0;border-radius:18px;color:#064e3b;background:transparent;transform:translateY(-20px);transition:transform .2s ease,box-shadow .2s ease}.portal-mobile-nav__pay span{width:58px;height:58px;border-radius:18px;color:#064e3b;background:linear-gradient(135deg,#f8e7a1,#d9a441);border:1px solid rgba(255,255,255,.54);box-shadow:0 22px 36px -20px #d9a441eb}.portal-mobile-nav__pay i{font-size:17px}.portal-mobile-nav__pay:active{transform:translateY(-14px)}.portal-mobile-sheet{position:fixed;inset:0;z-index:100000;display:none}.portal-mobile-sheet__overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0f172a85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.portal-mobile-sheet__panel{position:absolute;left:50%;bottom:0;width:min(430px,100%);max-height:min(84vh,680px);overflow-y:auto;padding:10px 14px max(22px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#f8fafc;box-shadow:0 -28px 70px #0f172a47;transform:translate(-50%)}.portal-mobile-sheet__handle{width:42px;height:4px;margin:2px auto 12px;border-radius:999px;background:#cbd5e1}.portal-mobile-sheet__header,.portal-mobile-sheet__account{display:flex;align-items:center}.portal-mobile-sheet__header{justify-content:space-between;gap:12px}.portal-mobile-sheet__account{min-width:0;gap:10px}.portal-mobile-sheet__account img{width:44px;height:44px;flex-shrink:0;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px #064e3b2e}.portal-mobile-sheet__account span{min-width:0;display:grid;gap:3px}.portal-mobile-sheet__account small{color:#64748b;font-size:11px;font-weight:700}.portal-mobile-sheet__account strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}.portal-mobile-sheet__header>button{width:40px;height:40px;flex-shrink:0;border-radius:14px;background:#fff;color:#475569;box-shadow:0 10px 24px #0f172a14}.portal-mobile-sheet__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.portal-mobile-sheet__grid a{min-width:0;min-height:78px;display:grid;align-content:center;justify-items:center;gap:8px;padding:10px 6px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#334155;text-align:center;box-shadow:0 12px 24px #0f172a0a}.portal-mobile-sheet__grid a span{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:#ecfdf5;color:#047857}.portal-mobile-sheet__grid a strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.1}.portal-mobile-sheet__grid a.active{border-color:#04785759;color:#047857;background:#ecfdf5;box-shadow:inset 0 0 0 1px #0478571a}.portal-mobile-sheet__grid a.active span{color:#fff;background:linear-gradient(135deg,#047857,#065f46)}.portal-mobile-sheet__languages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.portal-mobile-sheet__languages>span{color:#475569;font-size:12px;font-weight:800}.portal-mobile-sheet__actions{display:grid;gap:8px;margin-top:12px}.portal-mobile-sheet__actions a,.portal-mobile-sheet__actions button{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-align:left}.portal-mobile-sheet__actions i{width:18px;color:#047857;text-align:center}.portal-mobile-sheet__actions button,.portal-mobile-sheet__actions button i{color:#dc2626}.public-news-page{display:grid;gap:12px;animation:publicNewsEnter .34s ease-out both}.public-news-hero,.public-news-featured,.public-news-compact-list a,.public-news-detail,.public-news-state{border:1px solid rgba(10,79,55,.1);background:#ffffffeb;box-shadow:0 14px 36px #0a4f3717;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.public-news-hero{position:relative;overflow:hidden;display:grid;justify-items:center;gap:7px;padding:16px;border-radius:22px;text-align:center}.public-news-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,120,87,.08) 0 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(135deg,#ecfdf5e6,#fffffff0)}.public-news-hero>*{position:relative;z-index:1}.public-news-hero span{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border-radius:999px;color:#047857;background:#dcfce7;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.public-news-hero h1{margin:0;color:#10231c;font-size:clamp(25px,6vw,38px);line-height:1.02;font-weight:950;letter-spacing:-.04em}.public-news-hero p{max-width:560px;margin:0;color:#64748b;font-size:13px;line-height:1.55;font-weight:750}.public-news-note{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #bbf7d0;border-radius:16px;color:#047857;background:#ecfdf5;font-size:12px;font-weight:850}.public-news-featured{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;padding:10px;border-radius:24px;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.public-news-featured:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0a4f3721}.public-news-featured img{width:100%;min-height:230px;height:100%;border-radius:18px;object-fit:cover;background:#ecfdf5}.public-news-featured div{min-width:0;display:grid;align-content:center;gap:9px;padding:8px 8px 8px 2px}.public-news-featured span,.public-news-compact-list small,.public-news-detail header span,.public-news-back{color:#047857;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.public-news-featured h2{margin:0;color:#0f172a;font-size:clamp(22px,4vw,34px);line-height:1.05;font-weight:950;letter-spacing:-.04em}.public-news-featured p,.public-news-compact-list p,.public-news-detail header p,.public-news-content p{margin:0;color:#64748b;font-size:13px;line-height:1.58;font-weight:750}.public-news-featured b{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);font-size:12px;font-weight:950}.public-news-compact-list{display:grid;gap:10px}.public-news-compact-list a{display:grid;grid-template-columns:82px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:10px;border-radius:20px;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.public-news-compact-list a:hover{transform:translateY(-1px)}.public-news-compact-list img{width:82px;height:82px;border-radius:16px;object-fit:cover;background:#ecfdf5}.public-news-compact-list span,.public-news-compact-list strong{min-width:0;display:block}.public-news-compact-list strong{overflow:hidden;margin:4px 0;color:#0f172a;font-size:15px;line-height:1.18;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.public-news-compact-list p{display:-webkit-box;overflow:hidden;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-news-compact-list>a>i{color:#94a3b8}.public-news-detail{overflow:hidden;display:grid;gap:0;padding:12px;border-radius:26px}.public-news-back{width:fit-content;display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-bottom:8px;padding:0 12px;border-radius:999px;background:#ecfdf5;text-decoration:none}.public-news-detail header{display:grid;gap:9px;padding:10px 4px 14px;text-align:center}.public-news-detail h1{max-width:760px;margin:0 auto;color:#0f172a;font-size:clamp(26px,6vw,44px);line-height:1.04;font-weight:950;letter-spacing:-.05em}.public-news-detail figure{margin:0}.public-news-detail figure img{width:100%;max-height:420px;border-radius:20px;object-fit:cover;background:#ecfdf5}.public-news-content{display:grid;gap:14px;padding:18px 4px 8px}.public-news-content p{max-width:760px;margin-inline:auto;color:#334155;font-size:15px}.public-news-state{min-height:220px;display:grid;place-items:center;gap:8px;padding:24px;border-radius:24px;text-align:center}.public-news-state h1{margin:0;color:#0f172a;font-size:24px}.public-news-state p{margin:0;color:#64748b}.public-news-state a{min-height:42px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#047857,#065f46);font-size:13px;font-weight:950}@keyframes publicNewsEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html.zakat-public-dark .public-action-sheet,html.zakat-public-dark .public-action-sheet header,html.zakat-public-dark .public-modal-state,html.zakat-public-dark .public-news-list article,html.zakat-public-dark .public-contact-list a,html.zakat-public-dark .public-derma-panel,html.zakat-public-dark .public-menu-grid button,html.zakat-public-dark .public-menu-grid a,html.zakat-public-dark .public-news-hero,html.zakat-public-dark .public-news-featured,html.zakat-public-dark .public-news-compact-list a,html.zakat-public-dark .public-news-detail,html.zakat-public-dark .public-news-state,html.zakat-public-dark .public-news-back,html.zakat-public-dark .zakat-success-receipt,html.zakat-public-dark .portal-mobile-sheet__panel,html.zakat-public-dark .portal-mobile-sheet__header>button,html.zakat-public-dark .portal-mobile-sheet__grid a,html.zakat-public-dark .portal-mobile-sheet__languages,html.zakat-public-dark .portal-mobile-sheet__actions a,html.zakat-public-dark .portal-mobile-sheet__actions button,html.zakat-public-dark .zakat-pay-card,html.zakat-public-dark .zakat-pay-progress,html.zakat-public-dark .zakat-pay-progress__steps div,html.zakat-public-dark .zakat-pay-address,html.zakat-public-dark .zakat-pay-radio-grid button,html.zakat-public-dark .zakat-pay-affiliate-card,html.zakat-public-dark .zakat-pay-summary,html.zakat-public-dark .zakat-pay-summary>div:first-child,html.zakat-public-dark .zakat-pay-summary>div:last-child,html.zakat-public-dark .zakat-pay-check,html.zakat-public-dark .zakat-pay-nav .secondary,html.zakat-public-dark .zakat-pay-modal__panel,html.zakat-public-dark .zakat-pay-official__grid article,html.zakat-public-dark .zakat-pay-cert,html.zakat-public-dark .zakat-pay-cert>div,html.zakat-public-dark .zakat-pay-switch,html.zakat-public-dark .zakat-pay-wa a,html.zakat-public-dark .zakat-pay-sheet,html.zakat-public-dark .zakat-pay-sheet__head,html.zakat-public-dark .zakat-pay-sheet__list button,html.zakat-public-dark .zakat-pay-fitrah,html.zakat-public-dark .zakat-pay-fitrah__rates button,html.zakat-public-dark .zakat-pay-fitrah__calc label,html.zakat-public-dark .zakat-calculator-hero,html.zakat-public-dark .zakat-calculator-types button,html.zakat-public-dark .zakat-calculator-form,html.zakat-public-dark .zakat-calculator-result,html.zakat-public-dark .zakat-calculator-rate-list button,html.zakat-public-dark .affiliate-login-card,html.zakat-public-dark .affiliate-login-info article,html.zakat-public-dark .affiliate-profile-hero,html.zakat-public-dark .affiliate-profile-card,html.zakat-public-dark .affiliate-profile-menu-row,html.zakat-public-dark .affiliate-profile-empty,html.zakat-public-dark .affiliate-profile-state,html.zakat-public-dark .affiliate-profile-guide-panel__intro,html.zakat-public-dark .affiliate-profile-guide-panel article,html.zakat-public-dark .affiliate-profile-panel section,html.zakat-public-dark .affiliate-profile-panel header{border-color:#bbf7d01f;background:#0f172af5;color:#f8fafc}html.zakat-public-dark .affiliate-profile-completion.is-complete{border-color:#4ade8047;color:#bbf7d0;background:#16653457}html.zakat-public-dark .affiliate-profile-completion.is-incomplete{border-color:#fbbf2447;color:#fde68a;background:#92400e4d}html.zakat-public-dark .public-action-sheet header>div,html.zakat-public-dark .public-menu-grid button>i,html.zakat-public-dark .public-menu-grid a>i,html.zakat-public-dark .portal-mobile-sheet__grid a span,html.zakat-public-dark .zakat-pay-section-title span,html.zakat-public-dark .zakat-pay-affiliate-card>span,html.zakat-public-dark .zakat-pay-radio-icon,html.zakat-public-dark .zakat-pay-money span,html.zakat-public-dark .zakat-pay-sheet__head>i,html.zakat-public-dark .zakat-pay-switch span,html.zakat-public-dark .zakat-calculator-types button>i,html.zakat-public-dark .zakat-calculator-form header>i,html.zakat-public-dark .affiliate-profile-stats article,html.zakat-public-dark .affiliate-profile-stats i,html.zakat-public-dark .affiliate-profile-panel header button{border-color:#bbf7d024;background:#10b98121;color:#86efac}html.zakat-public-dark .affiliate-profile-field input,html.zakat-public-dark .affiliate-profile-field select,html.zakat-public-dark .affiliate-profile-field textarea,html.zakat-public-dark .zakat-pay-field input,html.zakat-public-dark .zakat-pay-field select,html.zakat-public-dark .zakat-pay-money,html.zakat-public-dark .zakat-pay-select-trigger,html.zakat-public-dark .zakat-calculator-field input{border-color:#94a3b83d;background-color:#0f172a;color:#f8fafc}html.zakat-public-dark .public-action-sheet h2,html.zakat-public-dark .public-news-list strong,html.zakat-public-dark .public-news-hero h1,html.zakat-public-dark .public-news-featured h2,html.zakat-public-dark .public-news-compact-list strong,html.zakat-public-dark .public-news-detail h1,html.zakat-public-dark .public-news-state h1,html.zakat-public-dark .public-contact-list a strong,html.zakat-public-dark .public-menu-grid strong,html.zakat-public-dark .portal-mobile-sheet__account strong,html.zakat-public-dark .portal-mobile-sheet__grid a strong,html.zakat-public-dark .zakat-pay-section-title,html.zakat-public-dark .zakat-success-receipt b,html.zakat-public-dark .zakat-pay-field>label,html.zakat-public-dark .zakat-pay-field>span,html.zakat-public-dark .zakat-pay-address>label,html.zakat-public-dark .zakat-pay-radio-grid strong,html.zakat-public-dark .zakat-pay-affiliate-card strong,html.zakat-public-dark .zakat-pay-select-trigger.has-value,html.zakat-public-dark .zakat-pay-summary span,html.zakat-public-dark .zakat-pay-check,html.zakat-public-dark .zakat-pay-sheet__head h3,html.zakat-public-dark .zakat-pay-sheet__list button,html.zakat-public-dark .zakat-pay-sheet__list button b,html.zakat-public-dark .zakat-pay-fitrah__head strong,html.zakat-public-dark .zakat-pay-fitrah__rates strong,html.zakat-public-dark .zakat-pay-fitrah__calc label,html.zakat-public-dark .zakat-pay-official section h4,html.zakat-public-dark .zakat-pay-official__grid strong,html.zakat-public-dark .zakat-pay-switch h3,html.zakat-public-dark .zakat-pay-wa a strong,html.zakat-public-dark .zakat-calculator-hero h1,html.zakat-public-dark .zakat-calculator-types button strong,html.zakat-public-dark .zakat-calculator-form header h2,html.zakat-public-dark .zakat-calculator-field span,html.zakat-public-dark .zakat-calculator-result dd,html.zakat-public-dark .zakat-calculator-rate-list button strong,html.zakat-public-dark .affiliate-login-card h1,html.zakat-public-dark .affiliate-login-info strong,html.zakat-public-dark .affiliate-profile-identity h1,html.zakat-public-dark .affiliate-profile-stats strong,html.zakat-public-dark .affiliate-profile-menu-row strong,html.zakat-public-dark .affiliate-profile-card header strong,html.zakat-public-dark .affiliate-profile-panel header strong,html.zakat-public-dark .affiliate-profile-guide-panel__intro strong,html.zakat-public-dark .affiliate-profile-guide-panel article strong,html.zakat-public-dark .affiliate-profile-field span{color:#f8fafc}html.zakat-public-dark .public-news-list p,html.zakat-public-dark .public-news-hero p,html.zakat-public-dark .public-news-featured p,html.zakat-public-dark .public-news-compact-list p,html.zakat-public-dark .public-news-detail header p,html.zakat-public-dark .public-news-content p,html.zakat-public-dark .public-news-state p,html.zakat-public-dark .zakat-success-receipt small,html.zakat-public-dark .zakat-success-receipt em,html.zakat-public-dark .public-contact-list a small,html.zakat-public-dark .public-derma-panel p,html.zakat-public-dark .public-menu-grid small,html.zakat-public-dark .portal-mobile-sheet__account small,html.zakat-public-dark .portal-mobile-sheet__languages>span,html.zakat-public-dark .zakat-pay-progress__top,html.zakat-public-dark .zakat-pay-field small,html.zakat-public-dark .zakat-pay-affiliate-card small,html.zakat-public-dark .zakat-pay-radio-grid small,html.zakat-public-dark .zakat-pay-sheet__head p,html.zakat-public-dark .zakat-pay-sheet__list button small,html.zakat-public-dark .zakat-pay-fitrah__head p,html.zakat-public-dark .zakat-pay-fitrah small,html.zakat-public-dark .zakat-pay-fitrah__rates p,html.zakat-public-dark .zakat-pay-official section p,html.zakat-public-dark .zakat-pay-official__grid p,html.zakat-public-dark .zakat-pay-switch p,html.zakat-public-dark .zakat-pay-wa a small,html.zakat-public-dark .zakat-pay-footer,html.zakat-public-dark .zakat-calculator-types button small,html.zakat-public-dark .zakat-calculator-form header p,html.zakat-public-dark .zakat-calculator-result dt,html.zakat-public-dark .zakat-calculator-result p,html.zakat-public-dark .zakat-calculator-rate-list button small,html.zakat-public-dark .affiliate-login-card p,html.zakat-public-dark .affiliate-login-info small,html.zakat-public-dark .affiliate-profile-identity p,html.zakat-public-dark .affiliate-profile-stats small,html.zakat-public-dark .affiliate-profile-menu-row small,html.zakat-public-dark .affiliate-profile-card header small,html.zakat-public-dark .affiliate-profile-guide-panel__intro p,html.zakat-public-dark .affiliate-profile-guide-panel small{color:#a7b8b1}html.zakat-public-dark .affiliate-status,html.zakat-public-dark .affiliate-status--approved,html.zakat-public-dark .affiliate-status--rejected,html.zakat-public-dark .affiliate-status--suspended{color:#d1fae5;background:#10b98124}html.zakat-public-dark .affiliate-profile-referral button,html.zakat-public-dark .zakat-pay-switch button{border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:#fff}html.zakat-public-dark .zakat-pay-radio-grid button.selected,html.zakat-public-dark .zakat-calculator-types button.active,html.zakat-public-dark .zakat-calculator-rate-list button.active,html.zakat-public-dark .zakat-pay-progress__steps div.active,html.zakat-public-dark .zakat-pay-sheet__list button.active,html.zakat-public-dark .zakat-pay-fitrah__rates button.active,html.zakat-public-dark .portal-mobile-sheet__grid a.active{border-color:#10b98185;background:#05966933;color:#f8fafc}html.zakat-public-dark .zakat-pay-progress__track,html.zakat-public-dark .zakat-calculator-result dl div,html.zakat-public-dark .public-news-featured img,html.zakat-public-dark .public-news-compact-list img,html.zakat-public-dark .public-news-detail figure img,html.zakat-public-dark .public-certificate-preview img{border-color:#bbf7d01f;background:#94a3b824}@media(max-width:980px){.topbar{padding:12px 14px}.topbar-actions a{display:none}.brand-mark{width:40px;height:40px;border-radius:14px}.hero-card,.hero-card--compact{grid-template-columns:1fr;border-radius:28px}h1{font-size:clamp(34px,11vw,50px)}.metric-grid,.metric-grid--four,.news-grid,.two-column{grid-template-columns:1fr}.zakat-module-header,.zakat-panel__header,.zakat-pagination{align-items:stretch;flex-direction:column}.zakat-module-header__title{align-items:flex-start}.zakat-module-header__actions,.zakat-filter-bar__actions,.zakat-pagination>div{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-module-header__actions .zakat-button,.zakat-filter-bar__actions .zakat-button{width:100%}.zakat-stat-grid,.zakat-chart-grid,.zakat-ops-grid{grid-template-columns:1fr}.zakat-stat-card{min-height:96px;padding:14px}.zakat-stat-card strong{font-size:clamp(17px,7vw,25px);line-height:1.08}.zakat-dashboard-hero,.zakat-dashboard-insight-grid{grid-template-columns:1fr}.zakat-dashboard-hero{min-height:auto;border-radius:20px}.zakat-dashboard-hero h1{font-size:clamp(28px,9vw,40px);line-height:1.05}.zakat-dashboard-hero__actions{display:grid;grid-template-columns:1fr}.zakat-dashboard-hero__actions .zakat-button{width:100%}.zakat-dashboard-score{width:128px;height:128px;justify-self:start}.zakat-dashboard-score div{width:84px;height:84px}.zakat-dashboard-chart-summary{justify-items:start}.zakat-filter-bar{grid-template-columns:1fr}.zakat-filter-total{width:100%;justify-content:center;justify-self:stretch}.zakat-monthly-chart{height:220px;gap:5px;padding:14px}.zakat-monthly-chart--premium{height:240px}.zakat-monthly-chart__bar small{font-size:9px}.zakat-record-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px}.zakat-record-header{display:none}.zakat-record-card__payer,.zakat-record-card__type,.zakat-record-card__amount,.zakat-status-pill{grid-column:2 / -1}.zakat-record-card__actions{grid-column:1 / -1;justify-content:flex-start;padding-left:52px}.zakat-affiliate-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.zakat-affiliate-header,.zakat-payout-header{display:none}.zakat-affiliate-card__code,.zakat-affiliate-card .zakat-status-pill,.zakat-affiliate-card__count,.zakat-affiliate-card__amount,.zakat-affiliate-card__whatsapp,.zakat-affiliate-card__actions{grid-column:1 / -1}.zakat-affiliate-card__actions{justify-content:flex-start}.zakat-affiliate-detail__grid{grid-template-columns:1fr}.zakat-list-intro{align-items:flex-start;flex-direction:column}.zakat-filter-bar--payouts{grid-template-columns:1fr}.zakat-payout-row{grid-template-columns:minmax(0,1fr);align-items:start}.zakat-payout-row .zakat-record-card__actions{padding-left:0}.zakat-settings-grid,.zakat-settings-tabs{grid-template-columns:1fr}.zakat-settings-tab small{white-space:normal}.zakat-settings-actions{justify-content:stretch}.zakat-settings-actions .zakat-button{width:100%}.zakat-filter-bar--leaderboard{grid-template-columns:1fr}.zakat-news-topbar,.zakat-category-top-actions,.zakat-news-form-header,.zakat-news-list-item__top{align-items:stretch;flex-direction:column}.zakat-news-create,.zakat-news-save{width:100%}.zakat-news-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-news-filter-card form,form.zakat-news-filter-card{grid-template-columns:1fr}.zakat-news-list-item{flex-direction:column}.zakat-news-list-item>img,.zakat-news-list-item>.zakat-cover-placeholder{width:100%;height:auto;aspect-ratio:16 / 9}.zakat-news-list-item h2{white-space:normal}.zakat-news-list-item .zakat-record-card__actions{padding-left:0}.zakat-news-editor{grid-template-columns:1fr}.zakat-category-header{display:none}.zakat-category-card{grid-template-columns:44px minmax(0,1fr);align-items:start}.zakat-category-card__main,.zakat-category-card__mode,.zakat-category-card__amount,.zakat-category-card__count,.zakat-category-card .zakat-status-pill,.zakat-category-card .zakat-record-card__actions{grid-column:2 / -1}.zakat-category-card .zakat-record-card__actions{padding-left:0;justify-content:flex-start}.zakat-category-rate,.zakat-category-people,.zakat-content-form,.zakat-filter-bar--reviews,.zakat-filter-bar--reports,.zakat-stat-grid--reports{grid-template-columns:1fr}.zakat-content-form .is-wide{grid-column:auto}.zakat-content-card,.zakat-review-card{grid-template-columns:1fr;align-items:stretch}.zakat-content-card--with-cover{grid-template-columns:1fr}.zakat-content-card--with-cover>img,.zakat-cover-placeholder{width:100%}.zakat-content-form--editor{grid-template-columns:1fr}.zakat-cover-uploader{grid-row:auto}.zakat-content-card p,.zakat-review-card p{white-space:normal}.zakat-report-header{display:none}.zakat-report-row,.zakat-report-row--affiliate{min-width:0;grid-template-columns:1fr;align-items:stretch}.zakat-leaderboard-header{display:none}.zakat-leaderboard-row{min-width:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:8px 10px}.zakat-leaderboard-code,.zakat-leaderboard-row>span:not(.zakat-leaderboard-rank):not(.zakat-status-pill),.zakat-leaderboard-row>strong{grid-column:2 / -1}.zakat-modal{padding:14px}.zakat-detail-grid{grid-template-columns:1fr}.zakat-detail-grid .is-wide{grid-column:auto}.portal-shell{display:block;padding-bottom:98px}.portal-sidebar,.portal-desktop-header,.portal-right-curve{display:none}.portal-content{height:auto;min-height:100vh;margin-left:0;overflow:visible}.portal-content main{width:min(100% - 28px,760px);margin-inline:auto;padding:92px 0 34px}.portal-page-stack{gap:10px}.portal-dashboard-grid{grid-template-columns:1fr}.portal-welcome-card{grid-template-columns:auto minmax(0,1fr);min-height:auto;padding:16px}.portal-welcome-card a{grid-column:1 / -1;width:100%}.portal-welcome-card h1{font-size:24px}.portal-status-card{min-height:auto}.portal-mobile-header{position:fixed;inset:0 0 auto;z-index:50;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:linear-gradient(90deg,#047857,#065f46,#064e3b);box-shadow:0 18px 36px #064e3b38}.portal-mobile-brand{min-width:0;display:flex;align-items:center;gap:8px}.portal-mobile-brand .portal-logo{width:30px;height:30px;border-radius:9px}.portal-mobile-brand .portal-logo img{width:22px;height:22px}.portal-mobile-brand strong,.portal-mobile-brand small{display:block;line-height:1}.portal-mobile-brand strong{font-size:12px}.portal-mobile-brand small{margin-top:3px;color:#bbf7d0;font-size:9px}.portal-mobile-header h1{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#fff;font-size:16px;line-height:1;letter-spacing:0}.portal-avatar-button{justify-self:end;width:38px;height:38px;padding:0;border-radius:999px;background:#ffffff29}.portal-user-dropdown{position:fixed;top:66px;right:14px;z-index:70}.portal-mobile-menu{position:fixed;top:66px;right:14px;z-index:70;width:168px;overflow:hidden;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 24px 60px #0f172a38}.portal-mobile-menu a,.portal-mobile-menu button{width:100%;min-height:42px;display:flex;align-items:center;padding:0 14px;background:transparent;color:#334155;font-size:13px;font-weight:800;text-align:left}.portal-mobile-menu button{color:#dc2626}.portal-mobile-menu__languages{padding:10px 12px;border-bottom:1px solid #e2e8f0}.portal-mobile-menu__languages button{min-height:36px;padding:0;justify-content:center;background:#f8fafc;color:#334155}.portal-mobile-nav,.portal-mobile-sheet{display:block}body.zakat-mobile-menu-open{overflow:hidden}}@media(max-width:1220px){.zakat-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-teacher-switcher{min-width:40px;width:40px;padding:0;justify-content:center}.portal-teacher-switcher__text,.portal-teacher-switcher>i{display:none}}@media(max-width:520px){.public-main{width:calc(100% - 22px);padding-top:14px}.section-card{border-radius:24px}.hero-card{padding:20px}.primary-action,.secondary-action{width:100%}.metric-card strong{font-size:24px}.public-hero-card{border-radius:24px;padding:22px}.public-hero-card .primary-action{width:100%}.public-info-grid{grid-template-columns:1fr}.public-certificate-card{border-radius:24px}.public-certificate-card__header{align-items:flex-start;flex-direction:column}.public-certificate-card__header a{width:100%;justify-content:center}.public-action-modal{align-items:flex-end;padding:0}.public-action-sheet{width:100%;max-height:88vh;border-right:0;border-bottom:0;border-left:0;border-radius:30px 30px 0 0}.public-action-sheet header{grid-template-columns:44px minmax(0,1fr) 38px;padding:16px}.public-action-sheet header>div{width:44px;height:44px;border-radius:16px}.public-action-sheet__body{padding:14px}.public-news-list article{grid-template-columns:64px minmax(0,1fr);border-radius:18px}.public-news-list img{width:64px;height:64px;border-radius:14px}.public-news-featured{grid-template-columns:1fr}.public-news-featured img{min-height:190px;aspect-ratio:16 / 10}.public-news-featured div{padding:4px 2px}.public-news-compact-list a{grid-template-columns:72px minmax(0,1fr) 20px;gap:10px}.public-news-compact-list img{width:72px;height:72px}.public-news-detail{border-radius:22px}.public-news-content p{font-size:14px}.affiliate-login-page{min-height:calc(100vh - 150px);padding-top:10px}.affiliate-login-card{gap:10px;padding:22px 16px;border-radius:26px}.affiliate-profile-page{gap:10px;padding-bottom:22px}.affiliate-profile-hero{gap:10px;padding:12px;border-radius:18px}.affiliate-profile-hero__main{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.affiliate-profile-avatar,.affiliate-profile-avatar img{width:52px;height:52px}.affiliate-status{justify-self:start;margin-top:2px}.affiliate-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-profile-referral{grid-template-columns:1fr}.affiliate-profile-referral__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.affiliate-profile-referral button{width:100%}.affiliate-profile-completion{grid-template-columns:36px minmax(0,1fr)}.affiliate-profile-completion>i{width:36px;height:36px}.affiliate-profile-completion button{grid-column:1 / -1;width:100%}.affiliate-commission-card>div{grid-template-columns:1fr}.affiliate-profile-grid{grid-template-columns:1fr}.affiliate-profile-field.is-wide{grid-column:auto}}@media(max-width:760px){.zakat-pay-page{padding-bottom:104px}.zakat-pay-header>div{width:calc(100% - 24px);min-height:66px}.zakat-pay-header a:first-child{grid-template-columns:38px minmax(0,1fr);gap:8px 10px}.zakat-pay-header a:first-child span{width:38px;height:38px;border-radius:13px}.zakat-pay-header img{width:29px;height:29px}.zakat-pay-header strong{font-size:13px}.zakat-pay-header small{font-size:10px}.zakat-pay-header a:last-child{width:38px;height:38px;justify-content:center;padding:0}.zakat-pay-header a:last-child span{display:none}.zakat-pay-header__theme{width:38px;height:38px;justify-content:center;padding:0}.zakat-pay-header__theme span{display:none}.zakat-pay-header a.zakat-pay-header__logo{width:min(54vw,178px);height:48px}.zakat-pay-header a.zakat-pay-header__logo img{width:auto;height:45px}.zakat-pay-main{width:calc(100% - 22px);padding-top:18px}.zakat-pay-title{margin-bottom:14px}.zakat-pay-title>span{margin-bottom:10px;padding:8px 12px;font-size:12px}.zakat-pay-title h1{font-size:30px}.zakat-pay-title p{font-size:13px}.zakat-pay-guide{padding:12px;border-radius:12px}.zakat-pay-guide__head{gap:8px;margin-bottom:8px}.zakat-pay-guide__head span{min-height:18px;padding:2px 8px;font-size:10px}.zakat-pay-guide__head strong{font-size:12px}.zakat-pay-guide__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.zakat-pay-guide article{min-height:68px;padding:6px;border-radius:8px}.zakat-pay-guide b{width:20px;height:20px;margin-bottom:4px;font-size:10px}.zakat-pay-guide p{font-size:8px;line-height:1.25}.zakat-pay-guide em{display:none}.zakat-pay-guide--slider{min-height:132px;padding:0;border-radius:18px}.zakat-pay-guide-slider{min-height:132px}.zakat-pay-guide-slider__viewport{border-radius:inherit}.zakat-pay-guide .zakat-pay-guide-slide{min-height:132px;display:flex;padding:11px 36px 22px;border-radius:inherit;text-align:left}.zakat-pay-guide .zakat-pay-guide-slide.is-guide{display:block;min-height:132px;padding:10px 28px 18px;text-align:center}.zakat-pay-guide-slide.is-guide .zakat-pay-guide__head{justify-content:center}.zakat-pay-guide-slide__top{gap:8px}.zakat-pay-guide-slide__top span{min-height:20px;padding:3px 8px;font-size:9px}.zakat-pay-guide-slide__top small{font-size:10px}.zakat-pay-guide-slide__body{display:block;margin:6px 0}.zakat-pay-guide-slide__body strong{font-size:15px}.zakat-pay-guide-slide__body p{margin-top:4px;font-size:10px;line-height:1.3}.zakat-pay-guide-slide__body em{display:none}.zakat-pay-guide-slide__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.zakat-pay-guide-slide__steps div{gap:5px;padding:5px 6px;border-radius:10px}.zakat-pay-guide-slide__steps b{width:18px;height:18px;font-size:9px}.zakat-pay-guide-slide__steps p{font-size:9px;line-height:1.14}.zakat-pay-guide-slide.is-promotion{justify-content:center;padding:22px 40px 18px}.zakat-pay-guide-slide.is-logo{padding:14px 34px 18px}.zakat-pay-guide-logo-only img{width:min(86%,300px);max-height:102px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__top{top:9px;left:14px;right:34px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__body strong{font-size:16px}.zakat-pay-guide-slide.is-promotion .zakat-pay-guide-slide__body p{max-width:240px;font-size:10px;line-height:1.35}.zakat-pay-guide-slider__nav{width:26px;height:26px}.zakat-pay-guide-slider__nav.is-prev{left:2px}.zakat-pay-guide-slider__nav.is-next{right:2px}.zakat-pay-guide-slider__dots{bottom:5px}.zakat-pay-alert{grid-template-columns:auto minmax(0,1fr) auto;padding:12px;border-radius:18px}.zakat-pay-progress,.zakat-pay-card{border-radius:24px}.zakat-pay-progress{padding:10px;border-radius:20px}.zakat-pay-progress__top{font-size:11px}.zakat-pay-progress__track{height:4px;margin:7px 0 8px}.zakat-pay-progress__steps{gap:6px}.zakat-pay-progress__steps div{display:grid;place-items:center;gap:4px;padding:6px 4px;text-align:center;font-size:9px;line-height:1.2}.zakat-pay-progress__steps b{width:22px;height:22px;border-radius:9px}.zakat-pay-card{padding:16px}.zakat-pay-section-title{margin-bottom:14px;font-size:19px}.zakat-pay-section-title span{width:38px;height:38px;border-radius:14px}.zakat-pay-grid,.zakat-pay-fitrah__rates,.zakat-pay-fitrah__calc{grid-template-columns:1fr}.zakat-pay-radio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zakat-pay-radio-grid button{min-height:58px;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px;border-radius:15px}.zakat-pay-radio-icon{width:36px;height:36px;border-radius:13px}.zakat-pay-radio-icon i{font-size:14px}.zakat-pay-radio-grid strong{font-size:13px;line-height:1.15}.zakat-pay-radio-grid small{display:none}.zakat-pay-field input,.zakat-pay-field select,.zakat-pay-money,.zakat-pay-select-trigger{min-height:52px;border-radius:16px;font-size:14px}.zakat-pay-affiliate-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px;border-radius:18px}.zakat-pay-affiliate-card>span{width:40px;height:40px;border-radius:14px}.zakat-pay-affiliate-card input{min-height:40px;border-radius:13px}.zakat-pay-address,.zakat-pay-fitrah{padding:14px;border-radius:20px}.zakat-pay-fitrah__rates button{min-height:auto}.zakat-pay-summary>div{grid-template-columns:1fr;gap:5px}.zakat-pay-summary>div:first-child{display:none}.zakat-pay-summary>div:last-child{grid-template-columns:1fr;gap:6px}.zakat-pay-niat{padding:16px;border-radius:20px}.zakat-pay-check{align-items:flex-start;font-size:13px}.zakat-pay-nav{position:sticky;bottom:12px;z-index:20;padding:8px;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:#ffffffeb;box-shadow:0 18px 42px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.zakat-pay-nav button{flex:1;min-height:50px;padding:0 13px;border-radius:16px;font-size:13px}.zakat-pay-sheet{bottom:0;width:100%;max-height:86vh;border-right:0;border-bottom:0;border-left:0;border-radius:30px 30px 0 0}.zakat-pay-sheet__head{grid-template-columns:44px minmax(0,1fr) 38px;padding:16px}.zakat-pay-sheet__head>i{width:44px;height:44px;border-radius:16px}.zakat-pay-sheet__head h3{font-size:18px}.zakat-pay-modal{align-items:end;padding:0}.zakat-pay-modal__panel{width:100%;max-height:88vh;border-radius:28px 28px 0 0}.zakat-pay-official header,.zakat-pay-wa header{grid-template-columns:46px minmax(0,1fr) 38px;padding:16px}.zakat-pay-official header span,.zakat-pay-wa header>div{width:46px;height:46px;border-radius:16px}.zakat-pay-official__grid{grid-template-columns:1fr;padding:0 16px 16px}.zakat-pay-cert{margin:0 16px 16px}}@media(max-width:980px){.zakat-calculator-page{gap:10px}.zakat-calculator-types{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.zakat-calculator-types button{width:92px;min-width:92px;min-height:74px;grid-template-columns:1fr;justify-items:center;gap:5px;padding:9px 7px;border-radius:18px;text-align:center;scroll-snap-align:start}.zakat-calculator-types button small{display:none}.zakat-calculator-types button>i{width:32px;height:32px;border-radius:12px;font-size:13px}.zakat-calculator-types button strong{font-size:11px}.zakat-calculator-workspace,.zakat-calculator-grid,.zakat-calculator-rate-list{grid-template-columns:1fr}.zakat-calculator-result{position:static}}@media(max-width:520px){.zakat-calculator-hero{padding:14px;border-radius:20px}.zakat-calculator-hero h1{font-size:clamp(22px,7vw,30px);letter-spacing:-.03em}.zakat-calculator-form,.zakat-calculator-result{border-radius:20px}.zakat-calculator-form{padding:13px}.zakat-calculator-form header{grid-template-columns:40px minmax(0,1fr)}.zakat-calculator-form header>i{width:40px;height:40px;border-radius:14px}.zakat-calculator-form header h2{font-size:18px}.zakat-calculator-field input{min-height:44px;border-radius:14px}.zakat-calculator-rate-list button{min-height:auto}.zakat-calculator-result__top{padding:15px}.zakat-calculator-result__top strong{font-size:27px}}@media(max-width:640px){.portal-content main{width:min(100% - 18px,760px);padding-top:82px;padding-bottom:112px}.portal-page-stack{gap:9px}.zakat-module-header{padding:12px;gap:10px;border-radius:18px}.zakat-module-header__title{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px}.zakat-module-header__title>span{width:40px;height:40px;border-radius:14px;font-size:16px}.zakat-module-header h1{font-size:18px;line-height:1.12}.zakat-module-header p{margin-top:3px;font-size:11px;line-height:1.35}.zakat-module-header__actions{gap:7px}.zakat-button{min-height:38px;gap:7px;border-radius:12px;font-size:12px}.zakat-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zakat-stat-grid--reports{grid-template-columns:repeat(2,minmax(0,1fr))}.zakat-stat-card{min-height:78px;padding:10px;gap:9px;border-radius:15px;box-shadow:0 12px 28px #0a4f3714}.zakat-stat-card__icon{width:34px;height:34px;border-radius:12px;font-size:13px}.zakat-stat-card>div>span,.zakat-stat-card small{font-size:9.5px;line-height:1.2}.zakat-stat-card strong{margin:4px 0 2px;font-size:clamp(15px,5.4vw,21px);line-height:1.03;overflow-wrap:anywhere}.zakat-dashboard-insight-grid{gap:8px}.zakat-dashboard-insight-card{min-height:72px;padding:10px;border-radius:15px}.zakat-panel{overflow:hidden;border-radius:16px;box-shadow:0 12px 28px #0a4f3714}.zakat-panel__header{min-height:auto;padding:12px;gap:8px}.zakat-panel__header h2{font-size:15px;line-height:1.2}.zakat-panel__header p{margin-top:2px;font-size:10.5px;line-height:1.35}.zakat-filter-bar{padding:10px;gap:8px}.zakat-filter-bar input,.zakat-filter-bar select{min-height:38px;border-radius:11px;font-size:12px}.zakat-filter-total{min-height:32px;border-radius:11px;font-size:10px}.zakat-monthly-chart{height:190px}.zakat-monthly-chart--premium{height:204px;padding:14px 8px 12px;border-radius:16px}.zakat-monthly-chart__bar{min-width:18px;gap:6px}.zakat-monthly-chart__bar span{width:min(100%,16px);min-height:7px;border-radius:999px 999px 5px 5px}.zakat-monthly-chart__bar small{font-size:8px}.zakat-record-card{grid-template-columns:36px minmax(0,1fr);gap:8px 10px;padding:12px;border-radius:0}.zakat-record-card__icon{width:36px;height:36px;border-radius:13px;font-size:13px}.zakat-record-card__receipt,.zakat-record-card__payer,.zakat-record-card__type,.zakat-record-card__amount,.zakat-record-card .zakat-status-pill{grid-column:2 / -1;min-width:0}.zakat-record-card strong,.zakat-record-card h3{font-size:13px;line-height:1.22}.zakat-record-card small,.zakat-record-card__type{font-size:10.5px}.zakat-record-card__amount{font-size:15px}.zakat-record-card__actions{grid-column:1 / -1;padding-left:46px;gap:6px}.zakat-record-card__actions button,.zakat-record-card__actions a{width:34px;height:34px;border-radius:11px}.zakat-report-row,.zakat-report-row--affiliate{gap:5px;padding:12px;border-radius:0}.zakat-report-row>span,.zakat-report-row>strong{min-width:0;overflow-wrap:anywhere;font-size:12px}.zakat-empty-state{min-height:190px;padding:24px 14px;border-radius:16px}.zakat-empty-state i{font-size:22px}.zakat-empty-state strong{font-size:15px}}.zd-root{display:grid;gap:0}.zd-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.zd-kpi-card{background:#fff;border:1px solid #e2e8f5;border-radius:16px;padding:16px}.zd-kpi-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.zd-kpi-card__label{font-size:10px;font-weight:600;color:#8891ad}.zd-kpi-card__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:14px;flex:0 0 auto}.zd-kpi-card__value{display:block;font-size:20px;font-weight:900;line-height:1.1;color:#0f1326}.zd-kpi-card__sub{margin:4px 0 0;font-size:10px;font-weight:600;color:#8891ad}.zd-kpi-card__delta{display:inline-flex;align-items:center;gap:3px;margin-top:6px;padding:2px 6px;border-radius:5px;font-size:10px;font-weight:700}.zd-kpi-card__delta.is-neutral{color:#8891ad;background:#8891ad14}.zd-card{background:#fff;border:1px solid #e2e8f5;border-radius:16px;padding:16px}.zd-chart-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:12px;margin-bottom:14px}.zd-bottom-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}.zd-section-title{display:flex;align-items:center;gap:7px;margin-bottom:14px}.zd-section-title i{font-size:14px;color:#16a862}.zd-section-title span{font-size:13px;font-weight:800;color:#0f1326}.zd-monthly-chart__legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:10px;font-weight:700;color:#4a5272}.zd-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:3px;vertical-align:middle}.zd-dot--primary{background:#16a862}.zd-dot--gold{background:#c98a0a}.zd-monthly-chart__bars{height:180px;display:flex;align-items:stretch;gap:8px;padding-top:4px;background:linear-gradient(180deg,#f0f4ff59,#fff0),repeating-linear-gradient(to top,transparent 0 44px,rgba(226,232,245,.9) 45px,transparent 46px)}.zd-monthly-chart__item{flex:1;min-width:0;display:grid;grid-template-rows:1fr auto;gap:8px;align-items:end}.zd-monthly-chart__pair{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.zd-monthly-chart__bar{width:min(46%,16px);min-height:6px;border-radius:6px 6px 2px 2px;transition:height .25s ease}.zd-monthly-chart__bar--amount{background:#16a862}.zd-monthly-chart__bar--count{background:#c98a0a}.zd-monthly-chart__item.is-current .zd-monthly-chart__bar--amount{background:linear-gradient(180deg,#34d399,#16a862)}.zd-monthly-chart__item small{font-size:10px;font-weight:700;color:#8891ad;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zd-payment-pie{display:grid;gap:10px}.zd-payment-pie__chart{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zd-payment-pie__ring{width:108px;height:108px;border-radius:999px;flex:0 0 auto}.zd-payment-pie__legend{flex:1;display:grid;gap:6px}.zd-payment-pie__legend-item{display:flex;align-items:center;gap:6px}.zd-payment-pie__legend-item>span:first-child{width:8px;height:8px;border-radius:3px;flex:0 0 auto}.zd-payment-pie__legend-label{flex:1;font-size:10px;color:#4a5272}.zd-payment-pie__legend-item strong{font-size:11px;font-weight:800;color:#0f1326}.zd-inline-alert{display:flex;align-items:center;gap:6px;margin-top:2px;padding:8px 10px;border-radius:10px;border:1px solid #ffb02030;background:#ffb02012;color:#ffb020;font-size:10px;font-weight:700}.zd-category-bars{display:grid;gap:10px}.zd-category-bars__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.zd-category-bars__head strong{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:#0f1326}.zd-category-bars__head span{font-size:10px;font-weight:700;color:#16a862}.zd-category-bars__track{height:6px;border-radius:99px;background:#16a86212;overflow:hidden}.zd-category-bars__track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#16a862,#16a86290);transition:width .4s ease}.zd-category-bars__meta{display:flex;gap:10px;margin-top:2px;font-size:9px;font-weight:700;color:#8891ad}.zd-table-wrap{overflow-x:auto}.zd-table{width:100%;border-collapse:collapse;font-size:11px}.zd-table th{padding:6px 8px;border-bottom:1px solid #e2e8f5;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:left;color:#8891ad}.zd-table td{padding:7px 8px;border-bottom:1px solid #e2e8f508}.zd-table__receipt{font-size:10px;font-weight:700;color:#0f1326}.zd-table__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a5272}.zd-table__amount{font-weight:700;color:#0f1326}.zd-table__time{font-size:10px;color:#8891ad}.zd-status-pill{display:inline-block;padding:2px 6px;border-radius:5px;font-size:9px;font-weight:700}.zd-summary{margin-top:16px;padding:10px 14px;border-radius:12px;border:1px solid #16a86220;background:#16a86208;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.zd-summary__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;color:#8891ad}.zd-summary__meta i{color:#16a862}.zd-summary__meta strong{color:#0f1326}.zd-summary__meta .zd-sep{margin:0 4px;opacity:.3}.zd-summary__time{font-size:9px;color:#8891ad}.zd-empty{margin:0;padding:20px;text-align:center;font-size:11px;font-weight:600;color:#8891ad}.zd-loading{padding:40px;text-align:center;color:#8891ad;font-size:13px}.zd-loading i{display:block;margin:0 auto 8px;font-size:20px;color:#16a862;animation:zd-spin 1s linear infinite}.zd-alert{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:11px;font-weight:700}.zd-alert--warning{color:#92400e;background:#fffbeb;border:1px solid #fbbf2433}@keyframes zd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1023px){.zd-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zd-chart-row,.zd-bottom-row{grid-template-columns:1fr}.zd-payment-pie__chart{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.zd-kpi-card__value{font-size:18px}.zd-monthly-chart__bars{height:160px}}.zakat-app .ps-root,.zakat-portal .ps-root{--portal-primary: #0f5fa8;--portal-border: #dbeafe}.ps-root{display:grid;gap:12px}.ps-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.ps-header__title{display:flex;align-items:flex-start;gap:10px}.ps-header__title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--portal-primary, #0f5fa8) 12%,#fff);color:var(--portal-primary, #0f5fa8);font-size:15px;flex-shrink:0}.ps-header__title h1{margin:0;font-size:16px;font-weight:900;color:#0f1326;line-height:1.2}.ps-header__title p{margin:4px 0 0;font-size:11px;font-weight:600;color:#8891ad;line-height:1.5}.ps-status-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid transparent}.ps-status-pill.is-ready{color:#047857;background:#ecfdf5;border-color:#05966933}.ps-status-pill.is-pending{color:#b45309;background:#fffbeb;border-color:#f59e0b40}.ps-flash{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;font-size:11px;font-weight:700;line-height:1.5}.ps-flash--success{color:#047857;background:color-mix(in srgb,var(--portal-primary, #0f5fa8) 8%,#ecfdf5);border:1px solid rgba(5,150,105,.2)}.ps-flash--error{color:#be123c;background:#fff1f2;border:1px solid rgba(225,29,72,.2)}.ps-flash button{margin-left:auto;border:0;background:transparent;color:inherit;opacity:.7;cursor:pointer}.ps-tabs{display:flex;flex-wrap:wrap;gap:8px}.ps-tab{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--portal-border, #e2e8f5);border-radius:10px;background:#fff;color:#64748b;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.ps-tab i{font-size:13px;opacity:.85}.ps-tab.is-active{border-color:color-mix(in srgb,var(--portal-primary, #0f5fa8) 45%,#dbe3ef);background:color-mix(in srgb,var(--portal-primary, #0f5fa8) 10%,#fff);color:var(--portal-primary, #0f5fa8)}.ps-panel{background:#fff;border:1px solid var(--portal-border, #e2e8f5);border-radius:18px;padding:14px;display:grid;gap:12px}.ps-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ps-panel__header-main{display:flex;align-items:flex-start;gap:8px}.ps-panel__header-main>i{margin-top:2px;font-size:15px;color:var(--portal-primary, #0f5fa8)}.ps-panel__header h2{margin:0;font-size:14px;font-weight:900;color:#0f1326}.ps-panel__header p{margin:4px 0 0;font-size:11px;font-weight:600;color:#8891ad;line-height:1.55}.ps-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:12px;border:1px solid color-mix(in srgb,var(--portal-primary, #0f5fa8) 22%,transparent);background:color-mix(in srgb,var(--portal-primary, #0f5fa8) 6%,#fff);font-size:11px;font-weight:600;color:#4a5272;line-height:1.6}.ps-hint i{color:var(--portal-primary, #0f5fa8);margin-top:1px}.ps-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ps-field{display:grid;gap:5px}.ps-field--full{grid-column:1 / -1}.ps-field>span{font-size:11px;font-weight:700;color:#64748b}.ps-field input,.ps-field select,.ps-field textarea{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--portal-border, #e2e8f5);border-radius:10px;background:#f8fafc;color:#0f1326;font-size:12px;font-weight:600}.ps-field textarea{min-height:96px;padding:10px 12px;resize:vertical}.ps-field small{font-size:10px;font-weight:600;color:#94a3b8}.ps-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--portal-border, #e2e8f5);border-radius:12px;background:#f8fafc}.ps-toggle-row__copy strong{display:block;font-size:12px;font-weight:800;color:#0f1326}.ps-toggle-row__copy small{display:block;margin-top:3px;font-size:10px;font-weight:600;color:#8891ad;line-height:1.45}.ps-switch{position:relative;width:40px;height:22px;border-radius:11px;border:0;padding:0;cursor:pointer;flex-shrink:0;transition:background .2s ease}.ps-switch__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:left .2s ease}.ps-switch.is-on{background:var(--portal-primary, #0f5fa8)}.ps-switch.is-on .ps-switch__knob{left:21px}.ps-switch.is-off{background:#cbd5e1}.ps-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}.ps-footer__note{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#8891ad}.ps-footer__note i{color:var(--portal-primary, #0f5fa8)}.ps-save-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--portal-primary, #0f5fa8),color-mix(in srgb,var(--portal-primary, #0f5fa8) 70%,#020617));color:#fff;font-size:12px;font-weight:800;cursor:pointer}.ps-save-btn:disabled{opacity:.6;cursor:not-allowed}.ps-subsection{padding:12px;border-radius:12px;border:1px solid var(--portal-border, #e2e8f5);background:#f8fafc;display:grid;gap:10px}.ps-subsection__title{margin:0;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#64748b}@media(max-width:768px){.ps-form-grid{grid-template-columns:1fr}.ps-footer{flex-direction:column;align-items:stretch}.ps-save-btn{justify-content:center}}.portal-header-actions{gap:8px}.portal-header-action,.portal-search-trigger{width:40px;height:40px;border-radius:12px;outline:none}.portal-header-action:focus-visible,.portal-search-trigger:focus-visible,.portal-header-public-link:focus-visible,.portal-switcher-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--portal-primary, #2563eb) 42%,transparent);outline-offset:2px}.portal-header-action:hover,.portal-search-trigger:hover{border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 28%,#dbe3ef);background:color-mix(in srgb,var(--portal-primary, #2563eb) 7%,#fff);color:var(--portal-primary, #2563eb);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--portal-primary, #2563eb) 12%,transparent)}.portal-header-action.is-open,.portal-switcher-trigger.is-open{border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 35%,#dbe3ef);background:color-mix(in srgb,var(--portal-primary, #2563eb) 10%,#fff);color:var(--portal-primary, #2563eb);box-shadow:0 8px 18px color-mix(in srgb,var(--portal-primary, #2563eb) 14%,transparent)}.portal-header-public-link{height:40px;min-width:40px;padding:0 14px;border-radius:12px;border:1px solid #dbe3ef;background:#ffffffd1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;flex-shrink:0;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.portal-header-public-link:hover{border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 28%,#dbe3ef);background:color-mix(in srgb,var(--portal-primary, #2563eb) 7%,#fff);color:var(--portal-primary, #2563eb);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--portal-primary, #2563eb) 12%,transparent)}.portal-header-public-link i{font-size:13px}.portal-header-actions-divider{width:1px;height:28px;background:var(--zp-border, var(--line, #e2e8f0));flex-shrink:0}.portal-switcher-menu{width:288px;border-radius:18px;padding:8px;box-shadow:0 24px 48px -16px #0f172a38,0 0 0 1px #0f172a0a;animation:portal-switcher-in .16s ease-out}@keyframes portal-switcher-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.portal-switcher-menu__title{padding:10px 12px 8px;margin-bottom:6px}.portal-switcher-item{gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent}.portal-switcher-item:hover:not(:disabled):not(.is-current){background:#f8fafc;border-color:#e2e8f0}.portal-switcher-item.is-current,.portal-switcher-item.active{background:color-mix(in srgb,var(--portal-primary, #2563eb) 8%,#fff);border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 20%,transparent);cursor:default}.portal-switcher-item__icon{width:32px;height:32px;border-radius:10px;font-size:14px}.portal-switcher-item.is-travel .portal-switcher-item__icon{background:#0596691f;color:#059669}.portal-switcher-item__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--portal-primary, #2563eb) 14%,#fff);color:var(--portal-primary, #2563eb);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;line-height:1}.portal-switcher-item__badge i{font-size:8px}.portal-switcher-item__external{font-size:10px;color:#94a3b8;flex-shrink:0;opacity:.7;transition:opacity .15s ease,color .15s ease}.portal-switcher-item:hover:not(:disabled) .portal-switcher-item__external{opacity:1;color:var(--portal-primary, #2563eb)}.portal-switcher-item__status{display:none}.derma-dark .portal-header-public-link,.travel-dark .portal-header-public-link{border-color:#334155;background:#0f172a9e;color:#94a3b8}.derma-dark .portal-header-public-link:hover,.travel-dark .portal-header-public-link:hover{border-color:#475569;background:#1e293beb;color:#e2e8f0}.derma-dark .portal-switcher-menu,.travel-dark .portal-switcher-menu{background:#1e293b;border-color:#334155;box-shadow:0 24px 48px -16px #00000073}.derma-dark .portal-switcher-menu__title,.travel-dark .portal-switcher-menu__title{color:#94a3b8;border-bottom-color:#334155}.derma-dark .portal-switcher-item,.travel-dark .portal-switcher-item{color:#e2e8f0}.derma-dark .portal-switcher-item:hover:not(:disabled):not(.is-current),.travel-dark .portal-switcher-item:hover:not(:disabled):not(.is-current){background:#33415580;border-color:#475569}.derma-dark .portal-switcher-item.is-current,.travel-dark .portal-switcher-item.is-current,.derma-dark .portal-switcher-item.active,.travel-dark .portal-switcher-item.active{background:color-mix(in srgb,var(--portal-primary, #2563eb) 18%,#1e293b);border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 35%,#334155)}.derma-dark .portal-switcher-item__info small,.travel-dark .portal-switcher-item__info small{color:#94a3b8}@media(max-width:1180px){.portal-header-public-link__label{display:none}.portal-header-public-link{width:40px;padding:0}}@media(max-width:900px){.portal-header-actions-divider{display:none}}@keyframes portal-sheet-up{0%{opacity:0;transform:translate(-50%) translateY(18px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes portal-sheet-fade{0%{opacity:0}to{opacity:1}}.portal-mobile-switcher-section{margin-top:12px;padding:12px;border:1px solid #e2e8f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 12px 28px #0f172a0d}.portal-mobile-switcher-section__title{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-mobile-switcher-section__title i{color:var(--portal-primary, #2563eb);font-size:11px}.portal-mobile-switcher-list{display:grid;gap:6px}.portal-mobile-switcher-list .portal-switcher-item{min-height:52px;padding:10px 12px;border-radius:16px;touch-action:manipulation}.portal-mobile-switcher-list .portal-switcher-item:active:not(:disabled):not(.is-current){transform:scale(.985)}.portal-mobile-switcher-list .portal-switcher-item__icon{width:36px;height:36px;border-radius:12px;font-size:15px}.portal-switcher-mobile-backdrop{position:fixed;inset:0;z-index:199;border:0;background:#0f172a7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:portal-sheet-fade .2s ease-out}.portal-switcher-dropdown.is-mobile-open{z-index:200}@media(max-width:1023px){.portal-switcher-dropdown.is-mobile-open .portal-switcher-menu{position:fixed;inset:auto auto 0 50%;width:min(430px,100%);max-height:min(72vh,560px);margin-top:0;padding:10px 12px max(18px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;border-bottom:0;overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%);animation:portal-sheet-up .24s cubic-bezier(.22,1,.36,1);box-shadow:0 -28px 70px #0f172a47}.portal-switcher-dropdown.is-mobile-open .portal-switcher-menu:before{content:"";display:block;width:42px;height:4px;margin:2px auto 10px;border-radius:999px;background:#cbd5e1}.portal-switcher-dropdown.is-mobile-open .portal-switcher-menu__title{border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:8px}.portal-switcher-dropdown.is-mobile-open .portal-switcher-item{min-height:54px}}body.portal-mobile-sheet-open,body.zakat-mobile-menu-open,body.portal-switcher-sheet-open{overflow:hidden}.portal-mobile-sheet__overlay{animation:portal-sheet-fade .2s ease-out}.portal-mobile-sheet__panel{animation:portal-sheet-up .26s cubic-bezier(.22,1,.36,1)}.portal-mobile-sheet-premium{z-index:100000}.portal-mobile-sheet-premium{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;justify-content:flex-end}.portal-mobile-sheet-premium__overlay{position:absolute;inset:0;border:0;background:#0f172a85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:portal-sheet-fade .2s ease-out}.portal-mobile-sheet-premium__panel{position:relative;z-index:1;width:min(430px,100%);max-height:min(86vh,720px);margin:0 auto;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px max(22px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#f8fafc;box-shadow:0 -28px 70px #0f172a47;animation:portal-sheet-up .26s cubic-bezier(.22,1,.36,1)}.portal-mobile-sheet-premium__handle{width:42px;height:4px;margin:2px auto 12px;border-radius:999px;background:#cbd5e1}.portal-mobile-sheet-premium__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.portal-mobile-sheet-premium__account{display:flex;align-items:center;gap:10px;min-width:0}.portal-mobile-sheet-premium__account img{width:44px;height:44px;flex-shrink:0;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px #0f172a1f}.portal-mobile-sheet-premium__account span{display:grid;gap:3px;min-width:0}.portal-mobile-sheet-premium__account small{color:#64748b;font-size:11px;font-weight:700}.portal-mobile-sheet-premium__account strong{overflow:hidden;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}.portal-mobile-sheet-premium__close{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:14px;background:#fff;color:#475569;box-shadow:0 10px 24px #0f172a14}.portal-mobile-sheet-premium__section-label{margin:14px 2px 8px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-mobile-sheet-premium__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.portal-mobile-sheet-premium__grid a,.portal-mobile-sheet-premium__grid button{min-width:0;min-height:78px;display:grid;align-content:center;justify-items:center;gap:8px;padding:10px 6px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#334155;text-align:center;box-shadow:0 12px 24px #0f172a0a;touch-action:manipulation;transition:transform .15s ease,border-color .15s ease,background .15s ease}.portal-mobile-sheet-premium__grid a:active,.portal-mobile-sheet-premium__grid button:active{transform:scale(.97)}.portal-mobile-sheet-premium__grid a span,.portal-mobile-sheet-premium__grid button span{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--portal-primary, #2563eb) 10%,#fff);color:var(--portal-primary, #2563eb)}.portal-mobile-sheet-premium__grid a strong,.portal-mobile-sheet-premium__grid button strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.1}.portal-mobile-sheet-premium__grid a.active,.portal-mobile-sheet-premium__grid button.active{border-color:color-mix(in srgb,var(--portal-primary, #2563eb) 35%,transparent);color:var(--portal-primary, #2563eb);background:color-mix(in srgb,var(--portal-primary, #2563eb) 6%,#fff)}.portal-mobile-sheet-premium__grid a.active span,.portal-mobile-sheet-premium__grid button.active span{color:#fff;background:linear-gradient(135deg,var(--portal-primary, #2563eb),color-mix(in srgb,var(--portal-primary, #2563eb) 75%,#0f172a))}.portal-mobile-sheet-premium__actions{display:grid;gap:8px;margin-top:12px}.portal-mobile-sheet-premium__actions a,.portal-mobile-sheet-premium__actions button{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-align:left}.portal-mobile-sheet-premium__actions a i{width:18px;color:var(--portal-primary, #2563eb);text-align:center}.portal-mobile-sheet-premium__actions button{color:#dc2626}.portal-mobile-sheet-premium__actions button i{width:18px;color:#dc2626;text-align:center}.teacher-mobile-switcher-section{display:grid;gap:8px}.teacher-mobile-switcher-section__title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}html.dark .portal-mobile-switcher-section,.teacher-portal-switcher.is-dark~.portal-mobile-switcher-section,.derma-dark .portal-mobile-switcher-section,.travel-dark .portal-mobile-switcher-section{border-color:#334155;background:linear-gradient(180deg,#1e293b,#0f172a)}html.dark .portal-mobile-switcher-section__title,.derma-dark .portal-mobile-switcher-section__title,.travel-dark .portal-mobile-switcher-section__title{color:#94a3b8}html.dark .portal-mobile-sheet-premium__panel,.derma-dark .portal-mobile-sheet-premium__panel,.travel-dark .portal-mobile-sheet-premium__panel{background:#0f172a}html.dark .portal-mobile-sheet-premium__account strong,.derma-dark .portal-mobile-sheet-premium__account strong,.travel-dark .portal-mobile-sheet-premium__account strong{color:#f1f5f9}html.dark .portal-mobile-sheet-premium__grid a,html.dark .portal-mobile-sheet-premium__grid button,.derma-dark .portal-mobile-sheet-premium__grid a,.derma-dark .portal-mobile-sheet-premium__grid button,.travel-dark .portal-mobile-sheet-premium__grid a,.travel-dark .portal-mobile-sheet-premium__grid button,html.dark .portal-mobile-sheet-premium__actions a,html.dark .portal-mobile-sheet-premium__actions button,.derma-dark .portal-mobile-sheet-premium__actions a,.derma-dark .portal-mobile-sheet-premium__actions button,.travel-dark .portal-mobile-sheet-premium__actions a,.travel-dark .portal-mobile-sheet-premium__actions button{border-color:#334155;background:#1e293b;color:#e2e8f0}