@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:100;src:url(./IBMPlexSansArabic-Thin.C0hzlOCq.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:200;src:url(./IBMPlexSansArabic-ExtraLight.DUV6dJGq.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:300;src:url(./IBMPlexSansArabic-Light.Bxocun3H.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;src:url(./IBMPlexSansArabic-Regular.CECLw8MI.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;src:url(./IBMPlexSansArabic-Medium.C45KVXqn.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;src:url(./IBMPlexSansArabic-SemiBold.CX9VZrM5.ttf) format("truetype")}@font-face{font-display:swap;font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;src:url(./IBMPlexSansArabic-Bold.DtCCNWRv.ttf) format("truetype")}@font-face{font-display:swap;font-family:Noto Sans Arabic;font-style:normal;font-weight:400;src:url(./noto-sans-arabic-regular.Ba4eAhmG.otf) format("opentype")}:root{--navy-50:#f3f6fb;--navy-100:#e3e9f3;--navy-200:#c3cfe2;--navy-300:#95a6c6;--navy-400:#5e76a4;--navy-500:#3a5790;--navy-600:#2a4374;--navy-700:#203359;--navy-800:#1a2a4a;--navy-900:#14213b;--navy-950:#0e1729;--steel-50:#f4f6f9;--steel-100:#e7ebf1;--steel-200:#ccd3df;--steel-300:#aab3c4;--steel-400:#8a96ad;--steel-500:#6a7996;--steel-600:#54627d;--steel-700:#424d63;--black:#000;--ink-900:#16191e;--ink-800:#292d32;--ink-700:#303030;--ink-600:#4a4f57;--ink-500:#6c7480;--ink-400:#8f8f8f;--ink-300:#c2c6cc;--ink-200:#e0e3e8;--ink-100:#ededed;--ink-50:#f8f8f8;--white:#fff;--success-600:#157a52;--success-500:#1b9e6f;--success-100:#d9f1e7;--success-50:#ecf8f3;--warning-600:#b9821f;--warning-500:#e0a12e;--warning-100:#faeccf;--warning-50:#fdf6e8;--danger-600:#b21616;--danger-500:#d81b1b;--danger-100:#fadcdc;--danger-50:#fdeded;--info-500:#3a5790;--info-100:#dbe4f3;--info-50:#eef2fa;--brand:var(--navy-700);--brand-strong:var(--navy-800);--brand-soft:var(--navy-100);--brand-tint:var(--navy-50);--accent:var(--navy-500);--secondary:var(--steel-500);--bg-page:var(--ink-50);--bg-page-alt:#eef1f6;--surface-card:var(--white);--surface-sunken:var(--ink-50);--surface-brand:var(--navy-700);--surface-brand-soft:var(--navy-50);--text-strong:var(--navy-900);--text-title:var(--navy-700);--text-body:var(--ink-800);--text-muted:var(--steel-500);--text-subtle:var(--ink-400);--text-on-brand:var(--white);--text-on-brand-soft:var(--navy-200);--border:var(--ink-200);--border-strong:var(--ink-300);--border-brand:var(--navy-200);--divider:var(--ink-100);--focus-ring:color-mix(in srgb,var(--navy-500) 45%,transparent);--link:var(--navy-600);--link-hover:var(--navy-800);--font-display:"IBM Plex Sans Arabic","Space Grotesk","Segoe UI",system-ui,sans-serif;--font-heading:"IBM Plex Sans Arabic","Space Grotesk","Segoe UI",system-ui,sans-serif;--font-body:"Noto Sans Arabic","Open Sans","IBM Plex Sans Arabic","Segoe UI",system-ui,sans-serif;--font-ui:"IBM Plex Sans Arabic","Open Sans","Segoe UI",system-ui,sans-serif;--font-num:"IBM Plex Sans Arabic","Space Grotesk","Segoe UI",system-ui,sans-serif;--fw-thin:200;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-display:44px;--fs-h1:32px;--fs-h2:26px;--fs-h3:20px;--fs-title:18px;--fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:12px;--fs-micro:11px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.7;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.02em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--border-1:1px;--border-2:1.5px;--border-3:2px;--shadow-xs:0 1px 2px rgba(20,33,59,.06);--shadow-sm:0 2px 8px rgba(20,33,59,.06),0 1px 2px rgba(20,33,59,.04);--shadow-md:0 6px 18px rgba(20,33,59,.08),0 2px 6px rgba(20,33,59,.05);--shadow-lg:0 16px 40px rgba(20,33,59,.12),0 4px 12px rgba(20,33,59,.06);--shadow-xl:0 28px 64px rgba(20,33,59,.16);--shadow-brand:0 10px 24px rgba(32,51,89,.28);--shadow-inset:inset 0 0 0 1px rgba(20,33,59,.06);--container-max:1240px;--content-max:760px;--sidebar-w:268px;--header-h:72px;--tabbar-h:64px;--device-w:390px;--device-h:844px;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.36s}*,:after,:before{box-sizing:border-box}:root{color-scheme:light}body{background:var(--bg-page);font-size:var(--fs-body);line-height:var(--lh-normal);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl]{text-align:right}h1,h2,h3,h4{color:var(--text-title);font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}p{margin:0}a{color:var(--link)}a:hover{color:var(--link-hover)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ab-display{font-family:var(--font-display);font-size:var(--fs-display)}.ab-display,.ab-h1{color:var(--text-title);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.ab-h1{font-size:var(--fs-h1)}.ab-h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}.ab-h2,.ab-h3{color:var(--text-title);line-height:var(--lh-snug)}.ab-h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}.ab-body{color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal)}.ab-caption{color:var(--text-muted);font-size:var(--fs-caption)}:root{--navy:var(--navy-700);--navy-grad-top:var(--navy-500);--steel:var(--steel-500);--bg:var(--bg-page-alt);--card:var(--surface-card);--line:var(--border);--green:var(--success-500);--amber:var(--warning-500);--red:var(--danger-500);--radius:var(--radius-lg);--radius-sm:var(--radius-md);--shadow:var(--shadow-sm);--sidebar-w:264px;--content-max:var(--container-max)}*{box-sizing:border-box}#__nuxt,body,html{margin:0;min-height:100%}body{background:var(--bg);color:var(--text-body);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}a{color:var(--navy);text-decoration:none}h1,h2,h3{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy-grad-top) 0,var(--navy-800) 100%);color:#fff;display:flex;flex:0 0 var(--sidebar-w);flex-direction:column;height:100vh;position:sticky;top:0;width:var(--sidebar-w);z-index:60}.sidebar-brand{align-items:center;display:flex;gap:.6rem;padding:1.3rem 1.3rem 1rem}.sidebar-brand img{height:40px}.sidebar-brand .name{font-size:1.15rem;font-weight:800}.sidebar-role{border-bottom:1px solid hsla(0,0%,100%,.1);color:#b9c6e4;font-size:.76rem;padding:0 1.3rem 1rem}.nav{display:flex;flex:1;flex-direction:column;gap:.25rem;overflow-y:auto;padding:1rem .8rem}.nav-item{align-items:center;border-radius:12px;color:#d6deef;cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.8rem;padding:.7rem .9rem;transition:background .15s,color .15s}.nav-item .ico{font-size:1.15rem;text-align:center;width:1.4rem}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#fff;box-shadow:var(--shadow);color:var(--navy)}.sidebar-foot{border-top:1px solid hsla(0,0%,100%,.1);padding:.9rem}.user-chip{gap:.6rem;padding:.5rem .4rem}.user-chip,.user-chip .ava{align-items:center;display:flex}.user-chip .ava{background:#ffffff2e;border-radius:50%;font-weight:700;height:38px;justify-content:center;width:38px}.user-chip .who{min-width:0}.user-chip .who b{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .who span{color:#b9c6e4;font-size:.72rem}.logout-btn{background:#ffffff1f;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.55rem;width:100%}.logout-btn:hover{background:#fff3}.app-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;gap:1rem;padding:.8rem 1.4rem;position:sticky;top:0;z-index:40}.topbar .hamburger{background:none;border:0;color:var(--navy);cursor:pointer;display:none;font-size:1.4rem}.topbar .page-title{color:var(--navy);font-size:1.1rem;font-weight:800}.topbar .spacer{flex:1}.topbar .date{color:var(--steel);font-size:.8rem}.topbar .bell{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;color:var(--navy);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.content{flex:1;margin:0 auto;max-width:var(--content-max);padding:1.6rem;width:100%}.drawer-overlay{background:#0f172a73;display:none;top:0;right:0;bottom:0;left:0;position:fixed;z-index:55}@media(max-width:980px){.sidebar{box-shadow:var(--shadow-lg);height:100vh;left:auto;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.drawer-overlay.show,.topbar .hamburger{display:block}.content{padding:1.1rem}}.page-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.3rem}.page-head h1{color:var(--navy);font-size:1.5rem;font-weight:800}.page-head .sub{color:var(--steel);font-size:.9rem;margin-top:3px}.section-title{color:var(--navy);font-size:1.12rem;font-weight:700;margin:.5rem 0 1rem}.grid{display:grid;gap:1.1rem}.grid-kpi{grid-template-columns:repeat(2,1fr)}@media(min-width:620px){.grid-kpi{grid-template-columns:repeat(4,1fr)}}@media(min-width:1100px){.grid-kpi.kpi-5{grid-template-columns:repeat(5,1fr)}}.grid-main{grid-template-columns:1fr}@media(min-width:980px){.grid-main{align-items:start;grid-template-columns:1.6fr 1fr}}.item-grid{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:760px){.item-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1180px){.item-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.1rem;padding:1.2rem}.card.flush{margin-bottom:0}.card-header{align-items:center;color:var(--navy);display:flex;font-weight:700;gap:.5rem;justify-content:space-between;margin-bottom:.8rem}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:1.2rem;position:relative}.kpi:before{background:var(--navy);bottom:0;content:"";inset-inline-start:0;position:absolute;top:0;width:4px}.kpi .value{color:var(--navy);font-size:1.9rem;font-weight:800;line-height:1.1}.kpi .label{color:var(--steel);font-size:.82rem;margin-top:4px}.kpi .ico{font-size:1.4rem;inset-inline-end:1rem;opacity:.25;position:absolute;top:1rem}.kpi.k-green:before{background:var(--green)}.kpi.k-green .value{color:var(--green)}.kpi.k-amber:before{background:var(--amber)}.kpi.k-amber .value{color:var(--amber)}.item{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:.9rem;margin-bottom:.9rem;padding:.9rem 1.1rem;transition:transform .12s,box-shadow .12s}.item-grid .item{margin-bottom:0}.item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.avatar{align-items:center;background:#20335914;border-radius:14px;color:var(--navy);display:flex;flex:0 0 auto;font-size:1.3rem;font-weight:700;height:52px;justify-content:center;width:52px}.avatar.active{background:#1f9d5724;color:var(--green)}.avatar.registered{background:#3a5ac81f;color:#3a5ac8}.avatar.lead{background:#cf8b1626;color:var(--amber)}.item-body{flex:1 1 auto;min-width:0}.item-title{color:var(--navy);font-weight:700}.item-sub{color:var(--steel);font-size:.82rem;margin-top:2px}.item-trail{align-items:flex-end;display:flex;flex-direction:column;gap:5px;text-align:end}.points{color:var(--navy);font-size:.9rem;font-weight:700}.badge{border-radius:8px;color:#fff;font-size:.72rem;font-weight:600;padding:.22rem .55rem;white-space:nowrap}.badge.b-active{background:var(--green)}.badge.b-interview,.badge.b-lead{background:var(--amber)}.badge.b-registered{background:var(--steel)}.badge.b-archived,.badge.b-suspended{background:#8c8c8c}.btn{border:0;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.15rem;transition:filter .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(1.05)}.btn-primary{background:var(--navy);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-outline{background:#fff;border:1px solid #e0b4b0;color:var(--red)}.btn-ghost{background:#eef1f6;color:var(--navy)}.btn-block{width:100%}.field{margin-bottom:1rem}.field label{color:var(--navy);display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem}.field input,.field select{background:#fff;border:1px solid var(--line);border-radius:12px;font-size:1rem;padding:.7rem .85rem;transition:border-color .15s;width:100%}.field input:focus,.field select:focus{border-color:var(--navy-700);outline:none}.form-grid{display:grid;gap:0 1rem;grid-template-columns:1fr}@media(min-width:640px){.form-grid.two{grid-template-columns:1fr 1fr}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-bottom:2px solid var(--line);color:var(--steel);font-size:.82rem;font-weight:600;padding:.55rem .5rem;text-align:start}td{border-top:1px solid var(--line);font-size:.9rem;padding:.6rem .5rem}tbody tr:hover{background:#f7f9fc}.hero{background:linear-gradient(135deg,var(--navy-grad-top) 0,var(--navy-800) 70%);border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;margin-bottom:1.2rem;overflow:hidden;padding:1.4rem 1.6rem;position:relative}.hero:after{background:radial-gradient(circle,hsla(0,0%,100%,.12),transparent 70%);content:"";height:180px;inset-inline-end:-40px;position:absolute;top:-40px;width:180px}.hero .hero-back{color:#fff;font-size:1.4rem;inset-inline-start:1rem;opacity:.9;position:absolute;top:1.2rem}.hero .hero-title{font-size:1.3rem;font-weight:800}.hero .hero-sub{color:#cdd7ec;font-size:.88rem;margin-top:4px}.hero .hero-actions{display:flex;gap:.5rem;inset-inline-end:1.2rem;position:absolute;top:1.2rem}.hero .hero-actions .ico-btn{background:#ffffff2e;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;height:40px;width:40px}.hero .hero-actions .ico-btn:hover{background:#ffffff4d}.hero-pill{border-radius:999px;display:inline-block;font-size:.74rem;font-weight:700;margin-top:8px;padding:.2rem .8rem}.hero-pill.present{background:var(--green);color:#fff}.hero-pill.absent{background:var(--red);color:#fff}.hero-pill.pending{background:#ffffff40;color:#fff}.hero-kpis{display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);margin:1.2rem 0}.hero-kpis .k{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.9rem .5rem;text-align:center}.hero-kpis .k .v{color:var(--navy);font-size:1.5rem;font-weight:800}.hero-kpis .k .l{color:var(--steel);font-size:.74rem;margin-top:2px}.stat-row{display:grid;gap:.7rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.1rem}@media(max-width:520px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.8rem .4rem;text-align:center}.stat .v{color:var(--navy);font-size:1.25rem;font-weight:800}.stat .l{color:var(--steel);font-size:.72rem;margin-top:2px}.tabs{display:flex;gap:.5rem;margin-bottom:1.1rem;overflow-x:auto;padding-bottom:.3rem}.tabs button{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--steel);cursor:pointer;flex:0 0 auto;font-size:.88rem;font-weight:600;padding:.5rem 1.1rem;white-space:nowrap}.tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.segtabs{background:#e9edf4;border-radius:12px;display:flex;gap:.35rem;margin-bottom:1.2rem;overflow-x:auto;padding:.3rem}.segtabs button{background:transparent;border:0;border-radius:9px;color:var(--steel);cursor:pointer;flex:1 0 auto;font-size:.85rem;font-weight:700;padding:.55rem .9rem;white-space:nowrap}.segtabs button.active{background:#fff;box-shadow:var(--shadow);color:var(--navy)}.stepper{align-items:center;display:flex;gap:.4rem}.stepper button{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--navy);cursor:pointer;font-size:1.2rem;font-weight:700;height:38px;width:38px}.stepper button:hover{background:#f2f5fa}.stepper input{border:1px solid var(--line);border-radius:10px;font-size:1rem;padding:.5rem 0;text-align:center;width:60px}.checkrow{align-items:center;color:var(--navy);display:flex;font-weight:600;gap:.55rem;margin:.2rem 0 1.1rem}.checkrow input{height:20px;width:20px}.toolrow{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem}.toolbtn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);color:var(--navy);cursor:pointer;display:flex;font-weight:600;gap:.45rem;padding:.6rem 1rem}.toolbtn:hover{background:#f7f9fc}.toolbtn .ico{font-size:1.15rem}@font-face{font-display:swap;font-family:UthmanicHafs;font-style:normal;font-weight:400;src:url(../fonts/uthmanic_hafs_v20.ttf) format("truetype")}.mushaf{background:#fcfbf7;border:1px solid #ece7d8;border-radius:14px;color:#1c2b4a;direction:rtl;font-family:UthmanicHafs,Traditional Arabic,serif;font-size:1.9rem;line-height:2.9;padding:1.6rem 1.4rem;text-align:center}.mushaf .ayah{display:inline}.mushaf .word{border-radius:6px;cursor:pointer;padding:0 .1em;transition:background .1s}.mushaf .word:hover{background:#f0ead7}.mushaf .word.err{background:#c0392b29;box-shadow:inset 0 -3px 0 var(--red);color:var(--red)}.mushaf .ayah-no{color:#b08d3c;font-family:UthmanicHafs,serif;font-size:1.05rem;margin:0 .15em}.mushaf-legend{color:var(--steel);display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem;margin:.7rem 0}@media(max-width:600px){.mushaf{font-size:1.55rem;line-height:2.6;padding:1.1rem}}.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);color:var(--steel);padding:2.5rem 1rem;text-align:center}.alert{background:#1f9d571f;border-radius:12px;color:#166f3e;margin-bottom:1.1rem;padding:.8rem 1.1rem}.alert.error{background:#c0392b1a;color:var(--red)}.center-screen{align-items:center;background:radial-gradient(circle at 30% 20%,#e9eef7,var(--bg));display:flex;justify-content:center;min-height:100vh;padding:1.2rem}.login-card{max-width:400px;width:100%}.login-logo{display:block;height:92px;margin:0 auto 1.4rem}.error-text{color:var(--red);font-size:.85rem;margin-top:.4rem}.bottomnav{display:none}.kpi-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.3rem}@media(min-width:620px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.bayan-page{display:block}.text-center{text-align:center}.narrow{margin:0 auto;max-width:680px}.listen-btn{background:#20335914;border-radius:8px;color:var(--navy);display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .6rem;white-space:nowrap}.listen-btn:hover{background:#20335929}