@font-face{font-family:Manrope;src:url('/assets/manrope-latin-400-normal.woff2')}@font-face{font-family:Manrope;src:url('/assets/manrope-latin-700-normal.woff2');font-weight:700}@font-face{font-family:Arabic;src:url('/assets/ibm-plex-sans-arabic-arabic-400-normal.woff2')}:root{--navy:#08152c;--gold:#d8b46a;--ink:#17223c;--muted:#758099;--line:#e8e3da;--paper:#f4f1eb;--green:#17865e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Manrope,Arabic,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:9px;cursor:pointer;font-weight:700;white-space:nowrap}button:hover,.button:hover{background:#213d69}.secondary{background:white;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#f2eee5;color:var(--ink)}:focus-visible{outline:3px solid #3678b9;outline-offset:3px}input,select,textarea{background:white;border:1px solid #dcdde2;border-radius:8px;padding:10px 12px;color:var(--ink);min-width:0;width:100%}input[type=date]{min-height:45px}label{display:flex;flex-direction:column;gap:7px;font-weight:700}label small{font-weight:400}h1,h2,p{margin:0 0 12px}h1{font-size:29px;line-height:1.25;letter-spacing:-.7px}h2{font-size:18px;letter-spacing:-.35px}.muted,small{color:var(--muted)}small{font-size:11px}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#9c782f}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:254px;background:var(--navy);color:#c5cddd;padding:25px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:700;font-size:18px;padding:0 3px 26px;border-bottom:1px solid #27344b;letter-spacing:1px}.brand img{width:43px;height:43px;object-fit:contain}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px}.nav-label{font-size:10px;letter-spacing:1.8px;margin:25px 10px 10px;color:#6f809d}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;padding:11px 13px;border-radius:8px;border-inline-start:3px solid transparent}.sidebar nav a:hover{background:#162541}.sidebar nav a.active{background:#25303c;border-color:var(--gold);color:white}.sidebar nav a span{color:#9cadc8}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;background:#122442;padding:12px;border-radius:12px;color:white}.sidebar-bottom small{display:block}.avatar{display:flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);font-weight:700}body>main{margin-inline-start:254px;padding:30px 32px;min-height:100vh}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.topbar p{margin-bottom:5px}.header-controls,.toolbar,.inline,.section-head{display:flex;align-items:center;gap:12px}.toolbar,.section-head{justify-content:space-between}.toolbar{margin-bottom:23px}.inline input{max-width:220px}.toolbar select{min-width:190px}.badge{display:inline-block;background:#edf0f5;color:#53617a;border-radius:6px;font-size:10px;font-weight:700;padding:5px 9px;letter-spacing:.4px}.badge.amber{background:#fff0d4;color:#a16b0e}.badge.green{background:#dff4ea;color:#167250}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:22px;box-shadow:0 1px 2px #18253d03}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi{display:flex;flex-direction:column}.kpi strong{font-size:36px;letter-spacing:-1.5px;line-height:1.7}.kpi-rule{height:4px;background:linear-gradient(90deg,#264778 65%,#ecf0f7 65%);border-radius:3px;margin-top:20px}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.division-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px}.division-grid small{display:block;margin-inline-start:18px;margin-top:4px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:10px}.d0{background:#2fa36b}.d1{background:#e4573d}.d2{background:#8b5cf6}.d3{background:#e0457b}.d4{background:#14b8c8}.d5{background:#4c74ff}.attention{padding-inline-start:20px;color:#59647a}.attention li{margin:16px 0}.status-list{display:grid}.status-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:13px 0}.status-list>div:last-child{border:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:13px}th{text-align:start;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #efede8;vertical-align:middle}td small{display:block;margin-top:5px}td .inline{gap:6px}td input{font-size:11px}td button{font-size:11px;padding:8px 10px}td a{color:#9a722b;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.form-end{display:flex;align-items:end}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.pipeline>div{padding:14px;background:#f5f3ee;border-radius:9px;border-top:3px solid var(--gold)}.pipeline strong{display:block;font-size:24px}.pipeline span{font-size:12px;color:#6f778a}.campaign{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#0f2442;color:white}.campaign p{color:#bac8db}.campaign .eyebrow{color:var(--gold)}.campaign-count strong{font-size:48px;white-space:nowrap}.campaign-count span{font-size:23px;color:#8294ae}.campaign-count small{display:block;color:#b0bed1}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-card{background:radial-gradient(ellipse at top right,#294e59,#10283d 60%);border:1px solid #bda363;border-radius:20px;padding:26px;color:white;margin-bottom:20px;box-shadow:0 12px 28px #08152c18}.member-card.expired{opacity:.7}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}.card-head img{width:42px}.card-head small{display:block;font-size:8px;color:var(--gold)}.card-head>span{margin-inline-start:auto;font-size:8px;color:var(--gold)}.member-card .eyebrow{color:var(--gold);margin-bottom:10px}.member-card h2{font-size:23px}.card-lower{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:20px}.card-lower small,.card-lower b,.card-lower a{display:block}.card-lower small{margin-top:12px;font-size:8px;color:#b5c2d0}.card-lower a{font-size:11px;color:var(--gold);margin-top:12px}.qr{padding:8px;background:#fff;border-radius:6px;width:104px;flex-shrink:0}.qr svg{display:block;width:100%;height:auto}.empty{text-align:center;padding:50px}.notice{padding:14px;border-radius:8px;margin-bottom:20px}.success{background:#e0f2e9;color:#155939}summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:18px}.message{border-bottom:1px solid var(--line);padding:16px 0}footer{font-size:11px;color:#8b91a0;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-brand{background:var(--navy);color:white;padding:13vh 11%;display:flex;flex-direction:column;justify-content:center}.login-brand img{width:75px;margin-bottom:35px}.login-brand h1{font-size:48px;line-height:1.2;margin-bottom:25px}.login-brand>p{color:#b5c3d9}.login-brand .eyebrow{color:var(--gold)}.division-list{color:var(--gold);font-size:12px;line-height:2;margin-top:50px}.login-page>main.login-panel{margin:0;padding:15vh 15%;display:flex;flex-direction:column;justify-content:center}.login-panel .badge{align-self:start;margin-bottom:25px}.login-panel form{display:grid;gap:20px;margin:25px 0}.center-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:30px}.center-page>.panel{max-width:540px;width:100%;padding:38px}.verification-emblem{display:block;width:65px;margin-bottom:25px}.center-page .badge{margin-bottom:20px}.center-page .button{margin:15px 15px 0 0}
@media(max-width:1200px){.sidebar{width:220px}body>main{margin-inline-start:220px;padding:25px 20px}.two-columns{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:1fr}.login-brand h1{font-size:39px}.login-page>main.login-panel{padding:50px 10%}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:18px}.brand{padding-bottom:15px}.sidebar nav{display:flex;overflow:auto;margin-top:12px}.sidebar nav a{white-space:nowrap}.nav-label,.sidebar-bottom{display:none}body>main{margin:0;padding:22px 16px}.topbar{align-items:start}.topbar h1{font-size:24px}.header-controls{gap:5px}.header-controls button{padding:7px 10px;font-size:11px}.toolbar{align-items:start;flex-direction:column}.toolbar form{width:100%}.toolbar select{flex:1;min-width:0}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.kpi-grid{gap:10px}.kpi{padding:16px}.kpi strong{font-size:30px}.pipeline{gap:4px}.pipeline>div{padding:10px 6px}.pipeline span{font-size:9px}.campaign{gap:12px}.campaign-count strong{font-size:31px}.campaign p{font-size:12px}.card-head>span{display:none}.login-page{display:block}.login-brand{padding:35px;min-height:260px}.login-brand img{width:42px;margin-bottom:10px}.login-brand h1{font-size:31px;margin-bottom:10px}.login-brand .division-list{display:none}.login-page>main.login-panel{padding:35px 28px;min-height:0}.status-list>div{align-items:start;flex-direction:column;gap:5px}}