*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fc;color:#14213a;font-family:Tajawal,"Segoe UI",Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1240px,calc(100% - 32px));margin:auto}.top{height:76px;background:#fff;border-bottom:1px solid #e2e9f3;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100vw - 1240px)/2))}.brand{display:flex;align-items:center;gap:10px}.brand img,.logo{width:48px;height:48px;border-radius:14px;object-fit:contain}.logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;font-size:23px;font-weight:900}.brand b,.brand small{display:block}.brand small{font-size:10px;color:#68768d}.top nav{display:flex;gap:5px}.top nav a{padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700}.top nav a:hover{background:#edf3fb;color:var(--primary)}.top-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800;cursor:pointer}.btn.small{min-height:38px;padding:0 15px;font-size:13px}.btn.ghost{background:#edf3fb;color:var(--primary)}.btn.gold{background:var(--accent);color:#17213a}.btn.danger{background:#fff0f0;color:#ad3030;border:1px solid #f0c7c7}.btn.full{width:100%}.hero{min-height:460px;margin:24px auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(35px,6vw,75px);border-radius:32px;color:#fff;background:radial-gradient(circle at 12% 10%,#d7ad4540,transparent 30%),linear-gradient(120deg,var(--secondary),var(--primary));box-shadow:0 30px 80px #071d4338}.hero-content{max-width:720px}.eyebrow{color:#ffe69f;font-weight:900}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.2;margin:14px 0}.hero p{font-size:20px;line-height:1.9;color:#e8eef8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-art{width:300px;height:300px;border:1px solid #ffffff2b;background:#ffffff17;border-radius:35px;display:grid;place-items:center;font-size:90px;background-position:center;background-size:cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.stat{background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:20px;text-align:center}.stat b,.stat span{display:block}.stat b{font-size:25px;color:var(--primary)}.stat span{font-size:13px;color:#68768d}.section{padding:30px 0}.section-head,.page-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}.section-head h2,.page-title h2{margin:0;font-size:28px}.section-head p,.page-title p{margin:6px 0 0;color:#68768d}.section-head>a{color:var(--primary);font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e2e9f3;border-radius:20px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 55px #0d2d5b1a}.cover{height:190px;background:linear-gradient(135deg,#dce7f7,#9eb8df);background-size:cover;background-position:center;padding:14px}.badge,.status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.badge{background:#071d43dd;color:#fff}.card-body{padding:18px}.card-body h3{margin:0 0 9px}.card-body p{color:#68768d;line-height:1.75}.card-meta{display:flex;justify-content:space-between;color:var(--primary);font-size:13px;font-weight:800}.empty{background:#fff;border:1px dashed #bbc8da;padding:35px;text-align:center;border-radius:18px;color:#68768d;grid-column:1/-1}.notice{padding:13px 15px;border-radius:11px;margin:14px auto}.notice.success{background:#e9f9f1;color:#167046}.notice.error{background:#fff0f0;color:#a12d2d}.notice.info{background:#edf4ff;color:#24558d}.auth-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:linear-gradient(140deg,var(--secondary),var(--primary));color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.auth-visual h1{font-size:48px;margin:20px 0 10px}.auth-visual p{font-size:18px;line-height:1.9;color:#dce6f5}.auth-card{background:#fff;padding:clamp(25px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:34px;margin:0}.field{display:block;font-weight:800;margin:14px 0}.field input,.field select,.field textarea,.input{display:block;width:100%;height:49px;border:1px solid #cbd6e5;border-radius:11px;padding:0 13px;margin-top:7px;background:#fff;color:#14213a}.field textarea{height:130px;padding-top:12px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.content-page{padding:35px 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.article-body,.panel,.settings-card{background:#fff;border:1px solid #e2e9f3;border-radius:18px}.article-body{padding:30px;line-height:2}.article-body>img{width:100%;border-radius:16px}.side-card{background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:20px;margin-bottom:15px}.member-hero{margin:24px auto;padding:38px 42px;background:linear-gradient(120deg,var(--secondary),var(--primary));border-radius:26px;color:#fff;display:flex;justify-content:space-between;align-items:center}.member-hero h1{font-size:37px;margin:8px 0}.member-hero p{margin:0;color:#dce6f5}.member-no{background:#ffffff1f;border:1px solid #ffffff40;padding:18px 25px;border-radius:18px;text-align:center}.member-no strong{display:block;font-size:20px;margin-top:5px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick a{background:#fff;border:1px solid #e2e9f3;border-radius:17px;min-height:95px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:25px}.quick b{font-size:13px;margin-top:6px}footer{margin-top:45px;background:var(--secondary);color:#fff;padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block}.copyright{border-top:1px solid #ffffff20;margin-top:25px;padding-top:18px;color:#b6c5db}.bottom-nav{display:none}.whatsapp{position:fixed;left:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:25px;z-index:180}.admin-body{background:#f3f6fb}.sidebar{position:fixed;right:0;top:0;bottom:0;width:265px;background:linear-gradient(180deg,#071d43,#0c306c);color:#fff;padding:18px 14px;overflow-y:auto;z-index:60}.admin-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 18px;border-bottom:1px solid #ffffff20}.admin-brand small{display:block;color:#9ab0cf}.sidebar nav a{display:flex;gap:10px;padding:11px 12px;border-radius:10px;color:#dbe6f6;margin:3px 0;font-size:14px;font-weight:700}.sidebar nav a:hover{background:#ffffff15}.nav-label{display:block;font-size:11px;color:#88a4cc;padding:15px 12px 6px;font-weight:900}.admin-main{margin-right:265px}.admin-top{height:72px;background:#fff;border-bottom:1px solid #e2e9f3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40}.admin-top h1{font-size:19px}.admin-user{display:flex;align-items:center;gap:9px}.avatar{width:39px;height:39px;border-radius:50%;background:#e5edf9;color:var(--primary);display:grid;place-items:center;font-weight:900}.admin-content{padding:27px;max-width:1500px;margin:auto}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.admin-stat{background:#fff;border:1px solid #e2e9f3;border-radius:17px;padding:19px;display:flex;align-items:center;justify-content:space-between}.admin-stat b{display:block;font-size:25px;color:var(--primary)}.admin-stat span{font-size:13px;color:#68768d}.stat-icon{width:46px;height:46px;background:#eef4fd;border-radius:13px;display:grid;place-items:center}.panel{margin-bottom:20px;overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid #e2e9f3;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0}.panel-body,.settings-card{padding:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{padding:13px 15px;text-align:right;border-bottom:1px solid #edf1f6;font-size:14px}.data-table th{background:#f8fafc;color:#5f6e84;font-size:12px}.status{background:#eef3fa;color:#52647e}.status.active,.status.published,.status.issued,.status.closed,.status.sent{background:#e9f9f1;color:#167046}.status.pending,.status.draft,.status.open,.status.partial{background:#fff6dc;color:#916b00}.status.blocked,.status.archived,.status.revoked{background:#fff0f0;color:#a12d2d}.actions{display:flex;gap:6px}.icon-btn{width:36px;height:36px;border:1px solid #e2e9f3;border-radius:9px;background:#fff;display:inline-grid;place-items:center;cursor:pointer}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-bar .input{max-width:320px;margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:9px 13px;border-radius:9px;background:#eef3fa;color:#53647d;font-size:13px;font-weight:800}.tab.active{background:var(--primary);color:#fff}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.settings-card h3{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #e2e9f3}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f7}.switch{width:48px!important;height:27px!important;border-radius:20px!important;background:#ccd5e2!important;position:relative;appearance:none;cursor:pointer;margin:0!important}.switch:checked{background:#1d8c5d!important}.switch:after{content:"";position:absolute;width:21px;height:21px;background:#fff;border-radius:50%;top:3px;right:3px;transition:.2s}.switch:checked:after{right:24px}.mobile-menu{display:none}.progress{height:8px;background:#e8edf4;border-radius:9px;overflow:hidden}.progress span{height:100%;display:block;background:var(--primary)}
@media(max-width:1050px){.top nav{display:none}.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:225px}.admin-main{margin-right:225px}.admin-stats{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}.hero-art{width:220px;height:220px}}
@media(max-width:760px){body{padding-bottom:68px}.top{height:64px;padding:7px 13px}.brand small{display:none}.top-actions .ghost{display:none}.hero{min-height:420px;margin:0;border-radius:0 0 26px 26px;padding:34px 20px}.hero h1{font-size:36px}.hero p{font-size:16px}.hero-art{display:none}.hero-buttons .btn{width:100%}.stats{grid-template-columns:1fr 1fr;gap:8px}.cards{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{padding:30px 20px}.form-grid{grid-template-columns:1fr}.member-hero{margin:0 -16px 15px;border-radius:0 0 24px 24px;padding:28px 19px;display:block}.member-no{margin-top:18px}.quick{grid-template-columns:repeat(3,1fr)}footer{display:none}.bottom-nav{height:68px;position:fixed;bottom:0;left:0;right:0;z-index:200;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e2e9f3}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;color:#68768d}.bottom-nav small{font-size:10px;font-weight:800}.bottom-nav .main{color:var(--primary)}.sidebar{transform:translateX(100%);width:265px;transition:.2s}.sidebar.open{transform:none}.admin-main{margin-right:0}.admin-top{padding:0 14px}.admin-content{padding:18px 12px}.mobile-menu{display:grid}.admin-stats{grid-template-columns:1fr 1fr;gap:9px}.whatsapp{bottom:80px}.page-title{align-items:flex-start}}
@media(max-width:430px){.admin-stats{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}}
@media print{.top,footer,.bottom-nav,.print-hide,.sidebar,.admin-top{display:none!important}.admin-main{margin:0}.certificate-sheet{box-shadow:none!important;margin:0!important}}
body{font-family:var(--site-font,Tajawal),"Segoe UI",Tahoma,Arial,sans-serif}

/* Admin v3.2: compact vertical navigation and clearer management screens */
.admin-nav{padding-top:12px}.admin-nav>a,.nav-group>summary{min-height:45px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;color:#dbe6f6;margin:3px 0;font-size:14px;font-weight:800;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary i{font-style:normal;margin-right:auto;transition:.2s}.nav-group[open]>summary i{transform:rotate(180deg)}.admin-nav>a:hover,.nav-group>summary:hover,.admin-nav>a.active,.nav-submenu a.active{background:#ffffff18;color:#fff}.admin-nav>a.active{box-shadow:inset -3px 0 0 var(--accent)}.nav-submenu{margin:3px 12px 8px 0;padding-right:12px;border-right:1px solid #ffffff25}.nav-submenu a{display:block!important;padding:9px 11px!important;margin:2px 0!important;font-size:12px!important;color:#bdcbe0!important}.nav-submenu a.active{color:#fff!important}.view-site{margin-top:14px!important;border-top:1px solid #ffffff20;border-radius:0!important;padding-top:17px!important}.thumb-admin{width:66px;height:48px;border-radius:9px;object-fit:cover;background:#eef3fa;display:block}.member-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.member-summary .admin-stat{min-height:90px}.quick-admin{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.quick-admin a{background:#fff;border:1px solid #e2e9f3;border-radius:16px;padding:17px;min-height:125px;display:flex;flex-direction:column;justify-content:center;transition:.2s}.quick-admin a:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0d2d5b14}.quick-admin span{font-size:25px}.quick-admin b{margin:8px 0 4px}.quick-admin small{color:#68768d}.profile-heading{display:flex;align-items:center;gap:16px}.profile-photo{width:74px;height:88px;border-radius:14px;object-fit:cover;background:#e5edf9;border:1px solid #d5dfec}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}.detail-item{padding:10px 0;border-bottom:1px solid #eef2f7}.detail-item small,.detail-item b{display:block}.detail-item small{color:#68768d;margin-bottom:4px}.lesson-admin-card{border:1px solid #dfe7f2;border-radius:14px;padding:16px;margin-top:12px;background:#fbfcfe}.lesson-admin-card h4{margin:0}.lesson-section-label{display:inline-flex;background:#eaf1fb;color:var(--primary);padding:5px 9px;border-radius:7px;font-size:11px;font-weight:900;margin-bottom:8px}.content-preview{width:100%;height:180px;object-fit:cover;border-radius:14px;background:#eef3fa;margin-top:8px}.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.settings-nav a{padding:11px 14px;border-radius:11px;background:#fff;border:1px solid #e2e9f3;font-size:13px;font-weight:800}.settings-nav a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.system-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.system-check{background:#f7f9fc;border:1px solid #e2e9f3;border-radius:13px;padding:15px}.system-check b,.system-check small{display:block}.system-check small{color:#68768d;margin-top:5px}.danger-zone{border-color:#efcaca;background:#fffafa}.empty-row{text-align:center!important;color:#68768d;padding:28px!important}.stack-actions{display:flex;gap:7px;align-items:center}.stack-actions form{margin:0}.form-help{display:block;color:#68768d;font-size:12px;font-weight:500;margin-top:5px;line-height:1.6}.course-lessons-panel{margin-top:20px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form .field{min-width:180px;flex:1;margin:0}.inline-form .btn{min-width:130px}.table-thumb-title{display:flex;align-items:center;gap:10px}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:9px;background:#eef3fa;color:var(--primary);font-weight:900}
@media(max-width:1100px){.quick-admin{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.member-summary{grid-template-columns:1fr 1fr}.system-checks{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.member-summary,.detail-list,.system-checks,.quick-admin{grid-template-columns:1fr}.profile-heading{align-items:flex-start}.settings-nav{display:grid;grid-template-columns:1fr 1fr}.stack-actions{align-items:stretch}.inline-form{display:block}.inline-form .field{margin:12px 0}.data-table{white-space:normal;min-width:850px}}