@font-face{font-family:Plex;src:url('/fonts/arabic-400.ttf')}@font-face{font-family:Plex;src:url('/fonts/arabic-600.ttf');font-weight:600}*{box-sizing:border-box}body{font-family:Plex,Arial;background:#f5f7fa;color:#243849;margin:0}aside{position:fixed;right:0;top:0;bottom:0;width:250px;background:white;padding:24px;overflow:auto;border-left:1px solid #e4ecee}.logo{width:130px;max-height:88px;object-fit:contain}aside p{font-size:12px;color:#73848e}nav a{display:block;text-decoration:none;color:#536575;padding:9px 12px;border-radius:8px;font-size:14px}nav a:hover,.selected{background:#e8f9f6;color:#047e83!important}main{margin-right:250px;padding:36px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h1{font-size:30px;margin:5px 0}h2{font-size:21px}.eyebrow{color:#0d969a;font-size:13px}.badge{background:#e5f4f1;color:#178678;padding:5px 13px;border-radius:30px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat,.panel{background:white;padding:24px;border:1px solid #e3ebed;border-radius:16px;margin-bottom:22px}.stat b{display:block;font-size:34px;color:#0d969a}.stat span{color:#6a7f89}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;color:#7b8d95;font-weight:600}td,th{padding:12px;border-bottom:1px solid #edf1f3;vertical-align:top}label{display:block;font-size:13px;color:#617480;margin-bottom:10px}input,select,textarea{font:inherit;border:1px solid #d5e2e6;border-radius:8px;padding:9px;width:100%;background:white;color:#233f49}textarea{min-height:65px}button,.button{font:inherit;display:inline-block;border:0;background:#009d9c;color:white;border-radius:8px;padding:9px 16px;cursor:pointer;text-decoration:none}.secondary{background:#eaf3f5;color:#29757c}form{margin:8px 0}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.notice{background:#e5f8f0;padding:16px;border-radius:8px}.error{background:#fff0ef;color:#ac3d36;padding:15px}.small{color:#81909a;font-size:12px}.login{display:grid;min-height:100vh;place-items:center;background:linear-gradient(140deg,#e9f7f6,#edf3fc)}.login section{width:min(450px,90vw);padding:38px;background:white;border-radius:22px}.login p{color:#7a8c95}.login button{width:100%;margin-top:10px}details{margin:10px 0}summary{cursor:pointer;color:#148b91}code{direction:ltr;display:inline-block;font-size:12px}.pagination svg{width:20px}.panel{overflow:auto}a{color:#008d98}pre{white-space:pre-wrap;max-width:350px;font-size:11px}@media(max-width:900px){aside{position:static;width:100%}nav{display:flex;overflow:auto}nav a{white-space:nowrap}main{margin:0;padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}}

/* Eini editorial identity — coordinated with the project presentation */
:root{--ink:#28214e;--purple:#7663cf;--paper:#f8f5f0;--line:#e6e0ec;--muted:#716985;--apricot:#ffb58b}body{background:var(--paper);color:var(--ink)}aside{width:260px;background:var(--ink);border:0;padding:28px 20px}aside .logo{background:white;border-radius:16px;padding:8px;width:145px}aside p{color:#c5bedb;margin:18px 4px 24px}nav a{color:#d8d2e8;padding:10px 14px;border-radius:12px;margin:3px 0;transition:background .15s}nav a:hover,nav a.selected{background:#413565;color:#ffb58b!important}aside .secondary{background:#443966;color:#ece5ff;width:100%;margin-top:14px}main{margin-right:260px;padding:34px 42px}header{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}h1{font-size:32px;letter-spacing:-.6px}h2{color:var(--ink)}.eyebrow{color:var(--purple)}.badge{background:#ede7fb;color:#5e4da5;border:1px solid #e0d7f6}.welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;background:var(--ink);color:white;border-radius:28px;padding:38px;margin-bottom:28px;overflow:hidden}.welcome h2{color:white;font-size:42px;line-height:1.55;margin:8px 0 12px}.welcome p{color:#d4cce5;max-width:430px;line-height:1.9}.kicker{color:var(--apricot);font-size:13px}.welcome img{width:100%;height:285px;object-fit:cover;border-radius:24px}.welcome .button{background:var(--apricot);color:var(--ink);font-weight:600;margin-top:14px}.hero-link{display:inline-block;color:white;padding:12px;text-decoration:none;font-size:13px}.stats{gap:16px}.stat,.panel{border:1px solid var(--line);border-radius:22px;box-shadow:0 7px 25px #28214e04}.stat{padding:22px;border-top:3px solid #b6a8e5}.stat b{color:var(--ink);font-size:30px;margin-top:12px}.stat span{color:var(--muted);font-size:13px}.stat:nth-child(3){background:#ede7fb;border-color:#ded3f4}.panel{padding:28px}.panel h2{margin-top:0}th{background:#f6f2fa;color:#716985}td,th{padding:15px;border-color:#ece6f0}tbody tr:hover{background:#faf7fd}input,select,textarea{border-color:#ddd5e8;color:var(--ink);border-radius:12px;padding:11px}input:focus,select:focus,textarea:focus{outline:2px solid #b6a8e5;outline-offset:2px}label{color:var(--muted)}button,.button{background:var(--purple);border-radius:12px;padding:10px 18px}.secondary{background:#ede7fb;color:#5c4b9e}a,summary{color:#6754b5}.notice{background:#ede7fb;color:#4e3f8a}.login{background:radial-gradient(ellipse at 15% 20%,#ede7fb,transparent 55%),var(--paper)}.login section{width:min(520px,92vw);border:1px solid var(--line);box-shadow:0 22px 80px #28214e10;padding:38px;border-radius:28px}.login section:before{content:'';display:block;height:180px;margin:-12px -12px 24px;background:url('/illustrations/practitioner.png') center 45%/cover;border-radius:20px}.login h1{font-size:27px}.login p{color:var(--muted)}.small{color:var(--muted)}@media(min-width:1450px){main{padding:42px 54px}.welcome img{height:320px}.welcome h2{font-size:48px}}@media(max-width:1000px){main{padding:26px}.welcome{padding:26px}.welcome h2{font-size:32px}}@media(max-width:900px){aside{width:100%;padding:16px;position:static}aside .logo{width:105px}aside p{margin:10px}nav{gap:4px}main{margin:0}.welcome{grid-template-columns:1fr}.welcome img{height:220px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main{padding:18px}.welcome{padding:24px}.welcome h2{font-size:30px}.stats{gap:10px}.stat{padding:16px}.stat b{font-size:24px}.panel{padding:18px}.login section{padding:28px}}

.nav-group{display:block;color:#afa1de;font-size:11px;padding:18px 15px 6px;font-weight:600} aside{overflow-y:auto;height:100vh} details{margin:8px 0} .panel>form{max-width:720px}

@media(max-width:900px){aside{height:auto;max-height:45vh}nav{display:block;max-height:180px;overflow:auto}.nav-group{padding:8px 10px 4px}nav a{display:inline-block;font-size:12px}}

nav.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}nav.pagination a,nav.pagination span{display:inline-flex;width:auto;padding:7px 12px;font-size:12px;border-radius:8px;margin:0;color:var(--muted)}nav.pagination a{border:1px solid var(--line)}nav.pagination .current{background:var(--purple);color:white}
