:root{--bg: #f6faf7;--ink: #12312d;--muted: #5f716c;--line: #dbe7e1;--accent: #0f766e;--accent-dark: #0b4f49;--gold: #d7a541;--surface: #ffffff;--soft: #e9f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit}.app-shell{width:min(1120px,100%);margin:0 auto;padding:16px}.hero-panel{min-height:92vh;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:18px;border-radius:8px;background:linear-gradient(145deg,#073b37,#0f766e 54%,#e9f5ef 54.2%,#f8fbf9);color:#fff;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#fff;color:var(--accent-dark);font-size:13px;letter-spacing:0}.ghost-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(255,255,255,.48);border-radius:8px;background:#ffffff1f;color:inherit;font-weight:700}.hero-copy{max-width:620px;padding-top:28px}h1,h2,p{margin-top:0}h1{font-size:clamp(38px,8vw,76px);line-height:.96;margin-bottom:18px;letter-spacing:0}.hero-copy p{max-width:560px;color:#ffffffdb;font-size:18px;line-height:1.6}.quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.primary-button,.secondary-button,.wide-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;border:0;font-weight:800;cursor:pointer}.primary-button,.wide-button{background:var(--gold);color:#1d1604}.secondary-button{background:#fff;color:var(--accent-dark)}.phone-card,.feature-panel,.admin-surface{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 16px 34px #12312d14}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.section-kicker{margin-bottom:4px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}h2{font-size:24px;line-height:1.1;margin-bottom:8px}.status-dot{white-space:nowrap;border-radius:999px;padding:7px 10px;background:var(--soft);color:var(--accent-dark);font-size:12px;font-weight:800}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.amount-grid button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800}.field-label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:700}.input-control{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px;color:var(--ink)}.payment-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:14px;border-radius:8px;background:var(--soft)}.payment-choice span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.qr-placeholder{display:grid;place-items:center;flex:0 0 72px;height:72px;border-radius:8px;background:#fff;color:var(--accent-dark);font-weight:900}.wide-button{width:100%}.grid-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-panel p,.feature-panel li{color:var(--muted);line-height:1.55}ul{padding-left:18px;margin-bottom:0}.finance-list{display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:8px}.finance-list span,.admin-list span{color:var(--muted)}.message-preview{padding:14px;border-left:4px solid var(--accent);background:var(--soft);border-radius:8px;color:var(--accent-dark);line-height:1.5}.admin-surface{margin-bottom:24px}.admin-surface .ghost-button{border-color:var(--line);color:var(--accent-dark);background:var(--soft)}.admin-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-list div{min-height:88px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;background:#f8fbf9;border:1px solid var(--line);border-radius:8px}.admin-list strong{font-size:20px}@media(max-width:760px){.app-shell{padding:10px}.hero-panel{min-height:88vh;padding:14px;background:linear-gradient(160deg,#073b37,#0f766e 64%,#e9f5ef 64.3%,#f8fbf9)}.hero-copy{padding-top:10px}.hero-copy p{font-size:15px}.quick-actions,.grid-panels,.admin-list{display:grid;grid-template-columns:1fr}.amount-grid{grid-template-columns:repeat(2,1fr)}.section-title-row{align-items:flex-start}}.app-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink)}.app-nav .brand-mark{background:var(--accent);color:#fff}.nav-actions{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.nav-actions a,.nav-actions button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--accent-dark);padding:0 10px;cursor:pointer}.nav-actions form{margin:0}.flash{margin:0 0 12px;padding:12px 14px;border-radius:8px;background:var(--soft);color:var(--accent-dark);font-weight:800}.flash.error{background:#fee2e2;color:#991b1b}.pwa-install-button{min-height:38px;border:0;border-radius:8px;background:#0f766e;color:#fff;padding:0 12px;font-weight:900;cursor:pointer}.pwa-install-button[hidden],.pwa-update-banner[hidden]{display:none!important}.pwa-update-banner{position:sticky;top:8px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid #b7e3d7;border-radius:8px;background:#e8f5f2;color:#0f4f49;font-size:13px;font-weight:900;box-shadow:0 12px 26px #0f172a14}.pwa-update-banner button{min-height:34px;border:0;border-radius:8px;background:#0f766e;color:#fff;padding:0 12px;font-weight:900;cursor:pointer}.pwa-standalone .ss-metronic-shell{min-height:100dvh}.pwa-standalone .ss-topbar{padding-top:max(16px,env(safe-area-inset-top))}.pwa-standalone.user-app-layout .ss-sidebar,.pwa-standalone.masjid-app-layout .ss-sidebar{display:none}.pwa-standalone.user-app-layout .ss-metronic-shell,.pwa-standalone.masjid-app-layout .ss-metronic-shell{grid-template-columns:1fr}.pwa-standalone.user-app-layout .ss-main,.pwa-standalone.masjid-app-layout .ss-main{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.two-col{grid-template-columns:repeat(2,1fr)}.stats-row .feature-panel{min-height:116px;display:flex;flex-direction:column;justify-content:space-between}.stats-row span{color:var(--muted);font-size:13px;font-weight:800}.stats-row strong{font-size:28px}.form-panel{display:grid;gap:12px}.form-panel label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}.form-panel input,.form-panel select,.form-panel textarea,.inline-form input,.inline-form select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit}.form-panel textarea{min-height:86px;resize:vertical}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.check-grid input{width:auto;min-height:auto}.inline-form{display:grid;grid-template-columns:1fr 1fr 130px 1fr auto;gap:8px;align-items:center}.table-panel{display:grid;gap:10px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.list-row span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.list-row form{margin-top:8px}.small-button{min-height:34px;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:0 12px;font-weight:800;cursor:pointer}.receipt-panel{max-width:520px;margin-left:auto;margin-right:auto}.muted{color:var(--muted);line-height:1.55}@media(max-width:760px){.app-nav{align-items:flex-start}.nav-actions{flex-wrap:wrap;justify-content:flex-end}.two-col,.inline-form,.check-grid{grid-template-columns:1fr}.list-row{align-items:flex-start}}.ss-metronic-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#f8fafc}.ss-sidebar{position:sticky;top:0;height:100vh;padding:18px;background:#fff;border-right:1px solid #e5e7eb}.ss-brand{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:18px;color:#0f172a}.ss-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#0f766e;color:#fff;font-weight:900}.ss-brand strong,.ss-brand small{display:block;line-height:1.1}.ss-brand small{margin-top:4px;color:#64748b;font-size:12px;font-weight:700}.ss-menu{display:grid;gap:6px}.ss-menu a{min-height:42px;display:flex;align-items:center;padding:0 12px;border-radius:8px;color:#475569;font-size:14px;font-weight:800}.ss-menu a.active,.ss-menu a:hover{background:#e8f5f2;color:#0f766e}.ss-main{min-width:0;padding:18px}.ss-topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ss-topbar h1{margin:0;font-size:24px;line-height:1.1;color:#0f172a}.ss-kicker{margin:0 0 4px;color:#0f766e;font-size:12px;font-weight:900;text-transform:uppercase}.ss-top-actions{display:flex;align-items:center;gap:10px;color:#475569;font-size:13px;font-weight:800}.compact-actions{margin:12px 0 0}.compact-actions form{margin:0}.code-box{max-height:280px;overflow:auto;padding:12px;border-radius:8px;background:#0f172a;color:#d1fae5;font-size:12px;line-height:1.5}.hero-panel{min-height:54vh}@media(max-width:900px){.ss-metronic-shell{grid-template-columns:1fr}.ss-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid #e5e7eb}.ss-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-main{padding:10px}.ss-topbar{align-items:flex-start;flex-direction:column}}.qr-render-wrap{display:grid;place-items:center;min-height:300px;margin-top:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff}#wa-qr{display:grid;place-items:center;padding:14px;background:#fff}.ledger-block,.journal-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.ledger-block+.ledger-block,.journal-card+.journal-card{margin-top:10px}.mosque-switch select{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 10px;font-size:13px;font-weight:800}@media(max-width:900px){.ss-top-actions{flex-wrap:wrap}}.mosque-picker{margin-bottom:14px;box-shadow:none}.payment-methods-list{margin:12px 0}.payment-methods-list .qr-placeholder{width:100%;margin-top:12px}\feff  .account-edit-row{display:grid;grid-template-columns:minmax(180px,.9fr) 2fr;align-items:start}.account-inline-form{grid-template-columns:repeat(2,minmax(120px,1fr));width:100%}.account-inline-form button{min-height:44px}.account-delete-form{display:flex;justify-content:flex-end;margin:-6px 0 10px}.danger-button{background:#b91c1c}@media(max-width:900px){.account-edit-row,.account-inline-form{grid-template-columns:1fr}.account-delete-form{justify-content:stretch}.account-delete-form button{width:100%}}\feff  .admin-hero-mobile{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 34px #12312d14}.admin-hero-mobile h2{font-size:28px;margin-bottom:6px}.admin-action-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-action-pills a{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f5f2;color:#0f766e;font-size:13px;font-weight:900}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.admin-metric-grid article{min-height:118px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.admin-metric-grid span,.admin-metric-grid small{color:var(--muted);font-size:12px;font-weight:800}.admin-metric-grid strong{color:#0f172a;font-size:22px;line-height:1.1;overflow-wrap:anywhere}.admin-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-chart-card .section-title-row{margin-bottom:8px}.admin-chart-card .section-title-row strong{color:#0f766e;font-size:13px;white-space:nowrap}.bar-chart{min-height:220px;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:8px;align-items:end;padding-top:8px}.bar-item{min-width:0;display:grid;grid-template-rows:1fr auto auto;gap:6px;align-items:end;text-align:center}.bar-track{position:relative;height:128px;overflow:hidden;border-radius:8px;background:#edf6f3;border:1px solid #d7ebe5}.bar-track span{position:absolute;left:0;right:0;bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#14b8a6,#0f766e)}.bar-item small{color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-item b{color:#0f172a;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.admin-metric-grid,.admin-chart-grid{grid-template-columns:1fr}.admin-hero-mobile{margin-top:4px;padding:14px}.admin-hero-mobile h2{font-size:24px}.admin-action-pills{grid-template-columns:1fr 1fr 1fr;overflow-x:auto}.admin-action-pills a{min-width:104px}}@media(max-width:520px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-metric-grid article{min-height:104px;padding:12px}.admin-metric-grid strong{font-size:18px}.bar-chart{grid-auto-flow:column;grid-auto-columns:54px;grid-template-columns:none;overflow-x:auto;padding-bottom:4px}.bar-track{height:118px}.feature-panel,.admin-surface,.phone-card{padding:14px}}\feff  .responsive-table-wrap{width:100%;overflow-x:auto}.clean-table{width:100%;border-collapse:separate;border-spacing:0 8px}.clean-table th{padding:8px 10px;color:var(--muted);font-size:12px;text-align:left;white-space:nowrap}.clean-table td{padding:12px 10px;background:#f8fbf9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.clean-table td:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px}.clean-table td:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0}.clean-table td span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.edit-detail-row td{background:#fff}.edit-mosque-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.delete-confirm-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px}.delete-confirm-grid input{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.mobile-bottom-nav{display:none}@media(max-width:900px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;border:1px solid #dbe7e3;border-radius:8px;background:#fffffff5;box-shadow:0 14px 30px #0f172a29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-bottom-nav a{min-height:54px;display:grid;place-items:center;gap:3px;border-radius:8px;color:#64748b;font-size:11px;font-weight:900}.mobile-bottom-nav a.active{background:#e8f5f2;color:#0f766e}.nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#eef4f2;color:currentColor;font-size:12px;font-weight:900}}@media(max-width:620px){.clean-table thead{display:none}.clean-table,.clean-table tbody,.clean-table tr,.clean-table td{display:block;width:100%}.clean-table tr{margin-bottom:10px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9;overflow:hidden}.clean-table td{display:grid;grid-template-columns:112px 1fr;gap:8px;border:0;border-bottom:1px solid var(--line);border-radius:0}.clean-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:900}.edit-detail-row td{display:block}.edit-detail-row td:before{content:"";display:none}.edit-mosque-form,.delete-confirm-grid{grid-template-columns:1fr}}.mosque-table .edit-detail-row{display:none}.mosque-table .edit-detail-row:target{display:table-row}.mosque-table .edit-detail-row>td{padding:0;background:transparent;border:0}.edit-open-button{width:100%}.edit-form-shell{margin:4px 0 14px;padding:16px;border:1px solid #cfe3dc;border-radius:8px;background:#fff;box-shadow:0 18px 38px #0f172a14}.edit-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.edit-form-header h3{margin:0 0 4px;font-size:20px;line-height:1.2;color:#0f172a}.close-edit-button{border-color:var(--line);background:#f8fbf9;color:var(--accent-dark)}.edit-mosque-form{display:grid;gap:12px;grid-template-columns:1fr}.edit-form-section{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.edit-form-section h4{margin:0;color:#0f766e;font-size:14px;font-weight:900}.edit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edit-form-grid.single{grid-template-columns:1fr}.edit-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.edit-form-grid input,.edit-form-grid select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit}.edit-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-form-actions .small-button,.edit-form-actions .ghost-button{min-height:46px}.delete-confirm-grid{align-items:center;padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7}.delete-confirm-grid strong{display:block;color:#991b1b;margin-bottom:4px}.delete-confirm-grid p{margin:0;font-size:12px}@media(max-width:620px){.mosque-table .edit-detail-row:target{display:block}.mosque-table .edit-detail-row:target td{display:block;width:100%;padding:0}.edit-form-shell{margin:-8px 0 12px;padding:12px;border-radius:8px;box-shadow:0 14px 28px #0f172a1a}.edit-form-header{display:grid;grid-template-columns:1fr}.close-edit-button{width:100%;min-height:42px}.edit-form-grid,.edit-form-actions,.delete-confirm-grid{grid-template-columns:1fr}.edit-form-section{padding:10px}.edit-form-actions{position:sticky;bottom:88px;z-index:6;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 10px 20px #0f172a1f}.edit-open-button{min-height:42px}}.mosque-filter-panel,.mosque-data-panel{color:#0f172a}.mosque-filter-title{align-items:center;margin-bottom:12px}.mosque-filter-title h2{margin:0;color:#0f172a;font-size:20px}.mosque-filter-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end}.mosque-filter-form label{display:grid;gap:6px;min-width:0;color:#334155;font-size:12px;font-weight:900}.mosque-filter-form input,.mosque-filter-form select,.mosque-import-form input{width:100%;min-height:44px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:10px 12px;font:inherit}.mosque-filter-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mosque-data-actions,.mosque-import-form{margin-top:12px}.mosque-import-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.mosque-data-table{min-width:1080px}.mosque-data-table th{background:#eef7f4;color:#0f172a;font-weight:900}.mosque-data-table td,.mosque-data-table td strong,.mosque-data-table td span:not(.mosque-status-badge),.mosque-data-table .muted{color:#0f172a}.mosque-data-table td{font-size:14px;line-height:1.35}.mosque-data-table td:first-child{font-weight:900;color:#0f766e}.mosque-status-badge{display:inline-flex!important;width:fit-content;align-items:center;min-height:26px;margin:0!important;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}.mosque-status-badge.is-active{background:#dcfce7;color:#166534}.mosque-status-badge.is-inactive{background:#fee2e2;color:#991b1b}@media(max-width:980px){.mosque-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.mosque-filter-panel,.mosque-data-panel{padding:12px}.mosque-filter-title{display:grid;grid-template-columns:1fr;gap:8px}.mosque-filter-form,.mosque-filter-actions,.mosque-import-form{grid-template-columns:1fr}.mosque-data-actions{display:grid;grid-template-columns:1fr;gap:8px}.mosque-data-table{min-width:0}.mosque-data-table tr{background:#fff;box-shadow:0 10px 24px #0f172a0f}.mosque-data-table td{grid-template-columns:118px minmax(0,1fr);background:#fff;color:#0f172a;word-break:break-word}}.masjid-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 34px #12312d14;scroll-margin-top:18px}.masjid-hero h2{margin-bottom:6px;font-size:28px}.masjid-quick-nav{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:8px}.masjid-quick-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f5f2;color:#0f766e;font-size:13px;font-weight:900}.masjid-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.masjid-report-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.masjid-report-card>span{color:#0f766e;font-size:12px;font-weight:900;text-transform:uppercase}.masjid-report-card div{display:grid;gap:2px;padding-top:8px;border-top:1px solid #edf3f0}.masjid-report-card small{color:var(--muted);font-size:12px;font-weight:800}.masjid-report-card strong{color:#0f172a;font-size:18px;line-height:1.1;overflow-wrap:anywhere}.masjid-section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;scroll-margin-top:16px}.masjid-card{box-shadow:0 10px 24px #0f172a0d}.compact-row{min-height:58px}@media(max-width:900px){.masjid-hero{grid-template-columns:1fr;padding:14px}.masjid-hero h2{font-size:24px}.masjid-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.masjid-report-grid,.masjid-section-grid{grid-template-columns:1fr}.masjid-report-card{padding:12px}}@media(max-width:520px){.masjid-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.masjid-report-card strong{font-size:16px}.masjid-quick-nav{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:132px;grid-template-columns:none}}.masjid-page-tabs{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px}.masjid-page-tabs a{min-height:42px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:8px;background:#f1f7f5;color:#47645e;font-size:12px;font-weight:900;text-align:center}.masjid-page-tabs a.active{background:#0f766e;color:#fff}.payment-method-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbf9}.payment-preview{width:92px;min-height:92px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;color:#0f766e;font-size:13px;font-weight:900}.payment-preview img{width:100%;height:100%;object-fit:contain}.payment-method-card span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.payment-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.payment-badges small{padding:5px 7px;border-radius:999px;background:#e8f5f2;color:#0f766e;font-size:11px;font-weight:900}@media(max-width:900px){.masjid-page-tabs{grid-auto-flow:column;grid-auto-columns:132px;grid-template-columns:none;overflow-x:auto}}@media(max-width:620px){.payment-method-card{grid-template-columns:1fr}.payment-preview{width:100%;min-height:180px}.payment-method-card form button{width:100%}}.success-dot{background:#dcfce7;color:#166534}.pending-dot{background:#fef3c7;color:#92400e}.jamaah-payment-table td{vertical-align:middle}.jamaah-payment-table .status-dot{display:inline-flex;margin:0}@media(max-width:620px){.jamaah-payment-table td{grid-template-columns:118px 1fr}}.auth-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-choice-card{align-content:start}.google-button{background:#fff;color:#0f172a;border:1px solid var(--line)}.realtime-toast{position:fixed;right:18px;bottom:92px;z-index:80;display:grid;gap:4px;max-width:340px;padding:12px 14px;border-radius:8px;background:#0f766e;color:#fff;box-shadow:0 18px 40px #0f172a38}.realtime-toast span{font-size:13px;line-height:1.4}.realtime-toast.success{background:#15803d}.realtime-toast.error{background:#b91c1c}@media(max-width:760px){.auth-choice-grid{grid-template-columns:1fr}.realtime-toast{left:12px;right:12px;bottom:88px;max-width:none}}:root{--kt-primary: #0f766e;--kt-primary-light: #e8f5f2;--kt-card-shadow: 0 10px 28px rgba(15,23,42,.07)}.ss-sidebar{background:#fff}.ss-menu{gap:12px}.ss-menu-group{display:grid;gap:5px;padding:8px;border:1px solid #eef2f7;border-radius:8px;background:#fbfcfe}.ss-menu-group>span{padding:0 4px 4px;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase}.ss-menu-group a{min-height:38px}.ss-auth-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;align-items:start}.ss-auth-hero{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;border-radius:8px;background:linear-gradient(160deg,#0f766e,#134e4a);color:#fff;box-shadow:var(--kt-card-shadow)}.ss-auth-logo{display:flex;align-items:center;gap:12px}.ss-auth-logo span{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#fff;color:#0f766e;font-weight:900}.ss-auth-logo strong,.ss-auth-logo small{display:block}.ss-auth-logo small,.ss-auth-hero p{color:#ffffffc7}.ss-auth-hero h2{max-width:420px;color:#fff;font-size:34px;line-height:1.05}.ss-auth-points{display:flex;flex-wrap:wrap;gap:8px}.ss-auth-points span{padding:8px 10px;border-radius:999px;background:#ffffff24;font-size:12px;font-weight:900}.ss-auth-stack{display:grid;gap:12px}.ss-auth-card,.sa-card,.sa-hero{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px;box-shadow:var(--kt-card-shadow)}.primary-auth-card{background:#fff}.ss-auth-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-auth-details{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px;box-shadow:var(--kt-card-shadow)}.ss-auth-details summary{cursor:pointer;color:#0f766e;font-weight:900}.ss-auth-details[open] summary{margin-bottom:12px}.sa-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.sa-hero h2{font-size:30px;margin-bottom:6px}.sa-hero-actions{display:flex;gap:8px}.sa-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.sa-metric-grid article{display:grid;gap:6px;min-height:110px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:var(--kt-card-shadow)}.sa-metric-grid span,.sa-metric-grid small{color:#64748b;font-size:12px;font-weight:800}.sa-metric-grid strong{font-size:26px;color:#0f172a}.sa-section-tabs{position:sticky;top:10px;z-index:8;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:8px;overflow-x:auto;margin:0 0 12px;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sa-section-tabs a{min-height:38px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:900}.sa-section-tabs a:hover{background:#e8f5f2;color:#0f766e}.sa-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;align-items:start;margin-bottom:14px}.sa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-role-list{display:grid;gap:10px}.sa-role-list div{padding:12px;border:1px solid #edf2f7;border-radius:8px;background:#f8fafc}.sa-role-list span{display:block;margin-top:4px;color:#64748b;font-size:13px}.sa-account-row{margin-bottom:8px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}@media(max-width:900px){.ss-sidebar{height:auto;max-height:34vh;overflow:auto}.ss-menu{gap:8px}.ss-menu-group{min-width:210px}.ss-auth-shell,.ss-auth-method-grid,.sa-grid,.sa-form-grid{grid-template-columns:1fr}.ss-auth-hero{min-height:auto;padding:18px}.ss-auth-hero h2{font-size:27px}.sa-hero{display:grid;padding:14px}.sa-hero h2{font-size:24px}.sa-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-section-tabs{top:0;margin-left:-2px;margin-right:-2px}}@media(max-width:520px){.ss-main{padding:8px}.ss-topbar{padding:12px;min-height:0}.ss-topbar h1{font-size:20px}.ss-auth-card,.sa-card,.sa-hero{padding:12px}.sa-metric-grid{gap:8px}.sa-metric-grid article{min-height:96px;padding:12px}.sa-metric-grid strong{font-size:21px}.sa-hero-actions{display:grid;grid-template-columns:1fr 1fr}}.landing-clean-hero{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:center;padding:22px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:var(--kt-card-shadow, 0 10px 28px rgba(15,23,42,.07))}.landing-copy h1{max-width:760px;color:#0f172a;font-size:clamp(34px,7vw,72px);line-height:1;margin-bottom:18px}.landing-copy p{max-width:620px;color:#64748b;font-size:17px;line-height:1.6}.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.landing-stats-panel{display:grid;gap:10px}.landing-stats-panel article,.landing-flow article{padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.landing-stats-panel span,.landing-flow p{color:#64748b}.landing-stats-panel strong{display:block;margin-top:6px;color:#0f172a;font-size:24px}.landing-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.landing-flow span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:8px;background:#0f766e;color:#fff;font-weight:900}.landing-flow strong{display:block;margin-bottom:4px;color:#0f172a}.simple-auth-shell{min-height:calc(100vh - 130px);display:grid;place-items:start center;padding:12px 0}.simple-auth-brand{width:min(520px,100%);display:flex;align-items:center;gap:12px;margin-bottom:12px}.simple-auth-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#0f766e;color:#fff;font-weight:900}.simple-auth-brand strong,.simple-auth-brand small{display:block}.simple-auth-brand small{color:#64748b}.simple-auth-card{width:min(520px,100%);display:grid;gap:14px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:var(--kt-card-shadow, 0 10px 28px rgba(15,23,42,.07))}.simple-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:8px;background:#f1f5f9}.simple-auth-tabs a{min-height:40px;display:grid;place-items:center;border-radius:8px;color:#475569;font-weight:900}.simple-auth-tabs a:hover{background:#fff;color:#0f766e}.simple-auth-section{display:grid;gap:12px;padding-top:4px;scroll-margin-top:12px}.simple-auth-section h2{margin-bottom:0}.simple-wa-box{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.simple-wa-box summary{cursor:pointer;color:#0f766e;font-weight:900}.compact-auth-form{gap:10px}.forgot-link{justify-self:center;color:#0f766e;font-size:13px;font-weight:900}@media(max-width:900px){.landing-clean-hero{min-height:auto;grid-template-columns:1fr;padding:16px}.landing-stats-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.landing-copy h1{font-size:38px}.landing-stats-panel,.landing-flow{grid-template-columns:1fr}.landing-actions{display:grid}.simple-auth-card{padding:12px}}.landing-single-hero{min-height:calc(100vh - 130px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:26px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:var(--kt-card-shadow, 0 10px 28px rgba(15,23,42,.07))}.landing-single-hero h1{max-width:860px;margin:0;color:#0f172a;font-size:clamp(36px,8vw,78px);line-height:1}.landing-single-hero p{max-width:680px;margin:0;color:#64748b;font-size:18px;line-height:1.6}.single-actions{margin-top:4px}.landing-inline-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.landing-inline-stats span{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:800}.landing-inline-stats strong{color:#0f172a}.google-only-auth{min-height:calc(100vh - 130px);display:grid;place-items:center;align-content:center;gap:12px}.google-only-card{max-width:480px}.google-only-card h2{font-size:28px}@media(max-width:620px){.landing-single-hero{min-height:auto;padding:18px}.landing-single-hero h1{font-size:40px}.single-actions,.landing-inline-stats{display:grid;width:100%}.google-only-auth{place-items:stretch}}.activation-shell{min-height:calc(100vh - 150px);display:grid;place-items:start center;padding:18px 0 90px}.activation-card{width:min(100%,760px);background:#fff;border:1px solid #dbe7e3;border-radius:18px;padding:22px;box-shadow:0 20px 60px #0f766e14}.activation-head{display:grid;gap:8px;margin-bottom:18px}.activation-badge{width:max-content;border-radius:999px;background:#ecfdf5;color:#0f766e;font-size:12px;font-weight:800;padding:6px 10px}.activation-head h2{margin:0;font-size:clamp(24px,4vw,34px);line-height:1.05;color:#0f172a}.activation-head p,.human-check p{margin:0;color:#64748b;line-height:1.55}.activation-form,.activation-region{display:grid;gap:14px}.activation-region{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}.activation-form label{display:grid;gap:7px;font-weight:800;color:#0f172a}.activation-form label span{font-size:13px}.activation-form input,.activation-form select{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 13px;color:#0f172a;font-weight:650}.activation-form select:disabled{background:#f1f5f9;color:#94a3b8}.human-check{display:grid;grid-template-columns:1fr 180px;gap:14px;align-items:end;padding:14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa}.activation-submit{width:100%;min-height:52px;border-radius:14px;font-weight:900}.activation-hp{position:absolute;left:-9999px;opacity:0}@media(max-width:640px){.activation-shell{padding:8px 0 96px;place-items:stretch}.activation-card{border-radius:16px;padding:16px;box-shadow:none}.activation-region,.human-check{grid-template-columns:1fr}}.donation-flow-shell{display:grid;gap:18px;padding-bottom:96px}.donation-flow-head{display:grid;gap:8px;max-width:820px}.donation-flow-head h2{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.06;color:#0f172a}.donation-flow-head p{margin:0;color:#64748b;line-height:1.55}.donation-flow-card{display:grid;gap:16px;max-width:920px}.donation-step-grid,.donor-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fff;border:1px solid #dbe7e3;border-radius:16px;padding:16px}.donation-flow-card label,.amount-panel{display:grid;gap:8px;font-weight:850;color:#0f172a}.donation-flow-card label span,.amount-panel>span{font-size:13px}.donation-flow-card input,.donation-flow-card select{width:100%;min-height:50px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 13px;font-weight:700;color:#0f172a}.amount-panel,.selected-payment-shell{background:#fff;border:1px solid #dbe7e3;border-radius:16px;padding:16px}.amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-buttons button,.payment-option-card{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:14px;min-height:48px;font-weight:900}.amount-buttons button.active,.payment-option-card.active{border-color:#0f766e;background:#ecfdf5;box-shadow:inset 0 0 0 2px #0f766e1f}.manual-amount{margin-top:4px}.payment-methods-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payment-option-card{display:grid;gap:7px;text-align:left;padding:14px;cursor:pointer}.payment-option-card strong{font-size:18px}.payment-option-card small{color:#64748b;font-weight:700}.payment-type{width:max-content;border-radius:999px;background:#0f766e;color:#fff;font-size:11px;font-weight:900;padding:5px 9px}.payment-option-card img{width:100%;max-height:240px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.proof-field{grid-column:1 / -1}.donation-submit{min-height:54px;border-radius:14px;font-weight:950}.donation-submit:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.donation-step-grid,.donor-card,.payment-methods-choice,.amount-buttons{grid-template-columns:1fr}.donation-step-grid,.donor-card,.amount-panel,.selected-payment-shell{padding:14px;border-radius:14px}}.user-history-shell{display:grid;gap:16px;padding-bottom:96px}.compact-cta{width:auto;min-width:150px}.history-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-summary-grid article,.history-filter-card,.history-table-card{background:#fff;border:1px solid #dbe7e3;border-radius:16px;padding:16px}.history-summary-grid span{display:block;color:#64748b;font-weight:750;font-size:13px}.history-summary-grid strong{display:block;margin-top:6px;font-size:22px;color:#0f172a}.history-filter-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.history-filter-card label{display:grid;gap:6px;font-weight:850;color:#0f172a}.history-filter-card label span{font-size:12px}.history-filter-card input,.history-filter-card select{min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;background:#fff;font-weight:700}.history-search{grid-column:span 2}.history-filter-actions{display:flex;gap:10px;align-items:end}.history-table-scroll{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;min-width:760px}.history-table th,.history-table td{padding:12px 10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.history-table th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:0}.history-table td small{display:block;color:#64748b;margin-top:3px}.history-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.history-status.success{background:#ecfdf5;color:#047857}.history-status.pending{background:#fff7ed;color:#c2410c}.history-status.failed{background:#fef2f2;color:#b91c1c}.proof-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.proof-upload-form label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;padding:0 12px;background:#0f766e;color:#fff;font-size:13px;font-weight:900;cursor:pointer}.proof-upload-form input{position:absolute;inset:0;opacity:0;cursor:pointer}.proof-link{min-height:38px}.history-empty{text-align:center;color:#64748b}.history-pagination{margin-top:14px}.donation-note{margin:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.receipt-actions{margin-top:14px}@media(max-width:760px){.user-history-head{align-items:stretch}.compact-cta,.history-filter-actions .wide-button,.history-filter-actions .ghost-button{width:100%}.history-summary-grid,.history-filter-card{grid-template-columns:1fr}.history-search{grid-column:auto}.history-filter-actions{display:grid}.history-table{min-width:0}.history-table thead{display:none}.history-table tr{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:14px;padding:12px;margin-bottom:12px}.history-table td{display:grid;grid-template-columns:110px 1fr;gap:10px;border:0;padding:0}.history-table td:before{content:attr(data-label);color:#64748b;font-weight:850;font-size:12px}.proof-actions{align-items:stretch}}.donation-mobile-first{width:min(100%,680px);margin:0 auto}.donation-mobile-first .donation-flow-head{background:#fff;border:1px solid #dbe7e3;border-radius:18px;padding:18px}.donation-mobile-first .donation-flow-card{max-width:100%}.donation-mobile-first .donation-step-grid,.donation-mobile-first .donor-card,.donation-mobile-first .payment-methods-choice{grid-template-columns:1fr}.donation-mobile-first .amount-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.donation-mobile-first .payment-option-card{min-height:0}.midtrans-placeholder{display:grid;place-items:center;min-height:110px;border:1px dashed #99f6e4;border-radius:12px;background:#ecfdf5;color:#0f766e;font-weight:900;text-align:center;padding:12px}.midtrans-qr-box{display:grid;gap:8px;place-items:center;margin:14px 0;padding:14px;border:1px solid #dbe7e3;border-radius:14px;background:#fff}.midtrans-qr-box img{width:min(100%,320px);border-radius:12px}.profile-top-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid #dbe7e3;border-radius:999px;background:#f8fafc;color:#0f172a}.profile-icon,.profile-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#0f766e;color:#fff;font-weight:950}.profile-shell{display:grid;gap:16px;max-width:820px}.profile-hero,.profile-form-card{background:#fff;border:1px solid #dbe7e3;border-radius:18px;padding:18px}.profile-hero{display:flex;align-items:center;gap:14px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0f766e;color:#fff;font-weight:950;font-size:24px}.profile-hero h2{margin:0 0 4px}.profile-hero p:last-child{margin:0;color:#64748b}.profile-form-card{display:grid;gap:14px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form-card label{display:grid;gap:7px;font-weight:850;color:#0f172a}.profile-form-card input,.profile-form-card select,.profile-form-card textarea{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:10px 12px;color:#0f172a;font-weight:700}.profile-form-card textarea{min-height:96px;resize:vertical}.profile-form-card small,.date-preview{color:#64748b;font-size:12px;font-weight:750}html[data-theme-mode=dark],html[data-theme-mode=dark] body{background:#0f172a;color:#e2e8f0}html[data-theme-mode=dark] .ss-metronic-shell,html[data-theme-mode=dark] .ss-main{background:#0f172a}html[data-theme-mode=dark] .ss-sidebar,html[data-theme-mode=dark] .ss-topbar,html[data-theme-mode=dark] .feature-panel,html[data-theme-mode=dark] .admin-surface,html[data-theme-mode=dark] .profile-hero,html[data-theme-mode=dark] .profile-form-card,html[data-theme-mode=dark] .donation-mobile-first .donation-flow-head,html[data-theme-mode=dark] .donation-step-grid,html[data-theme-mode=dark] .donor-card,html[data-theme-mode=dark] .amount-panel,html[data-theme-mode=dark] .selected-payment-shell,html[data-theme-mode=dark] .history-filter-card,html[data-theme-mode=dark] .history-table-card{background:#111827;border-color:#334155;color:#e2e8f0}html[data-theme-mode=dark] input,html[data-theme-mode=dark] select,html[data-theme-mode=dark] textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}@media(prefers-color-scheme:dark){html[data-theme-mode=system],html[data-theme-mode=system] body{background:#0f172a;color:#e2e8f0}}@media(max-width:760px){.donation-mobile-first{width:100%}.donation-mobile-first .donation-flow-head,.donation-step-grid,.donor-card,.amount-panel,.selected-payment-shell{border-radius:16px;padding:14px}.donation-mobile-first .amount-buttons{grid-template-columns:1fr}.donation-mobile-first .donation-flow-head h2{font-size:25px}.profile-top-link span:last-child{display:none}.profile-grid{grid-template-columns:1fr}}.ss-metronic-shell:has(.landing-advocacy-page){display:block;background:#f7fbf8}.ss-metronic-shell:has(.landing-advocacy-page) .ss-sidebar,.ss-metronic-shell:has(.landing-advocacy-page) .ss-topbar{display:none}.ss-metronic-shell:has(.landing-advocacy-page) .ss-main{padding:0}.landing-advocacy-page{min-height:100vh;background:#f7fbf8;color:#10231f}.landing-public-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(16px,5vw,64px);border-bottom:1px solid rgba(15,118,110,.12);background:#f7fbf8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:#0f172a;font-weight:950}.landing-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0f766e;color:#fff;font-size:13px}.landing-public-header nav{display:flex;align-items:center;gap:10px}.landing-public-header nav a{min-height:40px;display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;color:#0f766e;font-weight:900}.landing-public-header nav a:last-child{background:#0f766e;color:#fff}.advocacy-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(34px,7vw,90px) clamp(16px,5vw,64px) clamp(28px,5vw,70px)}.advocacy-copy h1{max-width:760px;margin:0 0 20px;color:#0b231f;font-size:clamp(42px,8vw,86px);line-height:.92;letter-spacing:0}.hero-lead{max-width:680px;margin:0 0 24px;color:#42534f;font-size:clamp(17px,2.1vw,22px);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.hero-actions .primary-button,.final-cta .primary-button{background:#0f766e;color:#fff;border-radius:999px;min-height:54px}.hero-actions .secondary-button{border:1px solid #c8ded8;border-radius:999px;background:#fff;color:#0f766e}.hero-trust{display:flex;flex-wrap:wrap;gap:10px}.hero-trust span{border:1px solid #dbe7e3;border-radius:999px;background:#fff;padding:9px 12px;color:#52635f;font-size:13px;font-weight:800}.hero-trust strong{color:#0f766e}.hero-visual{min-width:0}.mosque-scene{overflow:hidden;border:1px solid #d9ebe6;border-radius:26px;background:#fff;box-shadow:0 30px 70px #0f766e29}.mosque-scene svg,.need-illustration svg{display:block;width:100%;height:auto}.advocacy-strip{margin:0 clamp(16px,5vw,64px);padding:clamp(26px,5vw,52px);border-radius:28px;background:#0b4f49;color:#ecfdf5}.advocacy-strip p{max-width:1100px;margin:0 auto;font-size:clamp(23px,4vw,44px);line-height:1.18;font-weight:900;text-align:center}.needs-section,.direct-funds-section,.final-cta{padding:clamp(44px,7vw,90px) clamp(16px,5vw,64px)}.section-heading{max-width:880px;margin-bottom:24px}.section-heading h2,.direct-funds-section h2,.final-cta h2{margin:0 0 12px;color:#0b231f;font-size:clamp(30px,5vw,56px);line-height:1.02}.section-heading p,.direct-funds-section p,.final-cta p{max-width:760px;margin:0;color:#52635f;font-size:18px;line-height:1.65}.needs-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.needs-gallery article{display:grid;gap:14px;align-content:start;border:1px solid #dbe7e3;border-radius:22px;background:#fff;padding:14px;box-shadow:0 18px 42px #0f172a0d}.need-illustration{overflow:hidden;border-radius:16px;background:#ecfdf5}.needs-gallery h3{margin:0;color:#0f172a;font-size:23px}.needs-gallery p{margin:0;color:#52635f;line-height:1.58}.direct-funds-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:26px;align-items:start;background:#eef8f4}.funds-proof{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;border:1px solid #cde5dc;border-radius:24px;background:#fff;padding:20px}.funds-proof span{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#0f766e;color:#fff;font-weight:950}.funds-proof p{margin:4px 0 0;color:#0f172a;font-weight:850}.final-cta{display:grid;justify-items:center;text-align:center}.final-cta p{margin-bottom:22px}@media(max-width:900px){.advocacy-hero,.direct-funds-section,.needs-gallery{grid-template-columns:1fr}.hero-visual{order:-1}}@media(max-width:560px){.landing-public-header{padding:12px}.landing-brand strong{font-size:14px}.landing-public-header nav a{padding:0 11px;font-size:13px}.advocacy-hero{padding-top:22px}.advocacy-copy h1{font-size:43px}.hero-actions{display:grid}.advocacy-strip{border-radius:20px}}.ss-metronic-shell:has(.google-only-auth){display:block;background:#f8fafc}.ss-metronic-shell:has(.google-only-auth) .ss-sidebar,.ss-metronic-shell:has(.google-only-auth) .ss-topbar{display:none}.ss-metronic-shell:has(.google-only-auth) .ss-main{padding:0}.google-only-auth{min-height:100vh}.ss-metronic-shell:has(.forgot-clean-auth),.ss-metronic-shell:has(.signin-auth-shell){display:block;background:#f8fafc}.ss-metronic-shell:has(.forgot-clean-auth) .ss-sidebar,.ss-metronic-shell:has(.forgot-clean-auth) .ss-topbar,.ss-metronic-shell:has(.signin-auth-shell) .ss-sidebar,.ss-metronic-shell:has(.signin-auth-shell) .ss-topbar{display:none}.ss-metronic-shell:has(.forgot-clean-auth) .ss-main,.ss-metronic-shell:has(.signin-auth-shell) .ss-main{padding:0}.signin-auth-shell{min-height:100vh;display:grid;align-content:center;gap:18px;padding:24px}.signin-auth-grid{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}.signin-copy-card,.signin-column{margin:0}.signin-copy-card{display:grid;align-content:center;gap:16px;border:1px solid #dbe7e3;border-radius:22px;background:#fff;padding:clamp(22px,4vw,38px)}.signin-copy-card h2{margin:0;color:#0f172a;font-size:clamp(30px,5vw,54px);line-height:1}.signin-points{display:grid;gap:8px}.signin-points span{min-height:42px;display:flex;align-items:center;border-radius:12px;background:#ecfdf5;color:#0f766e;padding:0 12px;font-weight:900}.forgot-clean-auth{min-height:100vh;display:grid;place-items:center;padding:24px}@media(max-width:760px){.signin-auth-shell{padding:14px;align-content:start}.signin-auth-grid{grid-template-columns:1fr}.signin-copy-card{padding:18px}}body.auth-clean-layout .ss-metronic-shell{display:block;background:#f8fafc}body.auth-clean-layout .ss-sidebar,body.auth-clean-layout .ss-topbar{display:none}body.auth-clean-layout .ss-main{padding:0}.email-auth-grid{align-items:start}.auth-form-stack{display:grid;gap:14px}.email-auth-tabs{display:grid;gap:12px;border:1px solid #dbe7e3;border-radius:22px;background:#fff;padding:16px}.email-auth-tabs>input{position:absolute;opacity:0;pointer-events:none}.auth-tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:14px;background:#f1f5f9}.auth-tab-buttons label{min-height:42px;display:grid;place-items:center;border-radius:11px;color:#64748b;font-weight:900;cursor:pointer}#authTabLogin:checked~.auth-tab-buttons label[for=authTabLogin],#authTabSignup:checked~.auth-tab-buttons label[for=authTabSignup]{background:#0f766e;color:#fff}.email-auth-panel{display:none;gap:12px}#authTabLogin:checked~.login-panel,#authTabSignup:checked~.signup-panel{display:grid}.email-auth-panel label{display:grid;gap:7px;color:#0f172a;font-weight:850}.email-auth-panel label span{font-size:13px}.email-auth-panel input{width:100%;min-height:48px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 13px;color:#0f172a;font-weight:700}.auth-note{margin:0;font-size:13px}@media(max-width:760px){.email-auth-tabs{padding:14px;border-radius:18px}}.market-dashboard-shell{display:grid;gap:18px;padding-bottom:96px}.market-hero,.market-section{background:#fff;border:1px solid #dbe7e3;border-radius:18px;padding:18px}.market-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ecfdf5,#fff 68%)}.market-hero h2{max-width:760px;margin:0 0 8px;font-size:clamp(28px,5vw,52px);line-height:1}.market-hero-cta{width:auto;min-width:170px}.market-summary article{min-height:104px}.program-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.program-market-card{overflow:hidden;border:1px solid #dbe7e3;border-radius:18px;background:#fff;box-shadow:0 16px 34px #0f172a0f}.program-cover{aspect-ratio:16 / 10;overflow:hidden;background:#ecfdf5}.program-cover img{width:100%;height:100%;object-fit:cover;display:block}.program-cover-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#99f6e4)}.program-cover-fallback span{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#ffffffeb;color:#0f766e;font-size:30px;font-weight:950}.program-card-body{display:grid;gap:10px;padding:14px}.program-type{width:max-content;border-radius:999px;background:#ecfdf5;color:#0f766e;padding:5px 9px;font-size:11px;font-weight:900}.program-card-body h3{margin:0;color:#0f172a;font-size:20px;line-height:1.15}.program-card-body p{margin:0;color:#64748b;line-height:1.5}.program-mosque-row{display:grid;gap:2px}.program-mosque-row small{color:#64748b;font-weight:750}.program-progress{display:grid;gap:6px}.program-progress div{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.program-progress div span{display:block;height:100%;border-radius:inherit;background:#0f766e}.program-progress small{color:#475569;font-weight:800}.mosque-market-list{display:grid;gap:10px}.mosque-market-row{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#f8fafc}.mosque-market-info{display:grid;gap:3px}.mosque-market-info span{color:#64748b;font-size:13px;font-weight:750}.mosque-program-chips{display:flex;flex-wrap:wrap;gap:8px}.mosque-program-chips a{border-radius:999px;background:#fff;border:1px solid #dbe7e3;color:#0f766e;padding:7px 10px;font-size:12px;font-weight:900}.market-history{margin-top:4px}@media(max-width:1000px){.program-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.market-hero{display:grid;padding:16px}.market-hero-cta{width:100%}.program-market-grid,.mosque-market-row{grid-template-columns:1fr}}.user-menu-group a{gap:10px}.menu-svg-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ecfdf5;color:#0f766e;flex:0 0 auto}.menu-svg-icon svg,.user-bottom-nav .nav-icon svg{width:17px;height:17px;fill:currentColor}.user-menu-group a.active .menu-svg-icon,.user-menu-group a:hover .menu-svg-icon{background:#0f766e;color:#fff}.user-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.user-bottom-nav .nav-icon{display:grid;place-items:center}.user-bottom-nav a small{font-size:11px}.profile-logout-card{max-width:820px}.profile-logout-card .danger-button{background:#b91c1c;color:#fff}@media(max-width:900px){body.user-app-layout .ss-metronic-shell{display:block;min-height:100vh;background:#f8fafc}body.user-app-layout .ss-sidebar,body.user-app-layout .ss-topbar{display:none!important}body.user-app-layout .ss-main{padding:10px 10px 96px}body.user-app-layout{padding-bottom:0}}.masjid-stack-grid{grid-template-columns:1fr!important}.masjid-stack-grid>.masjid-card{width:100%}.standard-top-actions,.admin-desktop-actions,.desktop-only-actions{display:flex;align-items:center;gap:10px}.masjid-mobile-menu,.admin-mobile-menu{display:none;position:relative;margin-left:auto}.masjid-mobile-menu summary,.admin-mobile-menu summary{list-style:none;min-height:42px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;background:#0f766e;color:#fff;padding:0 12px;font-size:13px;font-weight:900;cursor:pointer}.masjid-mobile-menu summary::-webkit-details-marker,.admin-mobile-menu summary::-webkit-details-marker{display:none}.masjid-mobile-menu summary i,.masjid-mobile-menu summary i:before,.masjid-mobile-menu summary i:after,.admin-mobile-menu summary i,.admin-mobile-menu summary i:before,.admin-mobile-menu summary i:after{display:block;width:15px;height:2px;border-radius:999px;background:currentColor;content:""}.masjid-mobile-menu summary i,.admin-mobile-menu summary i{position:relative}.masjid-mobile-menu summary i:before,.admin-mobile-menu summary i:before{position:absolute;top:-5px}.masjid-mobile-menu summary i:after,.admin-mobile-menu summary i:after{position:absolute;top:5px}.masjid-mobile-menu-panel,.admin-mobile-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:min(300px,calc(100vw - 24px));display:grid;gap:6px;padding:10px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;box-shadow:0 22px 50px #0f172a2e}.admin-mobile-menu-panel{width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 94px);overflow:auto}.masjid-mobile-menu-head,.admin-mobile-menu-head{padding:8px 10px 10px;border-bottom:1px solid #e5e7eb}.masjid-mobile-menu-head strong,.masjid-mobile-menu-head small,.admin-mobile-menu-head strong,.admin-mobile-menu-head small{display:block}.masjid-mobile-menu-head small,.admin-mobile-menu-head small{margin-top:3px;color:#64748b;font-size:12px;font-weight:800}.masjid-mobile-menu-panel a,.masjid-mobile-menu-panel button,.admin-mobile-menu-panel a,.admin-mobile-menu-panel button{width:100%;min-height:42px;display:flex;align-items:center;border:0;border-radius:8px;background:transparent;color:#334155;padding:0 10px;text-align:left;font-size:14px;font-weight:900}.admin-mobile-menu-section{display:grid;gap:5px;padding:8px 0;border-bottom:1px solid #edf2f7}.admin-mobile-menu-section>span{padding:0 10px;color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase}.masjid-mobile-menu-panel a.active,.admin-mobile-menu-panel a.active{background:#e8f5f2;color:#0f766e}.masjid-mobile-menu-panel form,.admin-mobile-menu-panel form{margin:4px 0 0;padding-top:8px;border-top:1px solid #e5e7eb}.masjid-mobile-menu-panel button,.admin-mobile-menu-panel button{justify-content:center;background:#fee2e2;color:#b91c1c;cursor:pointer}@media(max-width:900px){body.admin-app-layout{padding-bottom:0}body.admin-app-layout .ss-metronic-shell{display:block;min-height:100vh}body.admin-app-layout .ss-sidebar,body.admin-app-layout .mobile-bottom-nav{display:none!important}body.admin-app-layout .ss-main{padding:10px 10px 28px}body.admin-app-layout .ss-topbar{position:sticky;top:8px;z-index:60;min-height:62px;flex-direction:row;align-items:center;padding:10px 12px;margin-bottom:12px;box-shadow:0 12px 28px #0f172a14}body.admin-app-layout .ss-topbar h1{font-size:20px}body.admin-app-layout .ss-kicker{font-size:10px}body.admin-app-layout .ss-top-actions{margin-left:auto}body.admin-app-layout .admin-desktop-actions{display:none}body.admin-app-layout .admin-mobile-menu{display:block}}@media(max-width:900px){body.masjid-app-layout{padding-bottom:0}body.masjid-app-layout .ss-metronic-shell{display:block;min-height:100vh}body.masjid-app-layout .ss-sidebar,body.masjid-app-layout .mobile-bottom-nav{display:none!important}body.masjid-app-layout .ss-main{padding:10px 10px 28px}body.masjid-app-layout .ss-topbar{position:sticky;top:8px;z-index:60;min-height:62px;flex-direction:row;align-items:center;padding:10px 12px;margin-bottom:12px;box-shadow:0 12px 28px #0f172a14}body.masjid-app-layout .ss-topbar h1{font-size:20px}body.masjid-app-layout .ss-kicker{font-size:10px}body.masjid-app-layout .ss-top-actions{margin-left:auto}body.masjid-app-layout .desktop-only-actions{display:none}body.masjid-app-layout .masjid-mobile-menu{display:block}body.masjid-app-layout .masjid-page-tabs{display:none}}.whatsapp-page-stack{display:grid;gap:14px}.whatsapp-panel,.whatsapp-panel h2,.whatsapp-panel label,.whatsapp-panel strong,.whatsapp-panel .muted,.whatsapp-panel .section-kicker,.whatsapp-panel td,.whatsapp-panel th,.whatsapp-panel span{color:#0f172a}.whatsapp-panel .section-kicker{color:#0f766e}.whatsapp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.whatsapp-info-grid article{display:grid;gap:5px;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#f8fbf9}.whatsapp-info-grid span,.whatsapp-template-card span,.whatsapp-token-help{font-size:12px;font-weight:900}.whatsapp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:10px}.whatsapp-actions form,.wa-instance-actions form{margin:0}.whatsapp-template-list{display:grid;gap:10px}.whatsapp-template-card{display:grid;gap:10px;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#fff}.whatsapp-template-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.whatsapp-template-card>div span{width:fit-content;padding:5px 9px;border-radius:999px;background:#e8f5f2;color:#0f766e}.whatsapp-template-card textarea,.whatsapp-manual-form textarea{width:100%;min-height:150px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:12px;font:inherit;line-height:1.55;resize:vertical}.whatsapp-manual-form,.whatsapp-reminder-form{display:grid;gap:10px}.whatsapp-reminder-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.whatsapp-reminder-form label,.whatsapp-manual-form label{display:grid;gap:6px}.whatsapp-reminder-form input,.whatsapp-reminder-form select,.whatsapp-manual-form input{width:100%;min-height:44px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:10px 12px;font:inherit}.whatsapp-instance-table{min-width:760px}.whatsapp-instance-table th{background:#eef7f4;color:#0f172a;font-weight:900}.wa-status-badge{display:inline-flex!important;width:fit-content;align-items:center;min-height:26px;margin:0!important;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}.wa-status-badge.is-active{background:#dcfce7;color:#166534}.wa-status-badge.is-inactive{background:#fee2e2;color:#991b1b}.wa-instance-actions{display:flex;flex-wrap:wrap;gap:8px}.whatsapp-log-row,.whatsapp-log-row span{color:#0f172a}@media(max-width:760px){.whatsapp-info-grid,.whatsapp-actions,.whatsapp-reminder-form{grid-template-columns:1fr}.whatsapp-panel{padding:12px}.whatsapp-template-card>div{display:grid}.whatsapp-instance-table{min-width:0}}.masjid-settings-stack{display:grid;gap:14px}.settings-card,.settings-card h2,.settings-card label,.settings-card strong,.settings-card span,.settings-card td,.settings-card th,.settings-card .muted{color:#0f172a}.settings-card .section-kicker{color:#0f766e}.settings-form-grid,.settings-blast-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end}.settings-form-grid label,.settings-blast-form label,.settings-template-card label,.settings-edit-form label{display:grid;gap:6px;color:#334155;font-size:12px;font-weight:900}.settings-form-grid input,.settings-form-grid select,.settings-blast-form input,.settings-blast-form select,.settings-blast-form textarea,.settings-template-card input,.settings-template-card select,.settings-template-card textarea,.settings-edit-form input,.settings-edit-form select,.settings-edit-form textarea{width:100%;min-height:44px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:10px 12px;font:inherit}.settings-template-grid{display:grid;gap:10px}.settings-template-card{display:grid;gap:10px;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#fff}.settings-template-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-template-card>div span{width:fit-content;padding:5px 9px;border-radius:999px;background:#e8f5f2;color:#0f766e;font-size:11px;font-weight:950}.settings-template-card textarea,.settings-blast-message,.settings-blast-message textarea,.settings-edit-form textarea{min-height:140px}.settings-blast-message{grid-column:1 / -1}.settings-blast-table{min-width:980px}.settings-edit-details summary{cursor:pointer;color:#0f766e;font-weight:900}.settings-edit-form{width:min(520px,78vw);display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #dbe7e3;border-radius:8px;background:#fff}.settings-wa-connect{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:14px;align-items:stretch;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#f8fbf9}.settings-wa-actions{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px}.settings-wa-actions form{margin:0}.settings-wa-actions button{width:100%}.settings-qr-box{min-height:286px;display:grid;place-items:center;gap:8px;padding:14px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff;text-align:center}.settings-qr-box img{width:min(244px,100%);height:auto}.settings-qr-box span{color:#0f766e;font-size:12px;font-weight:900}@media(max-width:900px){.settings-form-grid,.settings-blast-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.settings-form-grid,.settings-blast-form{grid-template-columns:1fr}.settings-card{padding:12px}.settings-template-card>div{display:grid}.settings-blast-table{min-width:0}.settings-edit-form{width:100%}.settings-wa-connect,.settings-wa-actions{grid-template-columns:1fr}}.payment-dynamic-fields{display:grid;gap:10px}.payment-field-group{display:grid;gap:10px;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#f8fbf9}.payment-field-group[hidden]{display:none!important}.program-photo-label small{display:inline-flex;margin-left:6px;color:#64748b;font-size:12px;font-weight:800}.program-photo-label small.required-hint{color:#b91c1c}.upload-standard-note{margin:-4px 0 8px;color:#0f766e;font-size:12px;font-weight:800;line-height:1.45}.program-active-row{align-items:center}.program-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ghost-share-button{background:#e8f5f2;color:#0f766e}.ss-metronic-shell:has(.program-share-page){display:block;background:#f7fbf8}.ss-metronic-shell:has(.program-share-page) .ss-sidebar,.ss-metronic-shell:has(.program-share-page) .ss-topbar{display:none}.ss-metronic-shell:has(.program-share-page) .ss-main{padding:0}.program-share-page{min-height:100vh;background:#f7fbf8;color:#10231f}.program-share-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,5vw,56px);border-bottom:1px solid rgba(15,118,110,.12);background:#f7fbf8f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.program-share-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(18px,4vw,42px);align-items:center;padding:clamp(24px,5vw,68px) clamp(16px,6vw,80px)}.program-share-copy h1{max-width:760px;margin:10px 0 14px;color:#0f172a;font-size:clamp(34px,7vw,72px);line-height:1}.program-share-copy p{max-width:680px;color:#475569;font-size:18px;line-height:1.65}.program-share-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.program-share-photo{min-height:420px;overflow:hidden;border-radius:8px;background:#0f766e;box-shadow:0 24px 70px #0f172a2e}.program-share-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}.program-share-placeholder{min-height:420px;display:grid;place-items:center;gap:10px;padding:28px;color:#fff;text-align:center}.program-share-placeholder strong,.program-share-placeholder span{display:block}.program-share-stats,.program-share-trust,.program-share-progress{width:min(1120px,calc(100% - 32px));margin:0 auto 16px}.program-share-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.program-share-stats article,.program-share-trust,.program-share-progress{border:1px solid rgba(15,118,110,.12);border-radius:8px;background:#fff;padding:16px;box-shadow:0 14px 36px #0f172a0f}.program-share-stats span,.program-share-progress span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.program-share-stats strong,.program-share-progress strong{display:block;margin-top:6px;color:#0f172a;font-size:22px}.program-share-progress div{display:flex;justify-content:space-between;gap:10px}.program-share-progress i{display:block;height:12px;overflow:hidden;border-radius:999px;background:#e2e8f0}.program-share-progress b{display:block;height:100%;border-radius:inherit;background:#0f766e}.program-share-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px}.program-share-trust ul{margin-top:8px;color:#475569;line-height:1.7}@media(max-width:760px){.program-active-row,.program-row-actions{align-items:stretch}.program-row-actions{width:100%;justify-content:flex-start}.program-share-header .ghost-button{min-height:38px;padding:0 10px;font-size:12px}.program-share-hero,.program-share-stats,.program-share-trust{grid-template-columns:1fr}.program-share-hero{padding-top:20px}.program-share-photo,.program-share-photo img,.program-share-placeholder{min-height:280px}.program-share-actions .wide-button,.program-share-actions .ghost-button{width:100%}}.program-manage-card{display:grid;gap:10px;padding:12px;border:1px solid #dbe7e3;border-radius:8px;background:#f8fbf9}.program-manage-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.program-manage-summary span{display:block;margin-top:4px;color:#64748b;font-size:13px}.program-row-actions form{margin:0}.program-edit-details{border-top:1px solid #dbe7e3;padding-top:8px}.program-edit-details summary{cursor:pointer;color:#0f766e;font-weight:900}.program-edit-form{display:grid;gap:10px;margin-top:10px}.rich-editor-field{display:grid;gap:8px}.rich-editor-field>span{color:#475569;font-size:13px;font-weight:900}.rich-editor{overflow:hidden;border:1px solid #dbe7e3;border-radius:8px;background:#fff}.rich-editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #e5e7eb;background:#f8fbf9}.rich-editor-toolbar select{min-height:34px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:0 10px;font-size:12px;font-weight:900}.rich-editor-toolbar button{min-height:34px;border:1px solid #dbe7e3;border-radius:8px;background:#fff;color:#0f172a;padding:0 10px;font-weight:900;cursor:pointer}.rich-editor-area{min-height:180px;padding:12px;outline:none;color:#0f172a;line-height:1.65}.rich-editor-area:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rich-editor-area img,.program-share-description img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}.program-share-description{max-width:720px;color:#475569;font-size:18px;line-height:1.75}.program-share-description p,.program-share-description ul,.program-share-description ol,.program-share-description blockquote{margin-bottom:12px}@media(max-width:760px){.program-manage-summary{display:grid}}.duitku-qr-box img{width:min(320px,100%);height:auto;margin:10px auto}.qris-download-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.qris-download-actions .ghost-button,.qris-download-actions .small-button{min-height:38px}.qris-payment-name{display:grid;gap:4px;margin:8px 0 10px;padding:10px;border:1px solid #dbe7e3;border-radius:8px;background:#f8fbf9}.qris-payment-name span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.qris-payment-name strong{color:#0f172a}.black-row-table td,.black-row-table td strong,.black-row-table td span:not(.status-dot){color:#0f172a}.finance-donation-table td,.jamaah-payment-table td{color:#0f172a}.table-actions-cell{min-width:132px}.table-actions-cell form{margin:0 0 6px}.failed-dot{background:#fee2e2;color:#b91c1c}.finance-filter-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr)) auto;gap:8px;align-items:end}.finance-filter-form label{display:grid;gap:4px}.finance-filter-form span{color:#475569;font-size:12px;font-weight:900}.ledger-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ledger-summary-grid article{padding:14px;border:1px solid #dbe7e3;border-radius:8px;background:#fff}.ledger-summary-grid span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.ledger-summary-grid strong{display:block;margin-top:6px;color:#0f172a;font-size:20px}.ledger-table td,.ledger-table th,.ledger-surface,.ledger-surface h2,.ledger-surface .muted,.ledger-surface .section-kicker,.masjid-hero h2,.masjid-hero .muted{color:#0f172a}.ledger-table tfoot th{padding:12px 10px;background:#eef7f4;color:#0f172a}.ledger-ok{color:#0f766e!important}.ledger-alert{color:#b91c1c!important}html[data-theme-mode=dark] .ledger-summary-grid article,html[data-theme-mode=dark] .ledger-surface,html[data-theme-mode=dark] .ledger-table td,html[data-theme-mode=dark] .ledger-table tfoot th,html[data-theme-mode=dark] .masjid-hero{background:#111827;border-color:#334155}html[data-theme-mode=dark] .ledger-table td,html[data-theme-mode=dark] .ledger-table th,html[data-theme-mode=dark] .ledger-surface,html[data-theme-mode=dark] .ledger-surface h2,html[data-theme-mode=dark] .ledger-surface .muted,html[data-theme-mode=dark] .ledger-surface .section-kicker,html[data-theme-mode=dark] .ledger-summary-grid strong,html[data-theme-mode=dark] .masjid-hero h2,html[data-theme-mode=dark] .masjid-hero .muted{color:#f8fafc}@media(prefers-color-scheme:dark){html[data-theme-mode=system] .ledger-summary-grid article,html[data-theme-mode=system] .ledger-surface,html[data-theme-mode=system] .ledger-table td,html[data-theme-mode=system] .ledger-table tfoot th,html[data-theme-mode=system] .masjid-hero{background:#111827;border-color:#334155}html[data-theme-mode=system] .ledger-table td,html[data-theme-mode=system] .ledger-table th,html[data-theme-mode=system] .ledger-surface,html[data-theme-mode=system] .ledger-surface h2,html[data-theme-mode=system] .ledger-surface .muted,html[data-theme-mode=system] .ledger-surface .section-kicker,html[data-theme-mode=system] .ledger-summary-grid strong,html[data-theme-mode=system] .masjid-hero h2,html[data-theme-mode=system] .masjid-hero .muted{color:#f8fafc}}@media(max-width:900px){.finance-filter-form,.ledger-summary-grid{grid-template-columns:1fr}}.ss-sidebar{background:linear-gradient(180deg,#0f172a,#111827 52%,#0b1220)!important;border-right:1px solid rgba(148,163,184,.22)!important;box-shadow:18px 0 50px #0f172a24}.ss-brand{color:#f8fafc!important}.ss-brand-mark{background:#14b8a6!important;color:#fff!important;box-shadow:0 12px 28px #14b8a63d}.ss-brand small{color:#99f6e4!important}.ss-menu-group{border-color:#94a3b82e!important;background:#0f172ab8!important}.ss-menu-group>span{color:#94a3b8!important}.ss-menu a{color:#dbeafe!important}.ss-menu a.active,.ss-menu a:hover{background:#14b8a62b!important;color:#fff!important}.ss-menu a.active{box-shadow:inset 3px 0 #14b8a6}@media(max-width:900px){.ss-sidebar{border-bottom:1px solid rgba(148,163,184,.22)!important}}.journal-theme-section .feature-panel,.journal-history-panel,.journal-card,.journal-card .list-row{color:#0f172a}.journal-theme-section h2,.journal-theme-section label,.journal-history-panel h2,.journal-card strong,.journal-card .muted,.journal-card span,.journal-card .list-row strong,.journal-card .list-row span{color:#0f172a!important}.journal-card,.journal-card .list-row{background:#fff}html[data-theme-mode=dark] .journal-theme-section .feature-panel,html[data-theme-mode=dark] .journal-history-panel,html[data-theme-mode=dark] .journal-card,html[data-theme-mode=dark] .journal-card .list-row{background:#111827;border-color:#334155;color:#f8fafc}html[data-theme-mode=dark] .journal-theme-section h2,html[data-theme-mode=dark] .journal-theme-section label,html[data-theme-mode=dark] .journal-history-panel h2,html[data-theme-mode=dark] .journal-card strong,html[data-theme-mode=dark] .journal-card .muted,html[data-theme-mode=dark] .journal-card span,html[data-theme-mode=dark] .journal-card .list-row strong,html[data-theme-mode=dark] .journal-card .list-row span{color:#f8fafc!important}@media(prefers-color-scheme:dark){html[data-theme-mode=system] .journal-theme-section .feature-panel,html[data-theme-mode=system] .journal-history-panel,html[data-theme-mode=system] .journal-card,html[data-theme-mode=system] .journal-card .list-row{background:#111827;border-color:#334155;color:#f8fafc}html[data-theme-mode=system] .journal-theme-section h2,html[data-theme-mode=system] .journal-theme-section label,html[data-theme-mode=system] .journal-history-panel h2,html[data-theme-mode=system] .journal-card strong,html[data-theme-mode=system] .journal-card .muted,html[data-theme-mode=system] .journal-card span,html[data-theme-mode=system] .journal-card .list-row strong,html[data-theme-mode=system] .journal-card .list-row span{color:#f8fafc!important}}