@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--green:#075b43;--green2:#0b7656;--deep:#073d30;--gold:#d5ae54;--ink:#182d26;--muted:#718079;--line:#e2e9e4;--bg:#f4f7f5;--white:#fff;--red:#b33a35;--shadow:0 10px 28px rgba(14,55,39,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:265px;background:linear-gradient(180deg,#073f31,#062f26);color:#eaf5ef;padding:23px 16px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 23px;border-bottom:1px solid #ffffff1a}.brandmark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#e5c26e,#b58a32);color:#073d30;border-radius:14px;font:700 30px Amiri,serif;box-shadow:0 5px 15px #0002}.brand b{display:block;font-size:18px;letter-spacing:1.5px}.brand small{display:block;font-size:9px;color:#b8d4c7;margin-top:4px;line-height:1.4}.userbox{display:flex;align-items:center;gap:10px;padding:18px 7px;border-bottom:1px solid #ffffff1a}.avatar{width:38px;height:38px;border-radius:50%;background:#ffffff18;color:#f4d98c;display:grid;place-items:center;font-weight:800;font-size:18px}.userbox b{display:block;font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbox small{font-size:9px;letter-spacing:1.1px;color:#a7c9b9;display:block;margin-top:5px}.sidebar nav{padding:14px 0;display:flex;flex-direction:column;gap:4px}.sidebar nav>a,.sidebar summary,.navlogout{display:flex;align-items:center;gap:12px;color:#d7e8df;padding:12px 13px;border-radius:10px;font-weight:600;font-size:12px;cursor:pointer;list-style:none;border:0;background:transparent;width:100%;text-align:left}.sidebar nav>a:hover,.sidebar summary:hover,.navlogout:hover{background:#ffffff12;color:#f4d98c}.sidebar details[open]{background:#ffffff08;border-radius:10px;padding-bottom:5px}.sidebar details a{display:block;margin:2px 6px 2px 38px;padding:9px 8px;font-size:11px;color:#c6ded2;border-left:1px solid #ffffff25}.sidebar details a:hover{color:#f4d98c}.logoutform{margin-top:auto}.sidefoot{font-size:9px;color:#8eb4a3;padding:13px 7px 0;line-height:1.6}.main{margin-left:265px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:15px 32px;position:sticky;top:0;z-index:10}.topbar h1{font-size:20px;margin:3px 0 0;letter-spacing:-.4px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--green2)}.topbadge{margin-left:auto;font-size:10px;color:#66786e;background:#f0f5f1;padding:9px 12px;border-radius:9px}.content{padding:26px 30px 35px;flex:1;max-width:1800px;width:100%;margin:0 auto}.footer{padding:15px 30px;border-top:1px solid var(--line);color:#8a9890;font-size:10px}.footer span{color:var(--gold);padding:0 5px}.menubtn{display:none;border:0;background:#eff5f1;color:var(--green);padding:10px;border-radius:8px}.welcome{border-radius:19px;padding:28px 30px;background:linear-gradient(115deg,#064532,#0c7453);color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 13px 30px #06453220}.welcome:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff12;border-radius:50%;right:14%;top:-190px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06}.welcome h2{font-size:24px;letter-spacing:-.7px;margin:9px 0}.welcome p{color:#c4dfd2;margin:0 0 20px}.eyebrow.light{color:#e0c375}.welcome-arabic{font:700 37px Amiri,serif;color:#e5c26e;padding:25px 38px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff09;z-index:1}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 15px;border-radius:9px;border:1px solid transparent;font-size:12px;font-weight:800;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);color:white;box-shadow:0 5px 12px #075b4318}.btn.primary:hover{background:var(--green2)}.btn.white{background:#fff;color:var(--green)}.btn.outline{border-color:#cad9d0;background:#fff;color:var(--green)}.btn.danger{background:#fff0ee;color:#a6312c;border-color:#f2d4d1}.btn.small{padding:7px 9px;font-size:10px}.btn.full{width:100%;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat{padding:18px 19px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:600}.stat strong{display:block;font-size:28px;margin:10px 0 4px;letter-spacing:-1px}.stat small{font-size:10px;color:#98a49d}.stat.accent{border-top:3px solid var(--gold)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:var(--shadow);min-width:0}.panel h3{margin:0 0 8px;font-size:15px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.muted{color:var(--muted);font-size:11px;line-height:1.6}.quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.quicklinks a{background:#f4f8f5;padding:14px;border-radius:9px;font-weight:700;font-size:11px;color:var(--green)}.quicklinks a:hover{background:#e8f2ec}.tag{display:inline-block;padding:8px 10px;background:#f0f5f1;color:var(--green);border-radius:7px;font-size:10px;font-weight:700}.alert{padding:12px 14px;background:#f3f7f4;border:1px solid #e0eae3;color:#4b6255;border-radius:10px;margin:0 0 17px;font-size:12px;line-height:1.6}.alert.success{background:#eaf7ef;border-color:#c8e8d2;color:#17613d}.alert.error{background:#fff0ee;border-color:#f0d1ce;color:#9b302b}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.formgrid label,.gradeform label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#43574c;min-width:0}.formgrid input,.formgrid select,.formgrid textarea,.gradeform input,.gradeform textarea,.filterrow input{width:100%;border:1px solid #d9e3dc;background:#fff;padding:10px 11px;border-radius:8px;outline:none;color:var(--ink);font-size:12px;min-width:0}.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus,.gradeform input:focus,.gradeform textarea:focus{border-color:#55a083;box-shadow:0 0 0 3px #0b765610}.formgrid textarea{resize:vertical;line-height:1.65}.formgrid label small{font-weight:400}.span2{grid-column:span 2}.type-fields{display:contents}.type-fields.hidden,.hidden{display:none}.checklabel{flex-direction:row!important;align-items:center}.checklabel input{width:auto}.tablewrap{overflow:auto;width:100%;border:1px solid #edf1ee;border-radius:9px;margin-top:13px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{background:#f4f7f5;color:#6e7c73;text-align:left;text-transform:uppercase;letter-spacing:.5px;font-size:9px}td,th{padding:12px 13px;border-bottom:1px solid #edf1ee}tbody tr:hover{background:#fbfdfb}tbody tr:last-child td{border-bottom:0}.table-sub{display:block;color:#84938a;font-size:9px;margin-top:5px;max-width:240px;white-space:normal;line-height:1.5}.empty{text-align:center;color:#87958c;padding:30px!important}.idlist{background:#f5f8f5;border-radius:8px;padding:10px;font-size:10px;display:flex;flex-wrap:wrap;gap:8px}.idlist b{width:100%}.idlist span{background:#fff;border:1px solid #e0e8e2;padding:5px 7px;border-radius:5px}.pill{display:inline-block;padding:5px 8px;border-radius:6px;background:#edf5ef;color:#176346;font-size:9px;font-weight:800}.pill.draft{background:#f5f0e2;color:#8c6a22}.pill.closed{background:#f7e9e8;color:#a13e39}.pill.published{background:#e3f5e9;color:#16643e}.filterrow{margin:12px 0}.filterrow input{max-width:360px}.examcards{display:flex;flex-direction:column;gap:12px;margin-top:15px}.examcard{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid var(--line);border-radius:12px}.examicon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#eaf3ed;color:var(--green);font:700 29px Amiri,serif;flex-shrink:0}.examinfo{flex:1;min-width:0}.examinfo h3{margin:8px 0 5px}.examinfo p{margin:0 0 6px;color:var(--muted);font-size:10px}.examinfo small{font-size:10px;color:#829188}.examtop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.examtop h2{font-size:22px;margin:6px 0}.timer{background:#073f31;color:white;padding:11px 18px;border-radius:12px;min-width:120px;text-align:center}.timer small{display:block;font-size:8px;letter-spacing:1.5px;color:#c6ddcf}.timer strong{font-size:24px;letter-spacing:1px}.examwork{padding:20px}.questionnav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.qnav{width:35px;height:35px;border:1px solid #dbe5de;border-radius:9px;background:white;color:#64756a;font-size:11px;font-weight:800}.qnav.active{background:var(--green);color:white;border-color:var(--green)}.qnav.answered{border-color:#67b18d;background:#edf8f0;color:#1c704a}.qnav.flagged{box-shadow:inset 0 -3px var(--gold)}.questionhead{display:flex;justify-content:space-between;color:#849189;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:15px}.save-status{color:#21744c;letter-spacing:0;text-transform:none}.questionpane{display:none;min-height:260px}.questionpane.active{display:block}.questionpane h3{font-size:17px;line-height:1.9;margin:0 0 20px;white-space:pre-wrap;font-weight:600;unicode-bidi:plaintext}.questionpane h3:lang(ar),.arabic{font-family:Amiri,serif;direction:rtl}.answeroption{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px;margin:8px 0;cursor:pointer;line-height:1.7}.answeroption:has(input:checked){border-color:#5ca982;background:#f0f8f3}.answeroption input{margin-top:4px;accent-color:var(--green)}.matchinglist{display:flex;flex-direction:column;gap:9px}.matchinglist label{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px}.matchinglist select{padding:10px;border:1px solid #d9e3dc;border-radius:8px;min-width:0}.essayinput{width:100%;border:1px solid #d9e3dc;border-radius:9px;padding:14px;font:20px Amiri,serif;line-height:1.8;direction:auto;unicode-bidi:plaintext}.examcontrols{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 16px}.examcontrols .muted{font-size:10px}.gradinglist{display:flex;flex-direction:column;gap:15px;margin-top:15px}.gradeitem{display:grid;grid-template-columns:1fr 220px;gap:20px;border:1px solid var(--line);padding:18px;border-radius:12px}.gradeitem h3{margin:9px 0 4px}.gradeitem p{line-height:1.7}.studentanswer{background:#f4f8f5;border:1px solid #e4ece6;padding:13px;border-radius:8px;white-space:pre-wrap;line-height:1.9;font:19px Amiri,serif}.gradeform{display:flex;flex-direction:column;gap:12px}.narrow{max-width:720px}.loginbody{background:#f3f7f4;min-height:100vh;display:grid;place-items:center;padding:25px}.loginlayout{width:min(1000px,100%);min-height:590px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px #103d2914}.loginhero{background:linear-gradient(145deg,#06422f,#0a7251);color:white;position:relative;display:flex;align-items:center;justify-content:center;padding:45px;overflow:hidden}.pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(30deg,transparent 45%,#d7b65e 46%,#d7b65e 47%,transparent 48%),linear-gradient(150deg,transparent 45%,#d7b65e 46%,#d7b65e 47%,transparent 48%);background-size:56px 56px}.hero-content{position:relative;z-index:1}.brandmark.big{width:65px;height:65px;font-size:44px;border-radius:20px;margin-bottom:30px}.loginhero h1{font-size:47px;letter-spacing:5px;margin:9px 0}.loginhero h2{font-size:19px;line-height:1.5;margin:0 0 13px}.loginhero p:not(.eyebrow){color:#c6e0d2;font-size:12px}.arabic-sample{font:32px Amiri,serif;color:#e4c26b;margin-top:55px}.loginpanel{display:grid;place-items:center;padding:40px}.loginform{width:100%;max-width:340px}.loginform h2{font-size:24px;margin:9px 0}.loginform>p{margin-bottom:26px}.loginform form>label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.loginform input{width:100%;border:1px solid #d9e3dc;border-radius:9px;padding:13px;outline:none}.loginform input:focus{border-color:#55a083;box-shadow:0 0 0 3px #0b765610}.passwordwrap{position:relative}.passwordwrap input{padding-right:55px}.showpass{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:#eff5f1;border-radius:6px;color:var(--green);font-size:10px;font-weight:800}.login-note{font-size:10px;color:#8b9990;margin-top:23px;text-align:center}.loginform .btn{margin-top:23px}.loginform .btn span{margin-left:auto}.menubtn{font-size:17px}@media(max-width:1100px){.sidebar{width:235px}.main{margin-left:235px}.content{padding:22px}.topbar{padding:14px 22px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.questiongrid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:transform .22s;box-shadow:15px 0 35px #0002}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menubtn{display:block}.topbar{height:auto;min-height:76px;padding:13px 15px}.topbar h1{font-size:17px}.topbadge{display:none}.content{padding:15px}.welcome{padding:22px;min-height:190px}.welcome h2{font-size:20px}.welcome-arabic{font-size:25px;padding:13px;position:absolute;right:15px;bottom:15px;opacity:.8}.welcome>div:first-child{position:relative;z-index:2}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.stat{padding:14px}.stat strong{font-size:24px}.panel{padding:15px}.formgrid{grid-template-columns:1fr}.span2{grid-column:span 1}.examcard{align-items:flex-start;flex-wrap:wrap}.examcard>div:last-child{width:100%}.examcard>div:last-child .btn{width:100%}.examtop{align-items:flex-start}.examtop h2{font-size:18px}.timer{min-width:95px;padding:10px}.timer strong{font-size:20px}.examwork{padding:12px}.questionpane h3{font-size:16px}.examcontrols{flex-wrap:wrap}.examcontrols .muted{order:3;width:100%;text-align:center}.matchinglist label{grid-template-columns:1fr}.gradeitem{grid-template-columns:1fr}.loginlayout{grid-template-columns:1fr;min-height:auto}.loginhero{padding:28px;min-height:280px}.loginhero h1{font-size:36px}.arabic-sample{margin-top:25px}.loginpanel{padding:30px 22px}.loginbody{padding:12px}.footer{padding:13px 15px}.tablewrap{margin-top:10px}}@media print{.sidebar,.topbar,.footer,.btn,.filterrow{display:none!important}.main{margin:0}.content{padding:0}.panel{box-shadow:none;border:0}.tablewrap{overflow:visible}table{white-space:normal;font-size:9px}td,th{padding:6px;border:1px solid #ddd}}
.brandlogo{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:10px;padding:3px;flex:0 0 auto;box-shadow:0 2px 8px rgba(0,0,0,.08)}