@font-face{font-family:'Payami Web';src:url('https://www.services.siraatpublications.com/fonts/Payami-Web.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Bombay Black';src:url('https://www.services.siraatpublications.com/fonts/Bombay-Black.ttf') format('truetype');font-display:swap}
:root{--navy:#0f172a;--royal:#1e3a8a;--gold:#b45309;--line:#e2e8f0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Payami Web','Noto Naskh Arabic',Tahoma,sans-serif;line-height:1.8;font-size:16px}
.auth-bg{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 60%,#b45309 140%)}
.nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:.75rem;color:#cbd5e1;transition:.15s}
.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-link.active{background:linear-gradient(90deg,rgba(180,83,9,.95),rgba(180,83,9,.7));color:#fff;box-shadow:0 4px 14px rgba(180,83,9,.35)}
.card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.card h2{font-weight:700;color:var(--navy);margin-bottom:.75rem;font-size:1.1rem}
.input,select.input,textarea.input{width:100%;border:1.5px solid #cbd5e1;border-radius:.65rem;padding:.5rem .8rem;background:#fff;font-family:inherit;font-size:1rem;transition:.15s}
.input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(30,58,138,.15)}
label.lbl{display:block;font-size:.85rem;color:#475569;margin-bottom:.2rem;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:.65rem;font-weight:600;border:0;cursor:pointer;font-family:inherit;font-size:.95rem;transition:.15s;text-decoration:none;white-space:nowrap}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-primary{background:var(--royal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy)}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover:not(:disabled){background:#92400e}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid #cbd5e1}.btn-ghost:hover{background:#f1f5f9}
.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}
.btn-ok{background:#059669;color:#fff}.btn-ok:hover{background:#047857}
.btn-sm{padding:.3rem .65rem;font-size:.85rem;border-radius:.5rem}
.badge{display:inline-block;padding:.1rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th{background:var(--navy);color:#fff;padding:.55rem .6rem;white-space:nowrap;font-weight:600}
.tbl td{border-bottom:1px solid var(--line);padding:.5rem .6rem;vertical-align:middle}
.tbl tbody tr:hover td{background:#f8fafc}
.tbl.grid th,.tbl.grid td{border:1px solid #d6dde8;text-align:center}
.tbl.grid td.l{text-align:right}
.stat{display:flex;align-items:center;gap:1rem}
.stat .ic{height:3rem;width:3rem;border-radius:.9rem;display:grid;place-items:center;font-size:1.25rem;color:#fff}
dialog{border:0;border-radius:1rem;padding:0;max-width:min(680px,94vw);width:100%;box-shadow:0 25px 60px rgba(0,0,0,.35)}
dialog::backdrop{background:rgba(15,23,42,.6)}
dialog .dh{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;background:var(--navy);color:#fff;font-weight:700}
dialog .db{padding:1.25rem;max-height:75vh;overflow:auto}
.pbar{height:.6rem;background:#e2e8f0;border-radius:999px;overflow:hidden}.pbar>i{display:block;height:100%;background:linear-gradient(90deg,#1e3a8a,#059669)}
/* نتائج کے رنگ (ریفرنس کے مطابق) */
.c-red{background:#ffcccc!important;color:#b91c1c;font-weight:700}
.c-lred{background:#ffeaea!important;color:#991b1b}
.c-pass{background:#d4f4d4!important;color:#166534;font-weight:700}
.c-gh{background:#d4f4d4!important;color:#333}
.c-leave{background:#e6f3fa!important;color:#075985}
.c-pend{background:#fef3c7!important;color:#92400e}
.sbox{background:#e6f3fa;border:1px solid #3498db;border-radius:.5rem;padding:.2rem .8rem;font-weight:700;font-size:.9rem}
/* رچ ایڈیٹر اور سوال کا HTML */
.rich{line-height:1.9}.rich p{margin:0 0 .35rem}.rich ol{list-style:decimal;padding-inline-start:1.5rem}.rich ul{list-style:disc;padding-inline-start:1.5rem}
.rich .ql-align-center{text-align:center}.rich .ql-align-left{text-align:left}.rich .ql-align-right{text-align:right}.rich .ql-direction-rtl{direction:rtl}.rich [class*=ql-direction-ltr]{direction:ltr}
.ql-container{font-family:'Payami Web','Noto Naskh Arabic',sans-serif!important;font-size:1.05rem!important}
.ql-editor{min-height:90px;direction:rtl;text-align:right}.ql-editor.ql-blank::before{right:15px;left:auto;font-style:normal}
.ql-toolbar.ql-snow{border-radius:.65rem .65rem 0 0;border-color:#cbd5e1;background:#f8fafc}.ql-container.ql-snow{border-radius:0 0 .65rem .65rem;border-color:#cbd5e1}
/* امتحان */
.opt{display:flex;gap:.75rem;align-items:center;border:2px solid #cbd5e1;border-radius:.8rem;padding:.65rem .9rem;cursor:pointer;background:#fff;transition:.12s}
.opt:hover{border-color:var(--royal)}
input.sr:checked+.opt{background:var(--royal);border-color:var(--royal);color:#fff}
.sr{position:absolute;opacity:0;pointer-events:none}
.timer{font-variant-numeric:tabular-nums;direction:ltr}
.timer.low{color:#fecaca;animation:blink 1s infinite}@keyframes blink{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.timer.low{animation:none}}