:root{--ivory: #f6f3ea;--ivory-2: #efeadd;--paper: #fdfcf8;--line: #e3dcc9;--line-strong: #cfc5aa;--ink: #17281f;--ink-2: #46584d;--ink-3: #7d8a80;--emerald-950: #06231a;--emerald-900: #0b3527;--emerald-800: #114634;--emerald-700: #16583f;--emerald-600: #1d7050;--emerald-500: #268a63;--teal: #157e6e;--gold: #b6913f;--gold-strong: #96742a;--gold-soft: #e9ddbb;--gold-wash: #f7f0dc;--danger: #a33a2e;--danger-wash: #f9e9e4;--warn: #a2701f;--warn-wash: #f8efd9;--ok: #2e7d4f;--ok-wash: #e4f1e8;--info-wash: #e7eff3;--radius: 14px;--radius-sm: 9px;--shadow-card: 0 1px 2px rgba(23, 40, 31, .05), 0 6px 24px -12px rgba(23, 40, 31, .18);--shadow-pop: 0 2px 6px rgba(23, 40, 31, .08), 0 24px 60px -20px rgba(23, 40, 31, .35);--font-ui: "Alexandria", "Segoe UI", system-ui, sans-serif;--font-quran: "Amiri", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-weight:400;color:var(--ink);background:radial-gradient(1200px 500px at 85% -100px,rgba(182,145,63,.07),transparent 60%),var(--ivory);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--emerald-600);box-shadow:0 0 0 3px #1d705021}input::placeholder{color:var(--ink-3)}::selection{background:var(--gold-soft)}.shell{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:radial-gradient(500px 320px at 50% -80px,rgba(38,138,99,.35),transparent 70%),linear-gradient(178deg,var(--emerald-900),var(--emerald-950) 70%);color:#e8efe9;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.brand{padding:26px 22px 20px;border-bottom:1px solid rgba(232,239,233,.1);position:relative}.brand .ayah-mark{font-family:var(--font-quran);font-size:30px;color:var(--gold);line-height:1;display:block;margin-bottom:8px}.brand .name{font-size:18.5px;font-weight:800;letter-spacing:.01em;color:#f4f8f4}.brand .sub{font-size:11.5px;color:#e8efe98c;font-weight:300;margin-top:2px}.nav{padding:14px 12px;flex:1}.nav .group-label{font-size:10.5px;font-weight:600;color:#e8efe966;padding:14px 12px 6px;letter-spacing:.06em}.nav a{display:flex;align-items:center;gap:11px;padding:9.5px 12px;border-radius:10px;font-size:13.5px;font-weight:400;color:#e8efe9d1;margin-bottom:2px;transition:background .15s,color .15s;position:relative}.nav a .ico{width:20px;text-align:center;font-size:15px;opacity:.9}.nav a:hover{background:#e8efe912;color:#fff}.nav a.active{background:linear-gradient(90deg,#b6913f29,#e8efe90f);color:#fff;font-weight:600}.nav a.active:before{content:"";position:absolute;inset-inline-start:-12px;top:8px;bottom:8px;width:3.5px;border-radius:4px;background:var(--gold)}.sidebar .foot{padding:16px 22px;border-top:1px solid rgba(232,239,233,.1);font-size:12px;color:#e8efe9a6;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar .foot button{background:none;border:1px solid rgba(232,239,233,.25);color:#e8efe9cc;border-radius:8px;font-size:11.5px;padding:4px 10px}.sidebar .foot button:hover{background:#e8efe91a}.main{flex:1;min-width:0;padding:26px 32px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:22px;font-weight:800}.page-head .crumb{font-size:12px;color:var(--ink-3);margin-bottom:4px}.page-head .hijri{font-size:12px;color:var(--gold-strong);font-family:var(--font-quran)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card .card-title{font-size:14.5px;font-weight:700;padding:15px 18px 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:13px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 12px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat .label{font-size:12px;color:var(--ink-2);font-weight:500}.stat .value{font-size:24px;font-weight:800;margin-top:2px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .hint{font-size:11px;color:var(--ink-3);margin-top:1px}.stat.accent-gold:after,.stat.accent-danger:after,.stat.accent-teal:after{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:3.5px;border-radius:4px}.stat.accent-gold:after{background:var(--gold)}.stat.accent-danger:after{background:var(--danger)}.stat.accent-teal:after{background:var(--teal)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:999px;padding:2.5px 10px;white-space:nowrap;border:1px solid transparent}.badge.tier-VIP{background:linear-gradient(135deg,#f3e7c3,var(--gold-soft));color:var(--gold-strong);border-color:#dcc98e}.badge.tier-platinum{background:#eceff4;color:#4a5568;border-color:#cdd5e0}.badge.tier-gold{background:var(--gold-wash);color:var(--gold-strong);border-color:var(--gold-soft)}.badge.tier-silver{background:#f0f1f2;color:#5a6673;border-color:#d8dde2}.badge.tier-bronze{background:#f5ece4;color:#8a5a33;border-color:#e5d2bf}.badge.tier-starter{background:var(--ivory-2);color:var(--ink-3);border-color:var(--line)}.badge.ok{background:var(--ok-wash);color:var(--ok)}.badge.warn{background:var(--warn-wash);color:var(--warn)}.badge.danger{background:var(--danger-wash);color:var(--danger)}.badge.info{background:var(--info-wash);color:#33606f}.badge.muted{background:var(--ivory-2);color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600;border:1px solid transparent;transition:filter .15s,background .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--emerald-600),var(--emerald-700));color:#fff;box-shadow:0 2px 8px -2px #11463480}.btn-primary:hover{filter:brightness(1.07)}.btn-gold{background:linear-gradient(180deg,#c8a24e,var(--gold-strong));color:#fff}.btn-ghost{background:var(--paper);border-color:var(--line-strong);color:var(--ink-2)}.btn-ghost:hover{background:var(--ivory-2)}.btn-danger{background:var(--danger-wash);color:var(--danger);border-color:#ecc7bd}.btn.sm{padding:5.5px 12px;font-size:12.5px;border-radius:8px}.table-wrap{overflow-x:auto;border-radius:var(--radius)}table.data{width:100%;border-collapse:collapse;font-size:13px;background:var(--paper)}table.data th{text-align:right;font-size:11.5px;font-weight:600;color:var(--ink-3);padding:11px 14px;border-bottom:1px solid var(--line-strong);background:var(--ivory-2);white-space:nowrap;position:sticky;top:0}table.data td{padding:10.5px 14px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums}table.data tr:hover td{background:#faf7ee}table.data .donor-name{font-weight:600;color:var(--emerald-800)}table.data .donor-name:hover{text-decoration:underline;text-underline-offset:3px}.phone-cell{direction:ltr;text-align:left;font-size:12.5px;color:var(--ink-2)}.profile-head{background:radial-gradient(600px 220px at 15% -60px,rgba(182,145,63,.12),transparent 65%),linear-gradient(180deg,var(--paper),#fbf9f2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:22px 24px}.impact-card{background:radial-gradient(400px 200px at 85% 0%,rgba(182,145,63,.22),transparent 60%),linear-gradient(160deg,var(--emerald-900),var(--emerald-950));border-radius:var(--radius);color:#eef4ee;padding:20px 22px 18px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.impact-card:before{content:"﴿ ﴾";position:absolute;inset-inline-end:14px;bottom:-22px;font-family:var(--font-quran);font-size:110px;color:#b6913f1a;pointer-events:none}.impact-card .head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.impact-card .head h3{font-size:16px;color:var(--gold-soft);font-weight:700}.impact-card .head .quran{font-family:var(--font-quran);font-size:13px;color:#eef4ee99;font-style:italic}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px}.impact-item{background:#eef4ee0f;border:1px solid rgba(238,244,238,.12);border-radius:11px;padding:10px 12px 8px}.impact-item .v{font-size:21px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.impact-item .k{font-size:11px;color:#eef4eea6}.impact-card .src{font-size:10.5px;color:#eef4ee73;margin-top:12px}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;display:flex;gap:10px;align-items:flex-start;border:1px solid}.alert.danger{background:var(--danger-wash);color:#7c2d21;border-color:#eac3b8}.alert.warn{background:var(--warn-wash);color:#6d4c14;border-color:#e8d4a4}.alert .t{font-weight:700}.timeline{position:relative;padding-inline-start:26px}.timeline:before{content:"";position:absolute;inset-inline-start:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--gold-soft),var(--line-strong));border-radius:2px}.tl-item{position:relative;padding-bottom:20px}.tl-item:last-child{padding-bottom:4px}.tl-dot{position:absolute;inset-inline-start:-26px;top:3px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:var(--paper);border:1.5px solid var(--line-strong);box-shadow:0 0 0 3px var(--ivory)}.tl-dot.donation{border-color:var(--gold);background:var(--gold-wash)}.tl-dot.call{border-color:var(--emerald-600);background:var(--ok-wash)}.tl-dot.wa{border-color:var(--teal);background:var(--info-wash)}.tl-dot.block{border-color:var(--danger);background:var(--danger-wash)}.tl-date{font-size:11.5px;color:var(--ink-3)}.tl-date .h{font-family:var(--font-quran);color:var(--gold-strong);margin-inline-start:6px;font-size:11px}.tl-body{font-size:13.5px;margin-top:1px}.tl-amount{font-weight:800;color:var(--gold-strong)}.tl-note{font-size:12.5px;color:var(--ink-2);background:var(--ivory-2);border-radius:8px;padding:6px 10px;margin-top:5px;display:inline-block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17281f73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal{background:var(--paper);border-radius:18px;box-shadow:var(--shadow-pop);width:min(560px,92vw);max-height:88vh;overflow-y:auto;animation:rise .2s ease}.modal .m-head{padding:18px 22px 0;display:flex;justify-content:space-between;align-items:center}.modal .m-head h3{font-size:16.5px}.modal .m-body{padding:16px 22px 22px}.modal .x{background:none;border:none;font-size:18px;color:var(--ink-3)}@keyframes fadeIn{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field label{font-size:12px;font-weight:600;color:var(--ink-2)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seg{display:inline-flex;background:var(--ivory-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg button{border:none;background:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.seg button.on{background:var(--paper);color:var(--emerald-800);box-shadow:0 1px 4px #17281f1f}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(800px 400px at 50% -120px,rgba(38,138,99,.4),transparent 65%),radial-gradient(600px 500px at 90% 110%,rgba(182,145,63,.18),transparent 60%),linear-gradient(170deg,var(--emerald-900),var(--emerald-950) 75%);padding:24px}.login-card{width:min(410px,94vw);background:var(--paper);border-radius:22px;box-shadow:var(--shadow-pop);padding:38px 36px 32px;text-align:center}.login-card .ayah-mark{font-family:var(--font-quran);font-size:44px;color:var(--gold);line-height:1}.login-card h1{font-size:21px;margin-top:10px}.login-card .sub{color:var(--ink-3);font-size:12.5px;margin-bottom:26px}.pin-wrap{position:relative;display:flex;gap:8px;justify-content:center;direction:ltr;cursor:text}.pin-hidden{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;padding:0;border:none;cursor:text}.pin-hidden:focus{box-shadow:none}.pin-box{width:44px;height:52px;border:1.5px solid var(--line-strong);border-radius:11px;background:var(--paper);display:grid;place-items:center;font-size:21px;font-weight:700;color:var(--emerald-800);transition:border-color .15s,box-shadow .15s}.pin-box.on{border-color:var(--emerald-600);box-shadow:0 0 0 3px #1d705021}.login-card .who{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;background:var(--ivory-2);border:1px solid var(--line);border-radius:10px;padding:8px 14px;margin-bottom:16px;font-size:12.5px}.login-card .who .phone-cell{color:var(--ink-3)}.login-card .who button{background:none;border:none;color:var(--emerald-700);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0}.login-note{background:var(--gold-wash);border:1px solid var(--gold-soft);border-radius:10px;padding:9px 14px;font-size:12.5px;color:var(--gold-strong);margin-bottom:14px}.code-reveal{background:linear-gradient(160deg,var(--emerald-900),var(--emerald-950));border-radius:var(--radius);padding:20px 22px;text-align:center;color:#eef4ee}.code-reveal .code{font-size:34px;font-weight:800;letter-spacing:.22em;color:var(--gold-soft);direction:ltr;margin:8px 0;font-variant-numeric:tabular-nums}.next-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-pop);padding:28px 30px;max-width:640px;margin:0 auto}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;font-size:12px;font-weight:500;padding:5px 13px;color:var(--ink-2)}.chip.on{background:var(--emerald-800);color:#fff;border-color:var(--emerald-800)}.muted{color:var(--ink-3)}.gold-text{color:var(--gold-strong)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mb{margin-bottom:16px}.mb-sm{margin-bottom:10px}.empty{text-align:center;color:var(--ink-3);padding:46px 20px;font-size:13.5px}.empty .mark{font-family:var(--font-quran);font-size:34px;color:var(--line-strong);display:block;margin-bottom:8px}.bar-row{display:grid;grid-template-columns:120px 1fr 90px;align-items:center;gap:12px;padding:7px 0;font-size:12.5px}.bar-track{height:9px;border-radius:6px;background:var(--ivory-2);overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--emerald-600),var(--teal))}.bar-fill.gold{background:linear-gradient(90deg,#c8a24e,var(--gold-strong))}.steps{display:flex;gap:4px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;border-radius:999px;font-size:12px;color:var(--ink-3)}.step .dot{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--ivory-2);border:1px solid var(--line-strong);font-size:11px;font-weight:700;flex-shrink:0}.step.on{background:var(--gold-wash);color:var(--gold-strong);font-weight:700}.step.on .dot{background:linear-gradient(180deg,#c8a24e,var(--gold-strong));color:#fff;border-color:var(--gold-strong)}.step.done{color:var(--emerald-700)}.step.done .dot{background:var(--ok-wash);border-color:var(--emerald-600);color:var(--emerald-700)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:22px;padding:46px 24px;border:2px dashed var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#fbf9f2,var(--paper));cursor:pointer;transition:border-color .15s,background .15s;color:var(--emerald-800)}.dropzone:hover{border-color:var(--emerald-600);background:#f7f4e9}.map-row{display:grid;grid-template-columns:160px 22px 1fr 190px;align-items:center;gap:10px;font-size:13px}.map-row .sys-field{font-weight:600}.map-row .arrow{color:var(--gold);text-align:center;font-size:15px}.map-row .sample{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-summary{display:grid;gap:2px}.merge-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 14px;border-radius:9px;font-size:13px}.merge-line:nth-child(odd){background:var(--ivory-2)}.report-section{margin-bottom:22px}.donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.legend{display:grid;gap:6px;font-size:12.5px}.legend .row{display:flex;align-items:center;gap:8px}.legend .sw{width:11px;height:11px;border-radius:3px;flex-shrink:0}@media (max-width: 1100px){.map-row{grid-template-columns:130px 18px 1fr}.map-row .sample{display:none}.grid-2{grid-template-columns:1fr}.main{padding:20px 18px 40px}}