:root{--bg-canvas:#f5f0e7;--bg-surface:#fdfbf8;--bg-subtle:#ece5d8;--bg-inverse:#123b32;--border-default:#e2d9c8;--border-strong:#cfc4af;--text-primary:#111a18;--text-secondary:#5b6562;--text-tertiary:#7c8582;--text-onBrand:#fbf8f3;--text-accent:#7a6136;--action-primary:#123b32;--action-primaryPressed:#0e2f28;--action-secondary:#dde9e3;--accent:#d6bd8d;--focus:#b89a63;--status-success:#2e7d4f;--status-successSurface:#e6f2ea;--status-warning:#a66a12;--status-warningSurface:#fbf0dc;--status-danger:#b23a3a;--status-dangerSurface:#f8e5e3;--status-info:#2f6690;--status-infoSurface:#e4eef5;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--font-ui:"Tajawal", "Segoe UI", Tahoma, sans-serif;--font-quran:"KFGQPC HAFS Uthmanic Script", "Amiri Quran", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-canvas:#0b1412;--bg-surface:#111a18;--bg-subtle:#18231f;--bg-inverse:#f5f0e7;--border-default:#26322e;--border-strong:#34423d;--text-primary:#f5f0e7;--text-secondary:#a7aeab;--text-tertiary:#7c8582;--text-onBrand:#fbf8f3;--text-accent:#e0cba4;--action-primary:#d6bd8d;--action-primaryPressed:#b89a63;--action-secondary:#1b2a25;--accent:#d6bd8d;--focus:#e0cba4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-canvas:#0b1412;--bg-surface:#111a18;--bg-subtle:#18231f;--bg-inverse:#f5f0e7;--border-default:#26322e;--border-strong:#34423d;--text-primary:#f5f0e7;--text-secondary:#a7aeab;--text-tertiary:#7c8582;--text-onBrand:#fbf8f3;--text-accent:#e0cba4;--action-primary:#d6bd8d;--action-primaryPressed:#b89a63;--action-secondary:#1b2a25;--accent:#d6bd8d;--focus:#e0cba4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Tajawal;font-weight:300;font-display:swap;src:url(/assets/Tajawal-Light-B9z0VEwc.ttf)format("truetype")}@font-face{font-family:Tajawal;font-weight:400;font-display:swap;src:url(/assets/Tajawal-Regular-YgKsg_HT.ttf)format("truetype")}@font-face{font-family:Tajawal;font-weight:500;font-display:swap;src:url(/assets/Tajawal-Medium-CP2UABRP.ttf)format("truetype")}@font-face{font-family:Tajawal;font-weight:700;font-display:swap;src:url(/assets/Tajawal-Bold-D2HBKLP2.ttf)format("truetype")}@font-face{font-family:Tajawal;font-weight:800;font-display:swap;src:url(/assets/Tajawal-ExtraBold-qFeTRs8n.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{border-radius:var(--radius-md);border:0;justify-content:center;align-items:center;gap:8px;height:48px;padding-inline:20px;font-weight:700;transition:background .12s cubic-bezier(.2,0,0,1);display:inline-flex}.btn-primary{background:var(--action-primary);color:var(--text-onBrand)}.btn-primary:hover{background:var(--action-primaryPressed)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);background:0 0;height:40px;padding-inline:12px}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:500}.field input{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);height:52px;color:var(--text-primary);padding-inline:14px;font-size:16px}.field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);outline:none}.field .hint{color:var(--text-secondary);font-size:13px}.alert{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-danger) 12%, var(--bg-surface));color:var(--status-danger);padding:12px 14px;font-size:14px}.login{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:100%;display:grid}.login-brand{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--bg-inverse) 80%, white) 0%, var(--bg-inverse) 55%, color-mix(in srgb, var(--bg-inverse) 78%, black) 100%);flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:48px;display:flex}.org-by{color:var(--accent);flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.login-brand .org-by img{opacity:.92;width:190px}.login-brand img{width:min(260px,60%);height:auto}.login-form{place-items:center;padding:48px 24px;display:grid}.login-card{flex-direction:column;gap:22px;width:min(400px,100%);display:flex}.login-card h1{font-size:26px;font-weight:700}.login-card .sub{color:var(--text-secondary)}@media (width<=860px){.login{grid-template-columns:1fr}.login-brand{padding:32px}.login-brand img{width:150px}.login-brand{gap:20px}.login-brand .org-by img{width:140px}}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100%;display:grid}.side{background:var(--bg-inverse);color:var(--text-onBrand);flex-direction:column;gap:22px;padding:22px 14px;display:flex}.side .logo{border-bottom:1px solid #f5f0e71a;justify-content:center;padding-bottom:14px;display:flex}.side .logo img{width:auto;height:84px}.nav{flex-direction:column;gap:2px;display:flex}.side-org{border-top:1px solid #f5f0e71a;justify-content:center;margin-top:auto;padding-top:16px;display:flex}.side-org img{opacity:.85;width:150px}.nav a{color:#c9d6cf;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav a[data-status=active]{color:var(--text-onBrand);background:#d6bd8d24}.nav a[data-status=active] svg{color:var(--accent)}.nav a[aria-disabled=true]{opacity:.5;pointer-events:none}.nav .soon{color:#86a096;margin-inline-start:auto;font-size:11px}.main{flex-direction:column;gap:24px;min-width:0;padding:22px 32px 40px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar .who{align-items:center;gap:12px;display:flex}.avatar{background:var(--action-secondary);width:38px;height:38px;color:var(--action-primary);border-radius:50%;place-items:center;font-weight:700;display:grid}.who .name{font-weight:700;line-height:1.3}.who .org{color:var(--text-secondary);font-size:13px}.roles{background:var(--bg-subtle);border-radius:12px;gap:2px;padding:4px;display:inline-flex}.roles button{color:var(--text-secondary);background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:14px;font-weight:500}.roles button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #111a1814}.page-title{flex-direction:column;gap:4px;display:flex}.page-title h1{font-size:26px;font-weight:700}.page-title p{color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;min-width:0}.card-h{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-h h2{font-size:16px;font-weight:700}.card-h span{color:var(--text-secondary);font-size:13px}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:18px;display:grid}.empty{color:var(--text-secondary);flex-direction:column;gap:6px;padding:28px 18px;font-size:14px;display:flex}.empty b{color:var(--text-primary);font-weight:500}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:start;color:var(--text-secondary);background:var(--bg-canvas);border-bottom:1px solid var(--border-default);padding:10px 18px;font-size:13px;font-weight:500}td{border-bottom:1px solid var(--border-default);padding:12px 18px}tr:last-child td{border-bottom:0}.skeleton{background:var(--bg-subtle);border-radius:6px;height:14px}@media (width<=1024px){.shell{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;padding:10px 16px;overflow-x:auto}.side .logo{border:0;padding:0}.side .logo img{height:40px}.nav{flex-direction:row}.side-org{display:none}.grid2{grid-template-columns:1fr}.main{padding:18px 16px 32px}}select,textarea{font:inherit}.field select,.field textarea{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);min-height:48px;color:var(--text-primary);padding:10px 12px;font-size:15px}.field textarea{resize:vertical;min-height:84px}.field input{height:48px;font-size:15px}.field select:focus,.field textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);outline:none}.form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;padding-top:4px;display:flex}.check{align-items:center;gap:10px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--action-primary)}.btn-sm{border-radius:10px;height:36px;padding-inline:12px;font-size:14px}.btn-secondary{background:var(--action-secondary);color:var(--action-primary)}.btn-secondary:hover{background:color-mix(in srgb, var(--action-secondary) 80%, var(--action-primary))}.btn-danger{color:var(--status-danger);border:1px solid color-mix(in srgb, var(--status-danger) 35%, transparent);background:0 0}.btn-danger:hover{background:color-mix(in srgb, var(--status-danger) 8%, transparent)}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:36px;height:36px;color:var(--text-secondary);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar{border-bottom:1px solid var(--border-default);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--border-default);background:var(--bg-surface);height:40px;color:var(--text-primary);border-radius:10px;padding-inline:12px;font-size:14px}.toolbar input[type=search]{flex:220px;min-width:220px;max-width:360px}.badge{white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 1px;font-size:12.5px;font-weight:500;line-height:1.6;display:inline-flex}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-brand{background:var(--action-secondary);color:var(--action-primary)}.badge-success{background:color-mix(in srgb, var(--status-success) 13%, var(--bg-surface));color:var(--status-success)}.badge-warning{background:color-mix(in srgb, var(--status-warning) 14%, var(--bg-surface));color:var(--status-warning)}.badge-danger{background:color-mix(in srgb, var(--status-danger) 12%, var(--bg-surface));color:var(--status-danger)}.badge-info{background:color-mix(in srgb, var(--status-info) 12%, var(--bg-surface));color:var(--status-info)}.chips{flex-wrap:wrap;gap:6px;display:flex}.muted{color:var(--text-secondary)}.small{font-size:13px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}td.actions{white-space:nowrap;width:1%}td.actions .row-actions{flex-wrap:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb, var(--bg-subtle) 45%, transparent)}td a,.list a,.link{color:var(--action-primary);font-weight:500;text-decoration:none}td a:hover,.list a:hover,.link:hover{text-decoration:underline}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.stat{background:var(--bg-surface);border:1px solid var(--border-default);color:inherit;border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;display:flex}.stat .k{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.stat .v{font-size:28px;font-weight:700;line-height:1.2}a.stat:hover{border-color:var(--border-strong)}.stat.attention{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-surface))}.tabs{background:var(--bg-subtle);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tabs button{color:var(--text-secondary);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.tabs button[aria-selected=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #111a1814}.tab-count{background:var(--bg-canvas);border-radius:999px;padding:0 8px;font-size:12px}.kv{grid-template-columns:max-content 1fr;gap:10px 18px;padding:16px 18px;font-size:14px;display:grid}.kv dt{color:var(--text-secondary)}.kv dd{margin:0}.section{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.list li:last-child{border-bottom:0}.notice{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-info) 9%, var(--bg-surface));color:var(--text-primary);padding:12px 14px;font-size:14px}.secret{background:var(--bg-subtle);direction:ltr;unicode-bidi:isolate;border-radius:8px;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.modal{background:var(--bg-surface);width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text-primary);border:0;border-radius:18px;padding:0;box-shadow:0 24px 64px #111a1847}.modal-wide{width:min(760px,100vw - 32px)}.modal::backdrop{background:#111a1873}.modal-h{border-bottom:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-h h2{font-size:18px;font-weight:700}.modal-b{padding:20px}.grid-detail{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:18px;display:grid}.public{place-items:start center;min-height:100%;padding:32px 16px 48px;display:grid}.public-card{flex-direction:column;gap:20px;width:min(560px,100%);display:flex}.public-card .logo{background:var(--bg-inverse);border-radius:18px;place-items:center;padding:22px;display:grid}.public-card .logo img{width:auto;height:72px}.honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1024px){.grid-detail{grid-template-columns:1fr}}@media (width<=640px){.toolbar input[type=search]{max-width:none}.page-head{align-items:stretch}.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:8px}}.record h3{margin:16px 0 8px;font-size:1rem}.record h3:first-child{margin-top:0}.record-plan{gap:8px;margin-bottom:12px;display:grid}.record-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.record-chips{flex-wrap:wrap;gap:6px;display:flex}.progress{background:var(--bg-subtle);border-radius:999px;height:10px;overflow:hidden}.progress>div{background:var(--action-primary);border-radius:inherit;height:100%}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{gap:4px;padding:16px;display:grid}.metric-value{font-variant-numeric:tabular-nums;font-size:1.6rem}.legal-card{width:min(820px,100%)}.legal h1{margin:0 0 12px;font-size:24px}.legal h2{margin:22px 0 8px;font-size:18px}.legal h3{margin:16px 0 6px;font-size:16px}.legal p,.legal li{line-height:1.9}.legal ul,.legal ol{padding-inline-start:22px}.legal-note{border-inline-start:4px solid var(--status-warning);background:var(--bg-subtle);border-radius:8px;margin:12px 0;padding:4px 14px}.org-footer{flex-direction:column;align-items:center;gap:8px;display:flex}.org-footer img{width:170px}.legal-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.public a{color:var(--accent)}.todo{gap:18px;padding:16px 20px 20px;display:grid}.todo-group h3{margin:0 0 6px;font-size:15px}.todo-group ul{gap:6px;margin:0;padding-inline-start:18px;display:grid}button.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.inline-add,.inline-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-add input[type=text],.inline-add input:not([type]),.inline-edit input{flex:1;min-width:160px;max-width:320px}.check{align-items:center;gap:6px;display:inline-flex}.inline-add input:not([type=checkbox]),.inline-edit input{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);height:38px;color:var(--text-primary);padding-inline:12px}.inline-edit input{background:0 0;border-color:#0000}.inline-edit input:hover,.inline-edit input:focus{border-color:var(--border-default);background:var(--bg-surface)}.inline-add input:focus,.inline-edit input:focus{border-color:var(--focus);outline:none}input[type=checkbox]{accent-color:var(--action-primary)}.print-only{display:none}@media print{.side,.topbar,.no-print,.page-head .actions{display:none!important}.print-only{display:block}body,.shell,.main{color:#000;background:#fff!important}.shell{display:block}.card{box-shadow:none;break-inside:avoid;border-color:#ccc}.print-head{margin-bottom:12px}a{color:inherit;text-decoration:none}}.login-tabs{border-radius:var(--radius-pill);background:var(--bg-subtle);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.login-tabs button{border-radius:var(--radius-pill);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 12px;font-weight:600}.login-tabs button.on{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--text-primary) 12%, transparent)}.otp-input{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;font-size:26px}.login-links{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.login-links:empty{display:none}.link{color:var(--text-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.link:disabled{color:var(--text-tertiary);cursor:default}.phone-field{direction:ltr;gap:8px;display:flex;position:relative}.phone-field>input{flex:1;min-width:0}.phone-country{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;order:-1;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.phone-menu{z-index:30;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);width:min(340px,100%);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 14%, transparent);direction:rtl;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.phone-search{border-bottom:1px solid var(--border-default);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 12px;display:flex}.phone-search input{font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;height:auto;padding:0}.phone-menu ul{max-height:280px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.phone-menu li button{width:100%;font:inherit;color:var(--text-primary);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:9px 14px;display:flex}.phone-menu li button:hover,.phone-menu li button.on{background:var(--bg-subtle)}.phone-name{flex:1}.phone-empty{padding:10px 14px}@media screen{:root{--shadow-sm:0 1px 2px #111a180d;--shadow-card:0 1px 2px #111a180a, 0 10px 28px -14px #111a1829;--shadow-lift:0 2px 4px #111a180d, 0 16px 36px -14px #111a1838;--ink-on-dark:color-mix(in srgb, var(--text-onBrand) 74%, transparent);--line-soft:color-mix(in srgb, var(--border-default) 70%, transparent)}body{background:radial-gradient(1200px 600px at 100% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--bg-canvas);background-attachment:fixed}.btn{border-radius:12px;transition:background .14s,box-shadow .14s,transform .14s}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--action-primary) 86%, white), var(--action-primary));box-shadow:0 1px 0 #ffffff1f inset, 0 6px 16px -8px color-mix(in srgb, var(--action-primary) 70%, transparent)}.btn-primary:hover{background:var(--action-primaryPressed)}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border-radius:12px;transition:border-color .12s,box-shadow .12s}.field input:hover,.field select:hover,.field textarea:hover,.toolbar input:hover,.toolbar select:hover{border-color:var(--border-strong)}.toolbar input:focus,.toolbar select:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);outline:none}.badge{border-radius:var(--radius-pill)}.shell{grid-template-columns:264px minmax(0,1fr)}.side{background:radial-gradient(420px 260px at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--bg-inverse), color-mix(in srgb, var(--bg-inverse) 78%, black));height:100vh;padding:26px 16px 20px;position:sticky;top:0;overflow-y:auto}.side .logo{border-bottom-color:#f5f0e714;padding-bottom:20px}.side .logo img{height:92px}.nav{gap:4px}.nav a{color:var(--ink-on-dark);border-radius:12px;padding:11px 14px;transition:background .14s,color .14s}.nav a svg{opacity:.85}.nav a:hover{color:var(--text-onBrand);background:#f5f0e70f}.nav a[data-status=active]{background:linear-gradient(270deg, color-mix(in srgb, var(--accent) 24%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));color:var(--text-onBrand);box-shadow:inset -3px 0 0 var(--accent);font-weight:700}.nav a[data-status=active] svg{opacity:1}.side-org img{opacity:.8;width:160px}.main{gap:26px;padding:20px 32px 48px}.topbar{z-index:5;background:color-mix(in srgb, var(--bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);border-radius:18px;padding:10px 14px 10px 18px;position:sticky;top:12px}.avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--action-primary)));width:42px;height:42px;color:var(--bg-inverse);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);font-weight:800}.roles{border-radius:14px}.roles button[aria-pressed=true]{background:var(--action-primary);color:var(--text-onBrand);box-shadow:none}.page-title h1{font-size:28px;font-weight:800}.card{border-color:var(--line-soft);box-shadow:var(--shadow-card);border-radius:20px;overflow:hidden}.card-h{border-bottom-color:var(--line-soft);padding:16px 20px}.card-h h2{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.card-h h2:before{content:"";background:var(--accent);border-radius:4px;flex:none;width:4px;height:18px}.toolbar{border-bottom-color:var(--line-soft);padding:14px 20px}th{z-index:1;background:color-mix(in srgb, var(--bg-canvas) 70%, var(--bg-surface));padding:12px 20px;font-size:12.5px;font-weight:700;position:sticky;top:0}td{border-bottom-color:color-mix(in srgb, var(--border-default) 60%, transparent);padding:14px 20px}tbody tr{transition:background .12s}tbody tr:hover td{background:color-mix(in srgb, var(--action-secondary) 35%, transparent)}.tabs{border-radius:14px}.tabs button[aria-selected=true]{box-shadow:var(--shadow-sm)}.empty{text-align:center;align-items:center;padding:40px 20px}.modal{box-shadow:var(--shadow-lift);border-radius:22px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat{border-color:var(--line-soft);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:row;align-items:center;gap:14px;padding:18px;transition:transform .16s,box-shadow .16s}a.stat:hover{box-shadow:var(--shadow-lift);border-color:var(--line-soft);transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg, var(--action-secondary), color-mix(in srgb, var(--action-secondary) 55%, var(--bg-surface)));width:48px;height:48px;color:var(--action-primary);border-radius:16px;flex:none;place-items:center;display:grid}.stat-body{flex-direction:column;min-width:0;display:flex}.stat .v{font-size:30px;font-weight:800;line-height:1.15}.stat .k{font-size:13.5px}.stat.attention{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, var(--bg-surface)), var(--bg-surface));border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.stat.attention .stat-icon{background:var(--accent);color:var(--bg-inverse)}.welcome{background:linear-gradient(270deg, var(--bg-inverse) 0%, color-mix(in srgb, var(--bg-inverse) 70%, transparent) 38%, transparent 70%), url(/hero/home-banner.jpg) left center / cover no-repeat, var(--bg-inverse);min-height:210px;box-shadow:var(--shadow-lift);border-radius:24px;align-items:center;display:flex;overflow:hidden}.welcome-text{max-width:560px;color:var(--text-onBrand);flex-direction:column;gap:6px;padding:32px 36px;display:flex}.welcome-kicker{color:var(--accent);font-size:14px;font-weight:700}.welcome h1{font-size:32px;font-weight:800;line-height:1.25}.welcome-sub{color:var(--ink-on-dark)}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:18px;display:grid}.home-grid>:only-child{grid-column:1/-1}.bars{flex-direction:column;gap:14px;margin:0;padding:18px 20px 22px;list-style:none;display:flex}.bars li{grid-template-columns:minmax(0,7.5em) minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-subtle) 80%, transparent);height:10px;position:relative}.bar-cap,.bar-fill{border-radius:inherit;position:absolute;inset-block:0;inset-inline-start:0}.bar-cap{background:var(--action-secondary)}.bar-fill{background:linear-gradient(270deg, var(--action-primary), color-mix(in srgb, var(--action-primary) 55%, var(--accent)))}.bar-value{font-size:13.5px;font-weight:700}.login-brand{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-inverse) 20%, transparent), color-mix(in srgb, var(--bg-inverse) 55%, transparent) 45%, color-mix(in srgb, var(--bg-inverse) 88%, transparent)), url(/hero/login.jpg) center / cover no-repeat, var(--bg-inverse)}.login-brand>img{filter:drop-shadow(0 10px 30px #00000059)}.login-brand .org-by{background:color-mix(in srgb, var(--bg-inverse) 45%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #f5f0e71f;border-radius:18px;padding:14px 22px 16px}.login-form{background:radial-gradient(700px 400px at 0% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--bg-canvas)}.login-card{background:var(--bg-surface);border:1px solid var(--line-soft);width:min(440px,100%);box-shadow:var(--shadow-lift);border-radius:24px;padding:36px 32px}.login-card h1{font-size:28px;font-weight:800}.public{background:radial-gradient(900px 500px at 50% -10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%), var(--bg-canvas)}.public-card .logo{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-inverse) 30%, transparent), color-mix(in srgb, var(--bg-inverse) 80%, transparent)), url(/hero/public-band.jpg) center / cover no-repeat, var(--bg-inverse);min-height:190px;box-shadow:var(--shadow-lift);border-radius:24px}.public-card .logo img{filter:drop-shadow(0 8px 22px #00000059);height:104px}}@media screen and (width<=1024px){.shell{grid-template-columns:1fr}.side{height:auto;padding:10px 16px;position:static}.side .logo img{height:44px}.nav a[data-status=active]{box-shadow:inset 0 -3px 0 var(--accent)}.main{padding:16px 16px 32px}.topbar{top:8px}.home-grid{grid-template-columns:1fr}.welcome{background:linear-gradient(270deg, var(--bg-inverse) 0%, color-mix(in srgb, var(--bg-inverse) 75%, transparent) 55%, color-mix(in srgb, var(--bg-inverse) 30%, transparent)), url(/hero/home-banner.jpg) left center / cover no-repeat, var(--bg-inverse);min-height:170px}.welcome-text{padding:24px 22px}.welcome h1{font-size:26px}}@media screen and (width<=860px){.login-brand{background-position:50% 30%;min-height:300px;padding-bottom:72px}.login-form{padding-top:0}.login-card{margin-top:-48px;padding:28px 22px;position:relative}}@media screen and (width<=640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.stat-icon{border-radius:13px;width:40px;height:40px}.stat .v{font-size:26px}.topbar .org{display:none}}.perm-groups{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.perm-group{border:1px solid var(--border,#e2d9c8);border-radius:12px;flex-direction:column;gap:6px;margin:0;padding:10px 14px 12px;display:flex}.perm-group legend{padding:0 6px;font-weight:700}.row-actions{gap:4px;display:inline-flex}.vol{background:radial-gradient(900px 520px at 50% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--bg-canvas);min-height:100vh}.vol-hero{color:var(--text-onBrand);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-inverse) 55%, transparent), color-mix(in srgb, var(--bg-inverse) 92%, transparent)), url(/hero/public-band.jpg) center / cover no-repeat, var(--bg-inverse);box-shadow:var(--shadow-lift);border-radius:0 0 36px 36px;padding:36px 20px 72px;position:relative}.vol-logos{justify-content:center;align-items:center;gap:18px;margin-bottom:28px;display:flex}.vol-org{height:54px}.vol-mubin{height:58px}.vol-sep{background:color-mix(in srgb, var(--text-onBrand) 35%, transparent);width:1px;height:42px}.vol-kicker{width:fit-content;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;align-items:center;gap:6px;margin:0 0 10px;padding:6px 14px;font-size:14px;font-weight:700;display:flex;margin-inline:auto!important}.vol-hero h1{margin:0 0 12px;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1.25}.vol-lead{max-width:620px;color:var(--ink-on-dark);margin:0 auto 18px;font-size:18px;line-height:1.9}.vol-hadith{color:var(--accent);margin:0 auto 26px;font-family:Amiri Quran,Amiri,serif;font-size:22px}.vol-cta{color:var(--bg-inverse);background:var(--accent);box-shadow:0 10px 26px -10px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:999px;padding:14px 38px;font-size:17px;font-weight:800;text-decoration:none;display:inline-block}.vol-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.vol-cta-app{color:var(--ink-on-dark);border:1.5px solid var(--accent);box-shadow:none;background:0 0}.vol-body{flex-direction:column;gap:18px;max-width:820px;margin:-40px auto 0;padding:0 16px 40px;display:flex;position:relative}.vol-benefits{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.vol-benefit{background:var(--bg-surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:6px;padding:18px 16px;display:flex}.vol-benefit b{font-size:16px}.vol-benefit span:last-child{color:var(--text-secondary);font-size:14px;line-height:1.7}.vol-icon{width:46px;height:46px;color:var(--bg-inverse);background:color-mix(in srgb, var(--accent) 30%, var(--bg-surface));border-radius:14px;place-items:center;display:grid}.vol-card{background:var(--bg-surface);border:1px solid var(--line-soft);box-shadow:var(--shadow-card);border-radius:24px;padding:24px}.vol-card h2{margin:0 0 12px;font-size:22px;font-weight:800}.vol-h3{color:var(--text-secondary);border-bottom:1px solid var(--line-soft);margin:18px 0 4px;padding-bottom:6px;font-size:16px;font-weight:800}.vol-app{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.vol-app>div:first-child{flex:320px}.vol-app p{color:var(--text-secondary);margin:0;line-height:1.9}.vol-stores{flex-wrap:wrap;gap:10px;display:flex}.vol-store{color:#fff;direction:ltr;background:#111;border-radius:14px;align-items:center;gap:10px;padding:9px 16px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.vol-store:hover{transform:translateY(-2px)}.vol-store small{opacity:.8;direction:rtl;font-size:11px;font-weight:500;display:block}.vol-conditions{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vol-conditions li{align-items:flex-start;gap:10px;line-height:1.8;display:flex}.vol-conditions svg{color:var(--accent);flex:none;margin-top:5px}.vol-choices{flex-wrap:wrap;gap:8px;display:flex}.vol-choice{border:1px solid var(--border-default);background:var(--bg-canvas);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.vol-choice.on{border-color:var(--bg-inverse);background:color-mix(in srgb, var(--accent) 18%, var(--bg-surface))}.vol-juz{background:color-mix(in srgb, var(--accent) 14%, var(--bg-surface));border-radius:12px;margin:0;padding:10px 14px}.vol-agree{align-items:flex-start;gap:10px;margin-top:12px;font-weight:600;line-height:1.8;display:flex}.vol-agree input{width:18px;height:18px;margin-top:6px}.vol-submit{min-width:220px;font-size:17px}.vol-done{text-align:center}.vol-done svg{color:var(--accent)}.vol-steps{text-align:start;flex-direction:column;gap:6px;margin:8px auto 12px;line-height:1.8;display:inline-flex}.vol-foot{justify-content:center;padding:10px 0 36px;display:flex}.vol-foot img{opacity:.9;height:56px}.dl-page{background:radial-gradient(900px 520px at 50% 0, color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%), var(--bg-canvas);min-height:100%;padding-bottom:32px}.dl-hero{color:var(--text-onBrand);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-inverse) 55%, transparent), color-mix(in srgb, var(--bg-inverse) 94%, transparent)), url(/hero/public-band.jpg) center / cover no-repeat, var(--bg-inverse);border-radius:0 0 36px 36px;justify-items:center;gap:14px;padding:40px 20px 64px;display:grid;overflow-x:clip}.dl-logo{height:96px}.dl-hero h1{margin:0;font-size:clamp(28px,5vw,42px);font-weight:800}.dl-hero>p{opacity:.9;max-width:560px;margin:0;line-height:1.8}.dl-button{background:var(--accent);width:min(280px,100%);color:var(--bg-inverse);border-radius:999px;align-items:center;gap:10px;padding:11px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #00000038}.dl-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.dl-button-ios{background:var(--bg-surface);color:var(--text-primary)}.dl-button>span{text-align:start;line-height:1.35;display:grid}.dl-button small{opacity:.8;white-space:nowrap;font-size:12px;font-weight:600}.dl-buttons{flex-direction:column}#install{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, linear-gradient(90deg, transparent, var(--accent), transparent) border-box;border-top:2px solid #0000}.dl-cue{background:var(--accent);width:42px;height:42px;color:var(--bg-inverse);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 24px var(--accent);border-radius:50%;place-items:center;animation:1.8s ease-in-out infinite dl-bob;display:grid;position:absolute;top:-21px;left:50%;transform:translate(-50%)}@keyframes dl-bob{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 32px var(--accent);transform:translate(-50%,4px)}}@media (prefers-reduced-motion:reduce){.dl-cue{animation:none}}.dl-card{scroll-margin-top:16px}.dl-ios,.dl-soon{opacity:.85;align-items:center;gap:6px;font-size:14px;display:inline-flex}.dl-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(640px,100% - 32px);box-shadow:0 12px 32px color-mix(in srgb, var(--text-primary) 8%, transparent);margin:-36px auto 0;padding:24px;position:relative}.dl-card h2{margin:0 0 12px;font-size:20px}.dl-card ol{gap:8px;margin:0 0 14px;padding-inline-start:22px;line-height:1.7;display:grid}.dl-safe{align-items:flex-start;gap:6px;display:flex}.dl-footer{justify-items:center;gap:12px;margin-top:28px;display:grid}.dl-footer img{height:56px}.tester-card h2{margin:4px 0 10px}.tester-progress{gap:6px;display:flex}.tester-progress i{background:var(--line-soft);border-radius:999px;flex:1;height:7px}.tester-progress i.on{background:var(--status-success)}.tester-progress i.cur{background:var(--accent)}.tester-count{color:var(--text-secondary);margin:12px 0 0;font-size:13px;font-weight:700}.tester-list{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.tester-list li{counter-increment:step;align-items:center;gap:10px;line-height:1.6;display:flex}.tester-list li:before{content:counter(step);background:var(--accent);width:26px;height:26px;color:var(--bg-inverse);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.tester-action{justify-content:center;width:100%;margin-top:16px;padding-block:13px;font-size:16px;text-decoration:none}.tester-done{margin-top:10px}.tester-card .muted.small{margin:10px 0 0;line-height:1.7}.tester-wait{text-align:center;padding:10px 0 4px}.tester-wait svg{color:var(--accent)}.tester-wait p{color:var(--text-secondary);margin:0;line-height:1.9}.tester-demo{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent) 10%, var(--bg-surface));grid-template-columns:auto 1fr;gap:6px 16px;margin:10px 0 0;padding:12px 14px;display:grid}.tester-demo dt{color:var(--text-secondary)}.tester-demo dd{text-align:end;margin:0;font-weight:800}