@font-face{font-family:Study;src:url('/fonts/NotoSansArabic-Regular.ttf?v=d6efa4c9fac8ecef') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Study;src:url('/fonts/NotoSansArabic-Bold.ttf?v=457926cb001ac787') format('truetype');font-weight:700;font-display:swap}:root{--a-ink:#193e46;--a-muted:#627d82;--a-teal:#15786f;--a-gold:#d6b975;--a-line:#dfe9e7}*{box-sizing:border-box}body{margin:0;font:16px/1.9 Study,Tahoma,sans-serif;color:var(--a-ink);background:#f3f7f6}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--a-teal)}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #52b4a4;outline-offset:4px}.account-primary,.account-secondary,.account-danger{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:11px 22px;text-decoration:none;border:1px solid transparent;border-radius:11px;font-size:15px;font-weight:700;line-height:1.8}.account-primary{background:#176e65;color:#fff}.account-primary:hover{background:#105b53}.account-secondary{color:#246b65;border-color:#c6dcd7;background:#f3f9f7}.account-danger{color:#a63d48;background:#fff6f6;border-color:#ebc9ce}.account-brand{font-size:34px;font-weight:700;text-decoration:none;color:#164c50;display:flex;align-items:center;gap:15px;white-space:nowrap}.account-brand span{font-size:14px;font-weight:400;border-inline-start:1px solid #b7d0cb;padding-inline-start:15px;color:#577b7c;line-height:1.6}
.entrance-page{overflow-x:clip;background:#123c45;background-image:radial-gradient(ellipse at 9% 12%,#2d847559 0,transparent 47%),radial-gradient(ellipse at 92% 90%,#b9984830 0,transparent 42%),linear-gradient(130deg,#10383f,#164d51 53%,#102f39);min-height:100vh;min-height:100dvh;isolation:isolate}
.entrance-page::before,.entrance-page::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:clamp(300px,48vw,760px);aspect-ratio:1;border:1px solid #d5bb7924;border-radius:50%}
.entrance-page::before{inset-block-start:-25%;inset-inline-end:-13%;box-shadow:0 0 0 65px #e2f0eb05,0 0 0 130px #e2f0eb04}
.entrance-page::after{inset-block-end:-39%;inset-inline-start:-16%;width:clamp(320px,58vw,880px);border-color:#acd8d222;box-shadow:0 0 0 75px #acd8d207}
.entrance-layout{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 24px}
.entrance-form{width:min(100%,520px);min-width:0;padding:36px 40px 29px;border:1px solid #ffffffa6;border-top:3px solid var(--a-gold);border-radius:24px;background:#fcfefd;box-shadow:0 28px 85px #041c3652,0 5px 18px #041c3521}
.entrance-form .account-brand{justify-content:center;margin-bottom:27px;padding-bottom:23px;border-bottom:1px solid var(--a-line);font-size:38px}
.entrance-intro{text-align:center;margin-bottom:29px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;color:#89723d}
.entrance-intro h1{font-size:32px;line-height:1.65;margin:10px 0 8px;color:#173f45}
.entrance-intro p{font-size:16px;color:#667e81;margin:0;line-height:2}
.signin-button{width:100%;min-height:56px;justify-content:center;text-align:center}
.entrance-form .signin-button{box-shadow:0 5px 15px #176e6515}
.entrance-form #account-content>.account-secondary{width:100%;margin-top:12px}
.login-note{font-size:14px;color:#617a78;line-height:2;text-align:center;margin:18px 0 24px}
.approval-note{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--a-line);padding-top:20px}
.approval-note span{font-size:12px;color:#8c774a;background:#f4edda;border:1px solid #e9dec1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}
.approval-note p{font-size:12px;margin:0 0 0 6px;color:#617d7b}
.approval-note p:last-child{margin:0}
.entrance-footnote{font-size:12px;color:#7c908b;margin:26px 0 0;line-height:1.9;text-align:center}
.account-loading-text{color:#6c8885;font-size:15px;text-align:center}
.entrance-form .account-inline-links{justify-content:center}
.entrance-form:has(#register-form){width:min(100%,620px)}
.welcome-account{display:flex;align-items:center;gap:16px;margin:0 0 22px}.account-avatar{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#e2f0ec;color:#27796e;border:2px solid #c6dcd0;font-size:27px;font-weight:700}.welcome-account strong{display:block;font-size:21px}.welcome-account small,.welcome-account span:not(.account-avatar){display:block;color:#6b8987;font-size:14px}.membership-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:19px 0;margin-bottom:20px;border-bottom:1px solid var(--a-line)}.membership-strip small{display:block;font-size:13px;color:#77908b}.membership-strip strong{font-size:17px}.membership-strip>span:last-child{font-size:14px}.status-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:30px;background:#eef2f2;color:#627975;white-space:nowrap;font-size:13px}.status-pill.pending{background:#fbf2dc;color:#967329}.status-pill.approved{background:#e1f2eb;color:#2c795d}.status-pill.suspended,.status-pill.rejected{background:#fbeaec;color:#a34755}.account-inline-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px;font-size:14px}.account-text-link{display:inline-block;margin-top:17px;font-size:14px}.pending-message{background:#f5f8f6;border:1px solid #e1eae6;border-radius:13px;padding:20px}.pending-message h2{font-size:20px;margin:0 0 9px}.pending-message p{font-size:15px;color:#637c77}.registration-heading h2{font-size:24px;margin:0}.registration-heading p{font-size:14px;color:#69847c;margin:6px 0 22px}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.entrance-form .account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entrance-form:has(#register-form) .entrance-intro{display:none}.entrance-form:has(#register-form) .account-brand{margin-bottom:30px}label{display:block;font-size:15px;color:#375a5b}input,select,textarea{display:block;width:100%;min-height:47px;margin:8px 0 0;border:1px solid #ceded8;border-radius:10px;background:#fff;color:#204d4c;padding:11px 13px;font-size:16px}textarea{min-height:130px;resize:vertical;line-height:1.9}input[type=file]{font-size:14px;padding:10px}label small{display:block;font-size:12px;color:#738e86;margin-top:8px}.form-error{color:#b23e4d;font-size:14px;min-height:8px;white-space:pre-wrap}.form-actions{display:flex;gap:13px;align-items:center;margin-top:25px}.save-message{font-size:14px;color:#397d67}.account-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px clamp(22px,5vw,75px);background:white;border-bottom:1px solid #e0eae6}.account-header .account-brand{font-size:31px}.account-header nav{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.account-header nav a{text-decoration:none}.account-main{max-width:940px;margin:0 auto;padding:40px 25px 60px}.admin-main{max-width:1280px}.page-heading{margin-bottom:30px}.page-heading h1{font-size:31px;margin:8px 0}.page-heading p{font-size:16px;color:#728781;margin:0}.account-panel{border:1px solid #dce7e2;border-radius:17px;background:#fff;padding:30px;margin-bottom:23px;box-shadow:0 5px 20px #184e3c05}.account-panel h2{font-size:22px;margin:0 0 17px}.profile-photo-row{display:flex;align-items:center;gap:25px;margin-bottom:28px}.profile-photo-row .account-avatar{width:96px;height:96px;font-size:38px}.profile-photo-row label{flex:1}.verified-email{margin-top:25px;font-size:14px;color:#6b817b;line-height:2}.membership-features{display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;margin:0;padding-inline-start:23px;font-size:16px}.membership-features li::marker{color:#4d9e78}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:30px}.admin-stats>div{background:white;border:1px solid #dde8e1;border-top:3px solid #579d82;padding:21px;border-radius:14px}.admin-stats>div:first-child{border-top-color:#d0af68}.admin-stats span{font-size:14px;color:#6e8980}.admin-stats strong{display:block;font-size:34px;font-weight:700;line-height:1.5}.admin-tabs{display:flex;gap:9px;border-bottom:1px solid #d4e2da;margin-bottom:25px;padding-bottom:13px}.admin-tabs button,.account-filters button{background:transparent;border:1px solid transparent;padding:10px 16px;border-radius:9px;font-size:14px;color:#668578}.admin-tabs button.active{background:#1b6c5a;color:white}.account-filters{display:flex;gap:4px;flex-wrap:wrap}.account-filters button.active{background:#e1ece3;border-color:#c1d6c4;color:#295d45}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:23px}.admin-toolbar p{font-size:15px;color:#6e847b;margin:0}.admin-users{display:grid;gap:18px}.admin-user-card{background:white;border:1px solid #dce8df;border-radius:16px;padding:25px}.admin-user-heading{display:flex;align-items:center;gap:16px}.admin-user-heading h2{font-size:20px;margin:0}.admin-user-heading p{font-size:14px;color:#759083;margin:3px 0}.admin-user-heading>div>span{font-size:14px;color:#6b8579;overflow-wrap:anywhere;display:block}.admin-user-heading>.status-pill{margin-inline-start:auto}.admin-user-heading .account-avatar{width:55px;height:55px;font-size:24px}.admin-user-contact{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;color:#6a8075;margin:18px 0}.admin-user-settings{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:650px}.admin-user-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #e4ede6;padding-top:20px;margin-top:23px}.admin-user-actions .account-danger{margin-inline-start:auto}.admin-owner-note{font-size:14px;color:#788d80}.account-empty{border:1px dashed #c2d8c8;border-radius:14px;background:#fafffb;padding:40px;text-align:center;color:#6c8a76;font-size:16px}.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.membership-card{display:flex;align-items:start;flex-direction:column;border:1px solid #dce7df;border-radius:17px;padding:25px;background:white}.membership-card h2{font-size:22px;margin:20px 0 6px}.membership-card p{font-size:14px;color:#768a7b;margin:0}.membership-card ul{padding-inline-start:21px;font-size:15px;line-height:2.1;margin-bottom:25px}.membership-card button{margin-top:auto}dialog{width:min(720px,94vw);max-height:90dvh;overflow:auto;border:0;border-radius:20px;padding:30px;color:var(--a-ink);box-shadow:0 30px 100px #113f2e30}dialog::backdrop{background:#193f3b85;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:0 0 20px}dialog p{font-size:14px;color:#728575}dialog form>label{margin-bottom:20px}fieldset{border:1px solid #dbe8df;border-radius:12px;margin:20px 0;padding:17px}legend{font-size:15px}.checkbox-field{display:flex;gap:10px;align-items:center;margin-bottom:11px;font-size:15px}.checkbox-field input{width:19px;min-height:19px;height:19px;margin:0;accent-color:#297b59}#account-toast{position:fixed;bottom:22px;left:22px;max-width:calc(100vw - 44px);padding:15px 23px;border-radius:12px;background:#174f42;color:#fff;z-index:100;box-shadow:0 6px 30px #12372630;font-size:15px}[hidden]{display:none!important}@media(max-width:1000px){.membership-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.entrance-layout{padding:28px 18px}.entrance-form{padding:30px 25px 25px;border-radius:21px}.entrance-form .account-brand{font-size:34px;margin-bottom:23px;padding-bottom:21px}.entrance-intro h1{font-size:29px}.entrance-intro p{font-size:15px}.entrance-form .account-form-grid{grid-template-columns:1fr}.entrance-footnote{margin-top:23px}
.account-header{padding:17px 20px;flex-wrap:wrap;gap:12px}.account-header nav{gap:18px;font-size:13px}.account-header .account-brand{font-size:28px}.account-main{padding:28px 18px 45px}.account-panel{padding:22px 18px}.account-form-grid{grid-template-columns:1fr;gap:17px}.profile-photo-row{align-items:start;gap:17px}.profile-photo-row .account-avatar{width:75px;height:75px;font-size:30px}.membership-features{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr;gap:10px}.admin-stats>div{padding:17px}.admin-stats strong{font-size:29px}.admin-tabs button{padding:10px;font-size:14px}.admin-user-card{padding:20px 17px}.admin-user-heading{flex-wrap:wrap;gap:12px}.admin-user-heading>.status-pill{margin-inline-start:0}.admin-user-contact{gap:8px;flex-direction:column}.admin-user-settings{grid-template-columns:1fr}.admin-user-actions{gap:8px}.admin-user-actions button{font-size:13px;padding:10px 12px}.membership-grid{grid-template-columns:1fr}.account-filters button{font-size:13px;padding:8px 10px}.page-heading h1{font-size:27px}.account-avatar{width:60px;height:60px}dialog{padding:23px 19px}.account-brand{font-size:30px}.account-brand span{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:380px){.entrance-layout{padding:20px 12px}.entrance-form{padding:28px 20px 23px}.approval-note{gap:6px}.approval-note p{margin-inline-end:2px}.approval-note span{width:21px;height:21px;font-size:11px}.signin-button{padding-inline:12px;font-size:14px}}
/* Shared password controls in profile and administration forms. */
.account-page .password-field{position:relative}.account-page .password-field input{padding-inline-end:64px}.account-page .password-toggle{position:absolute;inset-inline-end:5px;top:5px;min-height:38px;padding:8px;border:0;background:none;color:#247c78;font-size:13px}.account-page .text-button{border:0;background:none;color:#167985;font-size:14px;padding:0;text-decoration:underline}