@font-face{font-family:Suqya;src:url('fonts/arabic-400.woff2');font-weight:400;font-display:swap}
@font-face{font-family:Suqya;src:url('fonts/arabic-500.woff2');font-weight:500;font-display:swap}
@font-face{font-family:Suqya;src:url('fonts/arabic-600.woff2');font-weight:600;font-display:swap}
@font-face{font-family:Suqya;src:url('fonts/arabic-700.woff2');font-weight:700;font-display:swap}
:root{--bg:#f4f7fa;--surface:#fff;--surface-2:#f4f8fc;--text:#1b354c;--muted:#667e91;--line:#e5edf3;--primary:#168bb6;--primary-2:#0c6f98;--accent:#32ac96;--sidebar-width:258px;--shadow:0 4px 25px #163d5905;--radius:24px;color-scheme:light;--ease:cubic-bezier(.23,1,.32,1)}
:root[data-theme=dark]{--bg:#111e2a;--surface:#192b3a;--surface-2:#213647;--text:#e8f2f8;--muted:#a3bac9;--line:#2c4253;--primary:#65c4e6;--primary-2:#44b1d7;--shadow:0 4px 25px #0000000b;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;direction:rtl;background:var(--bg);color:var(--text);font-family:Suqya,'Segoe UI',sans-serif;font-size:14px;line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased}body.sq-v11{padding-inline-start:var(--sidebar-width)}body.sidebar-collapsed{--sidebar-width:0px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex-shrink:0}button svg,a svg{width:20px;height:20px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600}h1{font-size:28px;line-height:1.7;letter-spacing:normal}h3{font-size:17px;line-height:1.8}small{font-size:12px}button{color:inherit}button:active{transform:scale(.98)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}::selection{background:#abe2ee;color:#123b53}.muted{color:var(--muted);font-size:12px;line-height:1.9}.app,.donate-shell{width:100%;min-width:0}.main{width:100%;min-width:0}.content{width:100%;max-width:1680px;margin-inline:auto;padding:30px 36px 42px;display:flex;flex-direction:column;gap:24px}.sq-skip{position:fixed;top:-100px;right:24px;padding:12px 20px;background:var(--surface);z-index:150;border-radius:12px}.sq-skip:focus{top:10px}
/* Application frame: a calm white workspace with a collapsible navigation. */
.sq-sidebar{position:fixed;inset:0 0 0 auto;width:258px;background:var(--surface);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:32px 19px 0;z-index:80;overflow-y:auto;scrollbar-width:thin;transition:transform 220ms var(--ease),visibility 220ms}.sidebar-collapsed .sq-sidebar{transform:translateX(100%);visibility:hidden}.sq-brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px;color:var(--text)}.sq-brand-mark{display:grid;place-items:center;width:44px;height:50px;color:var(--primary)}.sq-brand-mark svg{width:44px;height:44px}.sq-brand b{display:block;font-size:26px;letter-spacing:normal;font-weight:700;line-height:1.5}.sq-brand small{font-size:11px;color:var(--muted)}.sq-workspace{display:flex;align-items:center;gap:10px;padding:14px 11px;background:var(--surface-2);border-radius:17px;margin-bottom:31px}.sq-workspace-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--primary);font-size:16px;font-weight:600}.sq-workspace b{font-size:12px;font-weight:600;display:block}.sq-workspace small{font-size:10px;color:var(--muted);display:block}.sq-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.sq-workspace>.sq-live-dot{margin-inline-start:auto}.sq-nav-caption{font-size:11px;color:var(--muted);margin:0 14px 14px}.sq-sidebar nav{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}.sq-nav-link{display:flex;align-items:center;gap:13px;min-height:51px;padding:12px 15px;color:var(--muted);font-size:13px;border-radius:15px;transition:background 160ms ease,color 160ms ease}.sq-nav-link svg{width:20px;height:20px}.sq-nav-link.is-active{background:color-mix(in srgb,var(--primary),transparent 90%);color:var(--primary);font-weight:600}.sq-nav-link i{width:5px;height:5px;border-radius:50%;background:currentColor;margin-inline-start:auto}.sq-sidebar-bottom{display:flex;align-items:center;gap:10px;padding:22px 5px;border-top:1px solid var(--line);margin-top:auto}.sq-sidebar-bottom b{font-size:12px;font-weight:600;display:block}.sq-sidebar-bottom small{font-size:11px;color:var(--muted);display:block}.sq-sidebar-bottom .sq-icon-button{margin-inline-start:auto}.sq-avatar{width:37px;height:37px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-weight:600;font-size:14px;flex-shrink:0}.sq-icon-button{display:grid;place-items:center;background:transparent;border:0;border-radius:12px;width:39px;height:39px;color:var(--muted);padding:9px}.sq-icon-button svg{width:21px;height:21px}.sq-sidebar-close{display:none}.sq-topbar{position:sticky;top:0;z-index:60;height:78px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:18px}.sq-topbar-title,.sq-topbar-tools{display:flex;align-items:center;gap:16px;font-size:12px}.sq-topbar-title>span{color:var(--muted)}.sq-topbar-title b{font-weight:500}.sq-separator{opacity:.35}.sq-mobile-menu{display:none}.sq-topbar-tools:after{content:'سقيا حائل';font-size:12px;color:var(--muted);padding-inline-start:15px;border-inline-start:1px solid var(--line)}.sq-backdrop{position:fixed;inset:0;background:#09213780;z-index:75;backdrop-filter:blur(3px)}.sq-page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.sq-eyebrow,.eyebrow{font-size:11px;letter-spacing:normal;color:var(--muted);display:flex;gap:9px;align-items:center;margin-bottom:7px}.sq-eyebrow>span{font-size:8px;color:var(--primary)}.sq-page-intro p{font-size:13px;color:var(--muted);margin-top:6px}.sq-page-intro .btn{flex-shrink:0}.sq-footer{padding:24px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.sq-footer>span:first-child{font-weight:600;color:var(--text)}
/* Shared components. One set of proportions across every page. */
.btn,.date-filter-actions button,.hailmap-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-weight:500;font-size:12px;line-height:1.5;transition:background 160ms ease,transform 120ms ease;white-space:nowrap}.btn-primary,.date-filter-apply{background:var(--primary);border-color:var(--primary);color:#fff}.btn-soft{background:var(--surface-2);border-color:transparent}.btn-ghost{background:transparent}.btn-ai{color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 92%);border-color:transparent}.danger-btn{color:#bb5362}.btn svg{width:18px;height:18px}.card{min-width:0;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-title .muted{display:block;margin-top:5px}.ref-view-link{font-size:12px;color:var(--primary);font-weight:500;white-space:nowrap}.section-title>h3{min-width:0}.input,.select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:11px 13px;font-size:13px;box-shadow:none;line-height:1.8;accent-color:var(--primary)}select{cursor:pointer}input:focus,select:focus,textarea:focus{outline-color:var(--primary)}input[type=number],input[type=tel],input[type=email],input[type=date]{font-variant-numeric:tabular-nums}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}textarea{resize:vertical}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label,.goal-settings-grid label{font-size:12px;color:var(--muted);font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1/-1}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sar-amount{display:inline-flex;flex-direction:row-reverse;direction:ltr;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap;max-width:100%;font-variant-numeric:tabular-nums;letter-spacing:normal}.sar-symbol-mark{font-size:.43em;color:var(--muted);font-weight:500;line-height:1.2;white-space:nowrap}.sar-symbol-mark img{width:15px;height:16px;object-fit:contain}.sar-amount-number{font-family:'Segoe UI',Suqya,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:normal}.money-input-wrap{position:relative;display:block}.money-input-wrap .input{padding-inline-end:44px}.money-input-symbol{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:26px}.status,.badge,.purchase-status,.donation-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:9px;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap;background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent)}.status.off,.purchase-status.cancelled{background:#bb536210;color:#bb5362}.purchase-status.open,.donation-type-badge.hot{background:#d39a2512;color:#ac7f28}.donation-type-badge.water{background:color-mix(in srgb,var(--primary),transparent 92%);color:var(--primary)}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:16px;scrollbar-width:thin}.table{border-collapse:collapse;width:100%;font-size:12px;text-align:right}.table th,.table td{padding:16px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}.table th{background:var(--surface-2);color:var(--muted);font-weight:500;font-size:11px}.table tr:last-child td{border-bottom:0}.table td{font-variant-numeric:tabular-nums}.table .btn{padding:7px 12px;min-height:34px;border-radius:10px;font-size:11px}.table .sar-amount{font-size:14px}.table .sar-symbol-mark{font-size:10px}.empty-table,.empty-state{padding:36px;text-align:center;color:var(--muted)}.panel{display:none}.panel.active{display:block}.panel>.card+.card{margin-top:24px}.dashboard-hidden-metrics{display:none}.sq-toast{position:fixed;bottom:25px;left:25px;padding:15px 22px;border-radius:16px;background:var(--text);color:var(--surface);z-index:150;box-shadow:0 12px 45px #142f4e20}
/* Overview: original assets, new composition and clean quantitative hierarchy. */
.impact-banner{display:flex;min-height:200px;border-radius:28px;background:#123d53;position:relative;isolation:isolate;overflow:hidden;color:#fff}.impact-copy{padding:27px 33px;position:relative;z-index:2;flex:1}.impact-copy .eyebrow{color:#a7d3de;font-size:11px}.impact-copy h2{font-size:29px;line-height:1.7;letter-spacing:normal;margin-bottom:7px}.impact-copy h2 br{display:none}.impact-copy p{font-size:12px;color:#c0d8e3;line-height:1.9}.impact-copy a{display:inline-flex;align-items:center;gap:11px;font-size:11px;margin-top:18px;color:#b8e8ef}.impact-copy a svg{width:17px;height:17px}.impact-photo{width:42%;background:url('hero/dashboard.jpg') center right/cover no-repeat;position:relative}.impact-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#123d53 0%,#123d5322 45%,#123d5300)}.impact-watermark{position:absolute;left:37%;bottom:-55px;z-index:-1;color:#ffffff08}.impact-watermark svg{width:220px;height:220px}.sq-filters{display:flex;flex-direction:column;gap:18px;padding:20px 23px;background:var(--surface);border:1px solid var(--line);border-radius:23px}.filter-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reference-period-tabs{display:flex;gap:4px;background:var(--surface-2);border-radius:12px;padding:4px;margin-inline-end:auto}.reference-period-tabs button{padding:8px 17px;background:none;border:0;border-radius:9px;color:var(--muted);font-size:12px;min-height:35px}.reference-period-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 9px #193d5608}.reference-date-box{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 15px;font-size:11px;min-height:43px;white-space:nowrap}.date-filter-trigger-icon{color:var(--primary)}.reference-reset{width:43px;height:43px;background:var(--surface-2);border:0;border-radius:12px;font-size:24px;color:var(--muted)}.filter-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.filter-field{display:flex;flex-direction:column;gap:7px;min-width:0}.filter-field>span{font-size:11px;color:var(--muted)}.filter-field .select{font-size:12px;background:var(--surface-2);border-color:transparent}.is-active-filter{box-shadow:inset 0 0 0 1px var(--primary)}.reference-kpi-grid-final{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reference-kpi-card-final{position:relative;min-width:0;border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:23px;min-height:147px;display:flex;align-items:center;justify-content:space-between;gap:13px}.ref-kpi-copy{display:flex;flex-direction:column;gap:12px;min-width:0}.ref-kpi-title{font-size:12px;color:var(--muted);font-weight:500}.ref-kpi-value{font:600 33px/1.3 'Segoe UI',Suqya,sans-serif;letter-spacing:normal;display:block;white-space:nowrap;color:var(--text)}.ref-kpi-art{width:49px;height:49px;border-radius:17px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);flex-shrink:0}.ref-kpi-art svg{width:24px;height:24px}.kpi-donation .ref-kpi-art{color:#2aa28f;background:#2aa28f0e}.kpi-donors .ref-kpi-art{color:#8d7dbe;background:#8d7dbe0e}.kpi-average .ref-kpi-art{color:#bc9753;background:#bc97530f}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.insights-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.curve-legend{display:flex;align-items:center;flex-wrap:wrap;gap:17px;font-size:11px;color:var(--muted);margin-bottom:15px}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-item i{width:17px;height:3px;border-radius:5px;background:var(--primary)}.legend-item.series-1 i{background:#c6a06b}.legend-item.series-2 i{background:#39a991}.chart-wrap{position:relative;height:255px;width:100%;min-width:0}.chart-wrap canvas{display:block;width:100%;height:100%}.procurement-chart-wrap{position:relative;height:235px}.procurement-chart-wrap canvas{display:block;width:100%;height:100%}.sq-ranking-row{display:flex;align-items:center;gap:12px;width:100%;padding:19px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:right}.sq-ranking-row:last-child{border:0}.sq-ranking-number{font:600 12px 'Segoe UI',sans-serif;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:12px;background:var(--surface-2);color:var(--muted)}.sq-ranking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sq-ranking-info strong{font-weight:500;font-size:12px}.sq-ranking-info small{font-size:10px;color:var(--muted)}.sq-ranking-track{height:4px;background:var(--surface-2);border-radius:5px;margin-top:7px}.sq-ranking-track i{height:100%;display:block;background:#71b7cc;border-radius:5px}.sq-ranking-amount{font-size:15px;font-weight:600;align-self:flex-start;padding-top:3px}.sq-ranking-amount .sar-symbol-mark{font-size:10px}.sq-ranking-row.active .sq-ranking-number{background:var(--primary);color:#fff}.sq-ranking-row.active{outline:2px solid var(--primary);outline-offset:6px;border-radius:12px}.procurement-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:24px 8px}.procurement-kpi{display:flex;flex-direction:column;gap:9px;padding:0 24px;min-width:0;border-inline-end:1px solid var(--line)}.procurement-kpi:last-child{border:0}.procurement-kpi>span{font-size:12px;color:var(--muted)}.procurement-kpi>b{font:600 25px/1.3 'Segoe UI',Suqya,sans-serif}.procurement-kpi>small{font-size:10px;color:var(--muted)}.procurement-kpi.available>b{color:var(--accent)}.ref-payment-layout{display:flex;align-items:center;justify-content:space-around;gap:23px;min-height:230px}.donut-wrap{flex:0 0 auto}.modern-donut{position:relative;width:172px;height:172px}.payment-donut-svg{width:100%;height:100%;display:block;overflow:visible}.donut-segment{cursor:pointer;transform-origin:120px 120px;transition:opacity 150ms ease}.donut-center{position:absolute;inset:38px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-align:center}.donut-center strong{font-size:20px;font-weight:600}.donut-center small{font-size:9px;color:var(--muted);margin-top:5px}.donut-center .sar-symbol-mark{font-size:9px}.payment-legend{display:flex;flex-direction:column;gap:14px;min-width:100px;flex:1;max-width:190px}.payment-legend-row{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:9px;font-size:11px;cursor:pointer;border-radius:7px;padding:5px}.payment-legend-row i{width:6px;height:6px;border-radius:50%}.payment-legend-row b{font:500 12px 'Segoe UI',sans-serif}.payment-legend-row.active{outline:2px solid var(--primary)}.donut-hover-tip{position:absolute;background:var(--text);color:var(--surface);padding:7px 12px;border-radius:9px;font-size:11px;z-index:10;white-space:nowrap;bottom:-25px;left:0}.mini-forecast-chart{display:block;width:100%;height:205px}.ai-chip{display:inline-flex;font-size:10px;color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 92%);padding:3px 8px;border-radius:7px;margin-inline-start:6px;font-weight:400}.forecast-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.forecast-insight{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:var(--surface-2);border:0;border-radius:14px;text-align:right;color:var(--text);min-width:0}.forecast-insight span{font-size:11px;color:var(--muted)}.forecast-insight b{font-size:14px;font-weight:600}.forecast-insight small{font-size:10px;color:var(--muted)}.forecast-insight .sar-symbol-mark{font-size:10px}.smart-alerts{display:flex;flex-direction:column;gap:12px}.smart-alert{display:flex;align-items:flex-start;gap:11px;width:100%;border:0;border-radius:15px;background:var(--surface-2);padding:16px;text-align:right;line-height:1.8;font-size:12px}.smart-alert>i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:9px;background:color-mix(in srgb,var(--primary),transparent 88%);color:var(--primary);font-style:normal;font-size:12px}.smart-alert.warn>i{color:#b28c45;background:#b28c4515}.smart-alert.success>i{color:var(--accent);background:#32ac9615}.smart-alert>span{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.smart-alert b{font-size:12px;font-weight:500}.smart-alert small{font-size:11px;color:var(--muted)}.smart-alert small .sar-symbol-mark{font-size:10px}.smart-alert em{align-self:center;color:var(--muted);font-style:normal}.region-performance{display:grid;gap:12px}.region-performance-row{display:grid;grid-template-columns:30px minmax(100px,1fr) repeat(5,minmax(65px,.65fr)) 14px;gap:15px;align-items:center;width:100%;border:0;border-radius:16px;background:var(--surface-2);padding:17px;text-align:right;color:var(--text)}.region-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:var(--surface);color:var(--primary);font:500 12px 'Segoe UI',sans-serif}.region-performance-row>div{display:flex;flex-direction:column;gap:6px;min-width:0}.region-performance-row b{font-size:13px;font-weight:500}.region-performance-row>div>span{font-size:10px;color:var(--muted)}.region-performance-row .sar-symbol-mark{font-size:9px}.region-value-bar{width:100%;height:4px;border-radius:6px;background:var(--line)}.region-value-bar i{height:100%;display:block;background:#71b7cc;border-radius:6px}.region-row-arrow{font-style:normal;color:var(--muted)}.growth.up b{color:var(--accent)}.growth.down b{color:#bb5362}.chart-tooltip,.advanced-chart-tooltip{position:absolute;z-index:20;max-width:calc(100% - 16px);border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--surface);box-shadow:0 8px 35px #12395420;font-size:11px;pointer-events:none;color:var(--text)}.curve-tip-title{display:block;margin-bottom:8px}.curve-tip-row{display:flex;align-items:center;gap:8px;margin-top:5px}.curve-tip-dot{width:5px;height:5px;border-radius:50%}.curve-tip-value{margin-inline-start:auto;font-size:12px}.curve-tip-value .sar-symbol-mark{font-size:9px}
/* Forms, control center, procurement, reports. */
.reference-admin-kpis{display:none}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:9px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.admin-tabs .btn{flex:1 1 auto;min-height:43px;font-size:11px;border:0;border-radius:13px;padding:10px 13px;color:var(--muted)}.admin-tabs .btn svg{width:17px;height:17px}.admin-tabs .btn-primary{background:color-mix(in srgb,var(--primary),transparent 90%);color:var(--primary)}.product-control-grid{display:grid;grid-template-columns:1fr;gap:24px}.product-admin-row{display:grid;grid-template-columns:80px minmax(120px,1.5fr) minmax(80px,.8fr) minmax(75px,.8fr) auto auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.product-admin-row:last-child{border:0}.product-thumb-card{position:relative;width:70px;height:70px;border-radius:17px;background:var(--surface-2);padding:7px}.product-thumb-card img{width:100%;height:100%;object-fit:contain}.product-thumb-card span{position:absolute;bottom:-4px;left:0;background:var(--surface);border-radius:7px;padding:1px 6px;font-size:9px}.product-admin-row .btn{font-size:11px;padding:8px 11px}.campaign-admin-list,.users-admin-list{display:grid;gap:14px}.campaign-admin-row{display:grid;grid-template-columns:minmax(100px,1.4fr) repeat(3,minmax(80px,1fr)) auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.user-admin-row{display:grid;grid-template-columns:minmax(140px,1.3fr) minmax(120px,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.goal-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.goal-settings-grid label{display:flex;flex-direction:column;gap:9px}.role-simulator{display:flex;align-items:center;gap:18px;padding:17px;border-radius:16px;background:var(--surface-2);margin-bottom:20px}.role-simulator label{font-size:12px}.role-simulator select{width:auto;min-width:180px}.report-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.report-launch-grid a{padding:22px;border-radius:16px;background:var(--surface-2);text-align:center;color:var(--primary);font-size:13px}.admin-purchase-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.admin-purchase-summary>div{padding:20px;border-radius:16px;background:var(--surface-2)}.finance-kpis,.purchase-kpis,.ops-kpis,.report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purchase-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.ops-kpis,.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-kpi,.purchase-kpi,.ops-kpi,.report-kpi{display:flex;flex-direction:column;gap:14px;padding:23px;min-height:128px}.finance-kpi>span,.purchase-kpi>span,.ops-kpi>span,.report-kpi>span{font-size:12px;color:var(--muted)}.finance-kpi>b,.purchase-kpi>b,.ops-kpi>b,.report-kpi>b{font:600 28px/1.4 'Segoe UI',Suqya,sans-serif;overflow-wrap:anywhere}.finance-grid,.purchase-analysis-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px}.finance-chart{width:100%;height:300px;display:block}.cost-breakdown{display:flex;flex-direction:column;gap:15px}.cost-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;background:var(--surface-2);border-radius:14px;font-size:12px}.cost-breakdown b{font-size:16px;font-weight:600}.cost-breakdown .sar-symbol-mark{font-size:10px}.purchase-filters,.report-filters{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.purchase-filters .select,.report-filters .select{flex:1 1 150px;width:auto;min-width:0}.purchase-form-total{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--surface-2);padding:18px;border-radius:14px}.purchase-form-total b{font-size:23px}.purchase-type-split,.purchase-bars{min-width:0}.purchase-analysis-grid .table td,.purchase-analysis-grid .table th{padding:12px}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ops-grid>.card:last-child{grid-column:1/-1}.live-operations,.inventory-status,.active-regions{display:flex;flex-direction:column;gap:13px}.operation-row{display:flex;align-items:center;gap:13px;padding:15px;background:var(--surface-2);border-radius:15px}.operation-row>i,.map-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.operation-row div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.operation-row b{font-size:12px;font-weight:500}.operation-row span{font-size:11px;color:var(--muted)}.operation-row strong{font-size:17px;font-weight:600}.operation-row .sar-symbol-mark{font-size:10px}.inventory-meter{display:grid;grid-template-columns:1fr auto;gap:13px;padding:17px;background:var(--surface-2);border-radius:14px}.inventory-meter span{font-size:12px}.inventory-meter b{grid-row:1;grid-column:2;font:600 20px 'Segoe UI',sans-serif}.inventory-meter progress{grid-column:1/-1;width:100%;height:7px;accent-color:var(--primary);border-radius:5px}.active-region-row{display:flex;align-items:center;gap:12px;font-size:13px;padding:13px;border-radius:14px;background:var(--surface-2)}.active-region-row>b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--surface);font:500 12px 'Segoe UI',sans-serif;color:var(--primary)}.active-region-row>strong{margin-inline-start:auto;font-size:16px;font-weight:600}.active-region-row .sar-symbol-mark{font-size:10px}.ops-map-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ops-map-point{display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface-2);border-radius:17px}.map-dot.off{background:var(--muted)}.ops-map-point b{display:block;font-size:12px;font-weight:500}.ops-map-point div>span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.smart-report-content{display:flex;flex-direction:column;gap:20px}.smart-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.smart-summary-grid article{padding:20px;background:var(--surface-2);border-radius:16px;display:flex;flex-direction:column;gap:9px}.smart-summary-grid span{font-size:11px;color:var(--muted)}.smart-summary-grid b{font-size:23px}.smart-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.smart-report-grid>section{padding:21px;background:var(--surface-2);border-radius:18px}.smart-report-grid h4{font-size:15px;margin-bottom:13px}.smart-report-grid p,.smart-report-grid li{font-size:12px;line-height:2;color:var(--muted)}.smart-report-grid ul{padding-inline-start:18px;margin:0}.smart-rank-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line)}.smart-report-actions{display:flex;flex-wrap:wrap;gap:10px}.smart-report-head{align-items:flex-start}.modal{display:none;position:fixed;inset:0;z-index:100;background:#0c253c80;backdrop-filter:blur(7px);padding:24px;overflow:auto;align-items:center;justify-content:center}.modal.open{display:flex}.modal-box{width:min(760px,100%);max-height:90dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:27px;padding:29px;box-shadow:0 20px 90px #09243930;animation:modal-in 180ms var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.close,.date-filter-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:23px}.date-filter-popover{position:fixed;z-index:95;width:min(390px,calc(100vw - 30px));padding:22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 65px #12395420}.date-filter-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.date-filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.date-filter-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.date-filter-actions{display:flex;gap:8px;margin-top:20px}.date-filter-actions button{min-height:38px;font-size:11px;padding:9px 13px}.date-filter-error,.checkout-error{color:#be5361;background:#be53610e;padding:13px;border-radius:12px;font-size:12px;margin-top:13px}
/* Map uses its original data and projection, with an independent visual layer. */
.hailmap-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.hailmap-toolbar{padding:12px;background:var(--surface-2)}.hailmap-toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.hailmap-fullscreen-btn{font-size:11px;min-height:35px;padding:7px 11px;border-radius:10px}.hailmap-fullscreen-btn.active{color:var(--primary);background:var(--surface)}.hailmap-select-wrap{display:flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:11px;color:var(--muted)}.hailmap-select-wrap select{min-height:35px;font-size:11px;width:110px;border-radius:10px;padding:7px}.hailmap-canvas{position:relative;height:350px;overflow:hidden;direction:ltr;background:#dbe8eb}.hailmap-viewport,.hailmap-stage,.hailmap-tiles,.hailmap-markers,.hailmap-overlays,.hailmap-heat{position:absolute;inset:0}.hailmap-viewport{overflow:hidden;touch-action:none;user-select:none;cursor:grab}.hailmap-viewport.is-dragging{cursor:grabbing}.hailmap-tile{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}.hailmap-markers{z-index:4;pointer-events:none}.hailmap-overlays{z-index:7;pointer-events:none}.hailmap-controls{position:absolute;left:13px;top:13px;display:flex;flex-direction:column;gap:7px;z-index:9}.hailmap-control-btn{width:35px;height:35px;background:#fff;color:#234a61;border:0;border-radius:11px;box-shadow:0 3px 10px #102f4d15;font-size:19px}.hailmap-credit{position:absolute;right:10px;bottom:10px;font-size:9px;background:#ffffffdf;color:#4c6e82;border-radius:7px;padding:5px 8px;z-index:10}.hailmap-loading{position:absolute;inset:0;display:grid;place-items:center;background:#dbe8ebe0;z-index:8;color:#234a61;font-size:12px}.hailmap-loading.is-hidden{display:none}.hailmap-marker{position:absolute;width:29px;height:36px;border:0;background:none;transform:translate(-50%,-100%);pointer-events:auto;z-index:4;padding:0}.hailmap-pin{display:block;width:25px;height:25px;background:#168bb6;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 11px #16445e40}.hailmap-marker.is-off .hailmap-pin{background:#8ca2b3}.hailmap-marker.active .hailmap-pin{background:#32ac96}.hailmap-popup{position:absolute;pointer-events:auto;z-index:8;background:#fff;color:#193d53;border-radius:18px;padding:20px;min-width:220px;max-width:285px;box-shadow:0 12px 45px #12395430;direction:rtl;font-size:12px;transform:translate(-50%,-100%)}.hailmap-popup-close{position:absolute;left:8px;top:8px;border:0;background:#f2f6f8;border-radius:8px;width:25px;height:25px}.hailmap-popup h3{font-size:15px}.hailmap-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.hailmap-popup-grid>div{display:flex;flex-direction:column;gap:5px}.hailmap-popup-grid span{color:#738b9b;font-size:10px}.hailmap-heat{z-index:2;pointer-events:none}.hailmap-heat-spot{position:absolute;width:var(--heat-size);height:var(--heat-size);border-radius:50%;transform:translate(-50%,-50%);filter:blur(18px);opacity:.3;background:radial-gradient(circle,#28c49b,transparent 65%)}.hailmap-card.is-fullscreen,.hailmap-card:fullscreen{position:fixed;inset:18px;z-index:110;background:var(--surface);border-radius:20px}.hailmap-card.is-fullscreen .hailmap-canvas,.hailmap-card:fullscreen .hailmap-canvas{height:calc(100dvh - 100px)}.hailmap-body-open{overflow:hidden}
/* Donor journey: a softer editorial composition, then a focused checkout. */
body.sq-donor{padding:0}.sq-donor .sq-sidebar,.sq-donor #desktopSidebarToggle,.sq-donor .sq-mobile-menu,.sq-donor .sq-topbar-title>.sq-separator,.sq-donor .sq-topbar-title>b{display:none}.sq-donor .sq-topbar{height:75px;padding-inline:5vw;background:var(--surface)}.sq-donor .sq-topbar-title>span:first-of-type{font-size:0}.sq-donor .sq-topbar-title>span:first-of-type:before{content:'سُقيا حائل';font-size:23px;color:var(--text);font-weight:700}.sq-donor .sq-topbar-tools:after{content:'عطاءٌ يروي الحياة'}.sq-donor .reference-subpage-main{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);gap:60px;max-width:1380px;padding:45px 5vw 60px;margin:auto;align-items:start}.sq-donor-intro{position:sticky;top:120px;min-width:0;padding-top:10px}.donor-brand{display:none}.sq-donor-intro>.eyebrow{color:var(--primary);font-size:12px;margin-bottom:18px}.sq-donor-intro h1{font-size:clamp(38px,4vw,57px);font-weight:600;line-height:1.5;letter-spacing:normal;margin-bottom:19px}.sq-donor-intro h1 em{font-style:normal;color:var(--primary)}.sq-donor-intro>p{font-size:13px;color:var(--muted);line-height:2.1}.hadith{position:relative;margin:30px 0;padding:24px 22px;border-radius:22px;background:color-mix(in srgb,var(--primary),transparent 94%);border:1px solid color-mix(in srgb,var(--primary),transparent 88%)}.hadith>span{font-size:11px;color:var(--muted)}.hadith>p{font-size:23px;line-height:1.9;color:var(--text);font-weight:500;margin:8px 0}.hadith>a{font-size:10px;color:var(--primary)}.donor-photo{position:relative;overflow:hidden;border-radius:23px}.donor-photo>img{width:100%;height:170px;object-fit:cover}.donor-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#082f4690)}.donor-photo>span{position:absolute;bottom:17px;right:20px;color:#fff;font-size:12px;z-index:2}.donation-flow{display:flex;flex-direction:column;gap:24px;min-width:0}.donation-options,.summary{padding:28px;border-radius:27px}.donation-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--surface-2);border-radius:16px;margin-bottom:22px}.donation-type-btn{border:0;background:none;padding:12px 6px;min-height:45px;border-radius:12px;color:var(--muted);font-size:12px;font-weight:500}.donation-type-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 3px 12px #173b5308}.donor-campaign-field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.donor-campaign-field>label{font-size:12px;color:var(--muted)}.donor-product-preview{display:flex;align-items:center;gap:17px;padding:18px;background:var(--surface-2);border-radius:19px;margin-bottom:22px}.donor-product-thumb-wrap{position:relative;width:90px;height:88px;flex-shrink:0;padding:6px;background:var(--surface);border-radius:17px}.donor-product-thumb-wrap img{width:100%;height:100%;object-fit:contain}.donor-size-badge{position:absolute;bottom:-6px;right:8px;border-radius:7px;background:var(--surface);padding:3px 7px;font-size:10px;box-shadow:0 2px 6px #173b5306}.donor-product-meta{min-width:0;display:flex;flex-direction:column;gap:9px}.donor-product-meta>b{font-size:15px;font-weight:600}.donor-product-meta>span{font-size:11px;color:var(--muted);line-height:1.9}.donation-fields-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.8fr);gap:15px}.donation-fields-row label{font-size:12px}.qty-stepper{display:flex;align-items:center;direction:ltr;gap:0;border:1px solid var(--line);border-radius:12px;min-height:46px;padding:4px;background:var(--surface)}.qty-combo{display:flex;gap:3px;flex-shrink:0}.qty-combo-btn{border:0;border-radius:9px;background:var(--surface-2);color:var(--primary);width:27px;height:33px;font-size:18px}.qty-stepper .qty-input{border:0;min-height:34px;height:34px;padding:0;text-align:center;background:none;font:500 16px 'Segoe UI',sans-serif}.donor-info-section{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.donor-info-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.donor-info-head b{font-size:13px;font-weight:500}.donor-info-head .muted{font-size:10px}.anonymous-donation{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-bottom:17px}.donor-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.donor-info-grid>.field:last-child{grid-column:1/-1}.donor-info-grid.is-anonymous{display:none}.summary-details{display:flex;flex-direction:column}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-label{color:var(--muted)}.summary-row strong{font-weight:500;font-size:14px}.summary-product-value{display:flex;align-items:center;gap:11px}.summary-product-value img{width:42px;height:42px;object-fit:contain}.summary-product-value span{font-size:12px}.summary-total-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;background:color-mix(in srgb,var(--primary),transparent 93%);border-radius:17px;margin-top:22px;color:var(--primary)}.summary-total-box>span{font-size:13px}.summary-total-box strong{font-size:31px;font-weight:600}.summary-total-box .sar-symbol-mark{font-size:12px;color:var(--primary)}.payment-section{margin-top:26px}.payment-title h3{font-size:14px;margin-bottom:15px}.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.payment{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;background:var(--surface);border:1px solid var(--line);border-radius:13px;cursor:pointer;min-width:0;min-height:57px}.payment:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 96%)}.payment input{width:12px;height:12px;margin:0}.payment-brand-content{display:flex;align-items:center;justify-content:center}.payment-brand-content img{width:43px;height:23px;object-fit:contain}.payment-brand-content span{display:none}.checkout-terms{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:11px;line-height:2;color:var(--muted)}.checkout-terms input{margin:4px 0 0}.donate-submit{width:100%;font-size:14px;min-height:50px;border-radius:15px}.success{display:none;text-align:center;padding:40px}.success.show{display:block}.tick{display:grid;place-items:center;width:65px;height:65px;border-radius:23px;background:#32ac9612;color:var(--accent);font-size:30px;margin:0 auto 20px}.success h2{font-size:24px;margin-bottom:12px}.success .badge{margin-top:20px}.receipt-payment-ref{font:12px 'Segoe UI',sans-serif;margin-top:15px;color:var(--muted)}.sq-receipt-details{display:flex;flex-direction:column;margin:25px 0;padding:10px 20px;background:var(--surface-2);border-radius:17px;text-align:right}.sq-receipt-details>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.sq-receipt-details>div:last-child{border:0}.sq-receipt-details b{font-weight:500}.sq-receipt-details span{color:var(--muted)}
/* Print documents use the same type and numbers, with practical paper sizing. */
body.sq-print{padding:0}.print-shell{max-width:1180px;margin:28px auto;padding:0 20px}.print-actions{display:flex;gap:10px;margin-bottom:20px}.print-page{background:var(--surface);padding:35px;border:1px solid var(--line);border-radius:25px}.print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:2px solid var(--primary);padding-bottom:23px;margin-bottom:23px}.print-brand h1{font-size:27px}.print-brand p,.print-meta{color:var(--muted);font-size:12px;margin-top:7px}.print-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.print-filter{padding:7px 13px;background:var(--surface-2);border-radius:10px;font-size:11px;color:var(--muted)}.print-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.print-kpi{padding:20px;background:var(--surface-2);border-radius:15px;display:flex;flex-direction:column;gap:10px}.print-kpi span{font-size:12px;color:var(--muted)}.print-kpi>b{font-size:24px}.print-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.print-table{width:100%;border-collapse:collapse;font-size:11px}.print-table td,.print-table th{padding:11px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right}.print-table th{background:var(--surface-2);color:var(--muted);font-weight:500}.print-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;color:var(--muted);font-size:10px;text-align:center}.smart-print{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.smart-print>section{background:var(--surface-2);padding:23px;border-radius:17px}.smart-print p,.smart-print li{font-size:12px;line-height:2}.rankline{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:12px}
@keyframes modal-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(hover:hover) and (pointer:fine){.sq-nav-link:hover,.sq-icon-button:hover{background:var(--surface-2);color:var(--primary)}.btn-primary:hover{background:var(--primary-2);border-color:var(--primary-2)}.btn-soft:hover,.btn-ghost:hover{background:var(--surface-2)}.table tbody tr:hover{background:var(--surface-2)}.sq-ranking-row:hover,.region-performance-row:hover{filter:brightness(.985)}.donut-segment:hover{opacity:.75}}
.payment-legend-row{appearance:none;border:0;background:transparent;color:var(--text);font-family:inherit;text-align:right;line-height:1.8}.sar-symbol-mark{font-size:11px}.ref-kpi-value .sar-symbol-mark{font-size:12px}.filter-details-toggle{font-size:11px;min-height:41px}.impact-banner{min-height:164px}.impact-copy{padding-block:24px}.impact-copy h2{font-size:27px}.impact-copy a{margin-top:11px}.connection-notice{padding:12px 22px;background:#d39a2515;color:#aa7836;font-size:12px;text-align:center}.filter-field .select{border:1px solid transparent}.sq-sidebar{transition:none}.product-editor-field{display:flex;flex-direction:column;gap:7px;min-width:0}.product-editor-field>span{font-size:10px;color:var(--muted)}.product-admin-row>.btn{align-self:end;margin-bottom:2px}.sq-nav-link.is-active:hover,.admin-tabs .btn-primary:hover{color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 90%);border-color:transparent}.campaign-admin-row>.btn,.user-admin-row>.btn{align-self:end;margin-bottom:2px}
@media(min-width:1680px){.content{padding-inline:48px}.impact-copy{padding:28px 38px}.impact-copy h2{font-size:31px}.impact-banner{min-height:180px}}
@media(max-width:1250px){:root{--sidebar-width:230px}.sq-sidebar{width:230px;padding-inline:15px}.sq-brand{gap:7px;padding-inline:3px}.sq-brand b{font-size:24px}.sq-topbar{padding-inline:26px}.content{padding:26px;gap:22px}.reference-kpi-card-final{padding:19px}.ref-kpi-value{font-size:29px}.ref-kpi-art{width:39px;height:39px;border-radius:14px}.ref-kpi-art svg{width:21px;height:21px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.detail-grid,.insights-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ref-payment-layout{flex-direction:column;gap:20px}.payment-legend{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.purchase-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.region-performance-row{gap:10px;grid-template-columns:25px minmax(90px,1fr) repeat(5,minmax(55px,.65fr)) 10px}.region-performance-row b{font-size:12px}.sq-donor .reference-subpage-main{gap:35px;padding-inline:4vw}.donation-options,.summary{padding:24px}.donor-product-thumb-wrap{width:78px;height:78px}.ops-map-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.reference-kpi-grid-final{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-kpi-card-final{min-height:130px}.overview-grid,.detail-grid,.insights-grid,.finance-grid,.purchase-analysis-grid{grid-template-columns:minmax(0,1fr)}.ref-payment-layout{flex-direction:row}.payment-legend{display:flex;max-width:240px}.filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-toolbar{gap:10px}.reference-date-box{font-size:10px}.reference-period-tabs button{padding-inline:13px}.region-performance{overflow:auto}.region-performance-row{min-width:690px}.smart-report-grid{grid-template-columns:1fr}.goal-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr}.ops-kpis,.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.product-admin-row{grid-template-columns:65px 1fr 90px 85px auto auto;gap:9px}.product-admin-row .input{font-size:11px;padding-inline:8px}.campaign-admin-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-donor .reference-subpage-main{grid-template-columns:minmax(240px,.85fr) minmax(0,1.2fr);gap:28px}.donation-fields-row{grid-template-columns:1fr}.donor-info-grid{grid-template-columns:1fr}.donor-info-grid>.field:last-child{grid-column:auto}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donor-info-head{align-items:flex-start;flex-direction:column;gap:5px}.sq-donor-intro h1{font-size:41px}.hadith{padding:20px}.hadith>p{font-size:21px}.product-admin-row .btn{padding:8px}.smart-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){body.sq-v11{padding-inline-start:0}.sq-sidebar{width:270px;transform:translateX(100%);visibility:hidden}.sq-menu-open .sq-sidebar{transform:translateX(0);visibility:visible}.sidebar-collapsed.sq-menu-open .sq-sidebar{transform:translateX(0);visibility:visible}.sq-sidebar-close{display:grid;position:absolute;top:15px;left:12px;width:29px;height:29px}.sq-sidebar-close svg{width:17px;height:17px}.sq-topbar{height:66px;padding-inline:18px}.sq-topbar-title{gap:9px;font-size:11px}.sq-topbar-title>span:first-of-type{display:none}.sq-topbar-title>.sq-separator{display:none}.sq-topbar-tools{gap:0}.sq-topbar-tools:after{font-size:11px;padding-inline-start:10px}.sq-mobile-menu{display:grid}#desktopSidebarToggle{display:none}.content{padding:25px 18px;gap:20px}.sq-page-intro{align-items:flex-start;gap:15px}.sq-page-intro h1{font-size:25px}.sq-page-intro p{font-size:12px;max-width:350px}.sq-page-intro .btn{font-size:11px;min-height:40px;padding:9px 13px;margin-top:25px}.sq-page-intro .btn svg{width:15px;height:15px}.sq-eyebrow{font-size:10px}.impact-banner{min-height:195px;border-radius:23px}.impact-copy{padding:25px;max-width:68%}.impact-copy h2{font-size:26px}.impact-copy h2 br{display:block}.impact-copy p{font-size:11px}.impact-photo{position:absolute;inset:0 auto 0 0;width:47%;opacity:.75;z-index:-1}.impact-photo:before{background:linear-gradient(270deg,#123d53,#123d5300)}.impact-copy a{margin-top:12px}.sq-filters{padding:18px;border-radius:21px}.filter-toolbar{display:grid;grid-template-columns:1fr 39px;gap:12px}.reference-period-tabs{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.reference-period-tabs button{padding:7px 5px;font-size:11px}.reference-date-box{width:100%;min-height:40px;font-size:10px;padding-inline:10px;white-space:normal}.reference-reset{width:39px;height:40px}.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.filter-field:last-child{grid-column:1/-1}.filter-field>.select{font-size:11px;min-height:43px}.reference-kpi-grid-final{gap:12px}.reference-kpi-card-final{padding:18px;min-height:132px;border-radius:21px;align-items:flex-start}.ref-kpi-copy{gap:15px}.ref-kpi-title{font-size:11px;max-width:115px}.ref-kpi-value{font-size:30px}.ref-kpi-art{width:35px;height:35px;border-radius:12px}.ref-kpi-art svg{width:18px;height:18px}.card{padding:21px;border-radius:23px}.section-title{gap:10px;margin-bottom:20px}.section-title h3{font-size:16px}.section-title .muted{font-size:11px}.ref-view-link{font-size:11px}.overview-grid,.detail-grid,.insights-grid{gap:20px}.chart-wrap{height:240px}.procurement-chart-wrap{height:225px}.curve-legend{gap:13px;font-size:10px}.sq-ranking-row{padding-block:17px}.procurement-kpis{grid-template-columns:1fr 1fr;row-gap:24px;padding:23px 0;border-radius:22px}.procurement-kpi{padding-inline:20px}.procurement-kpi:nth-child(2){border:0}.procurement-kpi>span{font-size:11px}.procurement-kpi>b{font-size:24px}.procurement-kpi>small{font-size:9px}.ref-payment-layout{min-height:210px;gap:20px}.payment-legend{gap:13px}.modern-donut{width:155px;height:155px}.donut-center{inset:34px}.donut-center strong{font-size:19px}.donut-center small{font-size:8px}.forecast-insight{padding:13px}.forecast-insight b{font-size:13px}.region-performance-row{min-width:660px}.table td,.table th{padding:14px;font-size:11px}.admin-tabs{border-radius:18px;padding:7px;gap:5px;display:grid;grid-template-columns:1fr 1fr}.admin-tabs .btn{font-size:10px;white-space:normal;padding:9px 8px;gap:7px;justify-content:flex-start}.admin-tabs .btn svg{width:16px;height:16px}.product-admin-row{grid-template-columns:65px minmax(0,1fr);gap:13px;padding-block:22px}.product-admin-row>.product-thumb-cell{grid-row:span 2}.product-admin-row>.money-input-wrap{grid-column:2}.product-admin-row>.btn{min-width:0;font-size:11px}.product-admin-row>.btn:last-child{grid-column:2}.form-grid{grid-template-columns:1fr}.goal-settings-grid{grid-template-columns:1fr}.campaign-admin-row,.user-admin-row{grid-template-columns:1fr;gap:13px}.role-simulator{align-items:flex-start;flex-direction:column;gap:10px}.role-simulator select{width:100%;min-width:0}.report-launch-grid{grid-template-columns:1fr 1fr;gap:11px}.report-launch-grid a{padding:18px 12px;font-size:11px}.admin-purchase-summary{grid-template-columns:1fr 1fr}.finance-kpis,.purchase-kpis,.ops-kpis,.report-kpis{grid-template-columns:1fr 1fr;gap:12px}.finance-kpi,.purchase-kpi,.ops-kpi,.report-kpi{padding:18px;min-height:122px;gap:16px;border-radius:21px}.finance-kpi>span,.purchase-kpi>span,.ops-kpi>span,.report-kpi>span{font-size:11px}.finance-kpi>b,.purchase-kpi>b,.ops-kpi>b,.report-kpi>b{font-size:25px}.finance-chart{height:260px}.purchase-filters,.report-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.purchase-filters .select,.report-filters .select{width:100%;font-size:11px;min-width:0}.report-filters .btn{white-space:normal;min-width:0;font-size:10px;padding:10px;min-height:45px}.smart-report-head{flex-direction:column;align-items:stretch}.smart-summary-grid{gap:12px}.smart-summary-grid article{padding:17px}.smart-summary-grid b{font-size:21px}.smart-report-grid>section{padding:18px}.modal{padding:13px}.modal-box{padding:23px;max-height:92dvh;border-radius:23px}.sq-footer{padding:22px 18px;font-size:10px}.operation-row{padding:13px;gap:9px}.operation-row b{font-size:11px}.operation-row span{font-size:10px}.operation-row strong{font-size:15px}.ops-map-list{grid-template-columns:1fr}.cost-breakdown>div{padding:14px;font-size:11px}.cost-breakdown b{font-size:15px}.hailmap-canvas{height:310px}.hailmap-toolbar{padding:10px}.hailmap-select-wrap{width:100%;justify-content:space-between;margin-top:3px}.hailmap-fullscreen-btn{flex:1}.sq-donor .reference-subpage-main{display:flex;flex-direction:column;gap:26px;padding:28px 18px 40px}.sq-donor .sq-topbar{height:66px;padding-inline:20px}.sq-donor .sq-topbar-title>span:first-of-type{display:block}.sq-donor .sq-topbar-title>span:first-of-type:before{font-size:22px}.sq-donor .sq-topbar-tools:after{font-size:10px}.sq-donor-intro{position:static;padding:5px 7px 0;width:100%}.sq-donor-intro h1{font-size:40px;line-height:1.7;letter-spacing:normal;margin-bottom:15px}.sq-donor-intro h1 br{display:none}.sq-donor-intro>.eyebrow{font-size:11px;margin-bottom:12px}.sq-donor-intro>p{font-size:12px}.sq-donor-intro>p br{display:none}.hadith{margin:23px 0 0;padding:19px 21px}.hadith>p{font-size:23px}.hadith>a{font-size:10px}.donor-photo{display:none}.donation-flow{width:100%;gap:20px}.donation-options,.summary{padding:23px}.donation-type-btn{font-size:11px;padding-inline:5px}.donation-type-switch{border-radius:14px}.donor-info-head{flex-direction:row;align-items:center}.donor-product-preview{padding:15px;gap:13px}.donor-product-thumb-wrap{width:78px;height:78px}.donor-product-meta>b{font-size:14px}.donor-product-meta>span{font-size:10px}.donation-fields-row{grid-template-columns:1fr}.donor-info-grid{grid-template-columns:1fr}.donor-info-head .muted{font-size:9px}.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.payment{min-height:53px;padding:10px 4px;gap:4px;border-radius:11px}.payment-brand-content img{width:33px;height:19px}.payment input{width:10px;height:10px}.summary-product-value span{max-width:150px}.summary-row{font-size:12px}.summary-total-box{padding:17px}.summary-total-box strong{font-size:29px}.success{padding:30px 22px}.print-shell{margin-top:20px;padding-inline:13px}.print-page{padding:22px;border-radius:20px}.print-head{flex-direction:column}.print-kpis{grid-template-columns:1fr 1fr;gap:12px}.print-kpi{padding:17px}.print-kpi>b{font-size:21px}}
@media(max-width:800px){.filter-details-toggle{grid-column:1/-1;grid-row:3;width:100%}.page-admin .section-title{align-items:flex-start;flex-direction:column}.page-admin .section-title>.btn{align-self:flex-start}.page-admin .section-title h3{line-height:1.8}.section-title .smart-report-actions{width:100%}.product-admin-row>.product-editor-field:nth-child(4){grid-column:1/-1}.sq-menu-open .sq-sidebar{transition:transform 180ms var(--ease)}}
@media(max-width:410px){.reference-kpi-card-final{flex-direction:column;gap:0;min-height:151px;padding:18px}.ref-kpi-art{position:absolute;top:16px;left:14px;width:30px;height:30px;border-radius:10px}.ref-kpi-art svg{width:16px;height:16px}.ref-kpi-title{max-width:calc(100% - 24px);font-size:10px;min-height:32px}.ref-kpi-copy{width:100%;gap:12px}.ref-kpi-value{font-size:30px}.sq-page-intro h1{font-size:24px}.sq-page-intro .btn svg{display:none}.sq-page-intro .btn{padding-inline:11px;font-size:10px}.impact-copy{padding:23px;max-width:75%}.impact-copy h2{font-size:25px}.ref-payment-layout{flex-direction:column;gap:15px}.payment-legend{display:grid;grid-template-columns:1fr 1fr;max-width:none;width:100%;gap:12px}.payment-legend-row{gap:7px;font-size:10px}.hadith>p{font-size:21px}.sq-donor-intro h1{font-size:37px}.donor-info-head{align-items:flex-start;flex-direction:column}.donation-options,.summary{padding:21px}.payment-grid{grid-template-columns:1fr 1fr}.payment-brand-content img{width:46px;height:22px}.payment input{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}
@media print{body.sq-v11{padding:0;background:#fff;color:#19354b}.sq-sidebar,.sq-topbar,.sq-footer,.sq-filters,.impact-banner,.sq-page-intro>.btn,.print-actions,.sq-print-receipt,.sq-toast,.sq-backdrop{display:none}.content{max-width:none;padding:0;gap:20px}.card{break-inside:avoid;box-shadow:none;border-radius:12px}.table-wrap,.print-table-wrap{overflow:visible;border-radius:0}.print-shell{padding:0;max-width:none;margin:0}.print-page{padding:0;border:0}.print-table td,.print-table th{padding:7px;white-space:normal;font-size:9px}.sq-donor .sq-donor-intro,.sq-donor .success a{display:none}.sq-donor .reference-subpage-main,.sq-donor .donation-flow{display:block;padding:0}.sq-donor .success{border:0}.sq-donor .success:before{content:'سُقيا حائل — إيصال عملية';display:block;font-size:25px;margin-bottom:20px}@page{size:A4 landscape;margin:12mm}}

/* Reading and response: Arabic needs its natural tracking and generous ink bounds. */
html{background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;font-kerning:normal}
h1,h2,h3,h4{padding-block:.06em .12em;overflow:visible;letter-spacing:normal}
.sq-brand b{padding-inline:2px;line-height:1.85}
.sq-nav-link>span{min-width:0;padding-block:2px;line-height:1.95}
.sq-page-intro p,.muted,.donor-product-meta>span{line-height:2}
.btn,.date-filter-actions button,.hailmap-fullscreen-btn{line-height:1.9;padding-block:11px}
.sq-v11 .input,.sq-v11 .select,.sq-v11 textarea{line-height:1.9;padding:12px 15px;min-height:50px}
.sq-v11 select.select,.sq-v11 select{appearance:none;-webkit-appearance:none;padding-inline-end:39px;padding-inline-start:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23708a9c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 13px center;background-size:15px;text-overflow:ellipsis}
.sq-v11 .money-input-wrap .input{padding-inline-end:47px}
.sq-v11 .qty-stepper .qty-input{padding:0 7px;min-height:36px;height:36px;line-height:1.5}
.qty-stepper{min-height:50px}.qty-combo-btn{height:35px}
.sq-v11 .hailmap-select-wrap select{width:155px;min-height:40px;padding-block:8px;font-size:11px}
.ref-kpi-title{line-height:2;padding-block:2px;min-height:24px}
.ref-kpi-copy{gap:10px}.ref-kpi-value{line-height:1.4;padding-bottom:3px}
.section-title h3,.sq-ranking-info strong{line-height:1.9}
.table td,.table th{line-height:1.95}.table td b{font-weight:600}
.product-editor-field>span,.filter-field>span,.field label{line-height:1.95}
.donation-type-btn{line-height:1.9;min-height:48px}
.smart-alert b{line-height:1.95}.smart-alert small{line-height:2}
.sq-toast{display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 32px));background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 12px 45px #09283c25;font-size:12px;line-height:1.95;padding:15px 18px;animation:notice-in 180ms var(--ease)}
.toast-mark{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 89%);font:600 16px 'Segoe UI',sans-serif}
.sq-toast[data-state=error] .toast-mark{color:#bf6271;background:#bf627115}
.toast-close{margin-inline-start:7px;width:27px;height:27px;border:0;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:20px;display:grid;place-items:center;flex-shrink:0}
.is-saving:after{content:'';width:13px;height:13px;flex:0 0 13px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:busy-spin 650ms linear infinite}
html:not([data-input=keyboard]) .panel.active{animation:panel-reveal 170ms var(--ease)}
html:not([data-input=keyboard]) .smart-report-panel:not([hidden]){animation:panel-reveal 170ms var(--ease)}
.sq-ranking-row,.payment-legend-row,.forecast-insight{transition:background 150ms ease,outline-color 150ms ease}
.sq-ranking-row.active{background:var(--surface-2)}
.sq-icon-button{transition:background 140ms ease,color 140ms ease,transform 120ms var(--ease)}
.btn,.donation-type-btn,.qty-combo-btn{transition:background 150ms ease,color 150ms ease,box-shadow 150ms ease,transform 120ms var(--ease)}
@view-transition{navigation:auto}
body:not(.sq-print) main{view-transition-name:page-content}
::view-transition-group(root),::view-transition-group(page-content){animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(page-content){animation:page-out 90ms ease-out both;mix-blend-mode:normal}
::view-transition-new(page-content){animation:page-in 170ms cubic-bezier(.23,1,.32,1) both;mix-blend-mode:normal}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-reveal{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes notice-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes busy-spin{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.btn-primary:hover{box-shadow:0 4px 13px color-mix(in srgb,var(--primary),transparent 84%)}.forecast-insight:hover,.payment-legend-row:hover{background:var(--surface-2)}.ref-view-link:hover{text-decoration:underline;text-underline-offset:5px}.qty-combo-btn:hover{background:color-mix(in srgb,var(--primary),transparent 90%)}}
@media(max-width:800px){.sq-v11 .select,.sq-v11 .input{font-size:12px;line-height:1.95}.ref-kpi-title{max-width:calc(100% - 21px);font-size:11px;min-height:34px}.reference-kpi-card-final{min-height:159px}.sq-page-intro h1{line-height:1.9}.sq-toast{inset-inline:16px;bottom:17px;max-width:none}.sq-page-intro .btn{white-space:normal}.sq-nav-link{min-height:54px}.sq-workspace small{line-height:1.9}.sq-donor-intro h1{line-height:1.7}.hadith>p{line-height:2}}
@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation:none!important}.is-saving:after{animation:none;border-style:dotted}}
.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-table-tools{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:20px;flex-wrap:wrap}
.report-table-search{flex:1;max-width:330px;min-width:180px}.report-pager{display:flex;align-items:center;gap:12px}.report-pager .btn{font-size:11px;padding:8px 13px;min-height:38px}.report-pager .btn:disabled{cursor:default;opacity:.4}.report-row-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.sq-donor .sq-topbar-title>.platform-name{font-size:23px;font-weight:700;color:var(--text)}
.sq-donor .sq-topbar-title>.platform-name:before{display:none}
.sq-donor .sq-topbar .sq-topbar-title>.platform-name{display:inline-flex;align-items:center;flex-shrink:0;font-size:23px;font-weight:600;line-height:2.1;letter-spacing:normal;padding:4px 3px;min-height:56px;overflow:visible;white-space:nowrap}
.sq-donor .sq-topbar{height:auto;min-height:78px;padding-block:8px;overflow:visible}
.sq-donor .sq-topbar-title{min-width:0;line-height:2;overflow:visible}
.hadith .hadith-topic{display:block;color:var(--primary);font-size:11px;font-weight:500;line-height:2;margin-bottom:9px}
.hadith .hadith-context{display:block;color:var(--muted);font-size:11px;line-height:2}
.hadith>p{font-size:21px;line-height:2.1;overflow:visible;padding-block:5px;overflow-wrap:break-word}
.hadith>a{display:block;font-size:10px;line-height:2.1;padding-block:5px}
.sq-donor-intro h1 br,.sq-donor-intro>p br{display:initial}
@media(max-width:1050px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.filter-field:has(#pointTypeFilter),.report-filters #reportKind,.report-filters #reportCampaign{grid-column:1/-1}.report-table-search{max-width:none;flex-basis:100%}.report-pager{width:100%;justify-content:space-between}}
@media(max-width:380px){.filter-fields,.report-filters{grid-template-columns:minmax(0,1fr)}.report-filters>*{grid-column:1/-1}}
@media print{.sq-toast,.report-table-tools{display:none}#reportRows tr[hidden]{display:table-row!important}body:not(.sq-print) main{view-transition-name:none}}