:root{--ink:#18243d;--muted:#78839a;--line:#e6e9ef;--paper:#fff;--canvas:#f5f6fa;--navy:#182844;--navy2:#243859;--green:#51bd94;--green-dark:#238664;--green-pale:#e8f7f0;--blue-pale:#eef1ff;--amber:#d39239;--amber-pale:#fff5e7;--red:#bd5660;--red-pale:#fff0f0;--radius:18px;--shadow:0 14px 40px rgba(25,40,68,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:'IBM Plex Sans Arabic','Manrope',Tahoma,sans-serif;font-size:15px;line-height:1.7}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.auth-page{min-height:100vh;padding:34px;background:#f0f2f6;display:grid;place-items:center}.auth-shell{width:min(1120px,100%);min-height:710px;background:#fff;border-radius:27px;overflow:hidden;box-shadow:0 28px 90px rgba(25,40,68,.12);display:grid;grid-template-columns:.92fr 1.08fr;direction:ltr}.auth-story{position:relative;overflow:hidden;isolation:isolate;padding:40px 45px 29px;background:linear-gradient(148deg,#1e3354 0%,#172741 72%,#1b3452 100%);color:#fff;display:flex;flex-direction:column;direction:rtl}.auth-story:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;top:110px;left:-210px;z-index:-1}.auth-story:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.05);border-radius:50%;bottom:-170px;right:-130px;z-index:-1}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.4px}.brand-mark{width:36px;height:36px;border-radius:12px;display:inline-grid;place-items:center;background:var(--green);color:#133c34;font:800 20px 'IBM Plex Sans Arabic',sans-serif}.brand-light{color:#fff}.story-copy{margin-top:70px;max-width:370px}.eyebrow{display:block;color:var(--green-dark);font-size:12px;font-weight:700;letter-spacing:.3px}.light-eyebrow{color:#80dbb6}.story-copy h1{font-size:40px;line-height:1.4;letter-spacing:-1px;margin:14px 0 13px;font-weight:700}.story-copy p{max-width:350px;margin:0;color:#bdc8d9;font-size:14px;line-height:2}.story-art{position:relative;margin:auto 8px 0;height:230px;display:grid;place-items:center}.art-window{position:relative;z-index:2;width:88%;max-width:370px;padding:17px 18px 15px;background:#f9fafc;color:var(--ink);border-radius:15px;box-shadow:0 20px 55px rgba(5,14,28,.27);transform:rotate(-3deg)}.art-top{height:28px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #ecedf1;padding-bottom:10px;margin-bottom:13px}.art-top i{width:6px;height:6px;background:#d6dae3;border-radius:50%}.art-top span{margin-right:auto;font-size:9px;color:#929cb0}.art-task{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:9px}.muted-task{background:#f3f4fa}.art-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f7f0;color:#25906b;font-weight:700}.art-icon.lavender{background:#edeefe;color:#7b75c7}.art-task b{display:block;font-size:10px}.art-task small{display:block;color:#8791a6;font-size:8px;margin-top:2px}.art-check{margin-right:auto;color:#35a87d;font-size:14px}.art-dot{width:6px;height:6px;border-radius:50%;background:#9e9ae1;margin-right:auto}.art-line{height:1px;background:#e7eaf0;margin:10px 3px}.art-caption{color:#8993a6;font-size:8px;text-align:center}.art-orb{position:absolute;display:block;border-radius:50%;filter:blur(.2px)}.orb-one{width:120px;height:120px;background:rgba(75,190,146,.15);left:8%;top:24px}.orb-two{width:48px;height:48px;background:rgba(132,128,207,.24);right:7%;bottom:35px}.story-foot{display:flex;justify-content:space-between;color:#8f9db1;font-size:10px;margin-top:25px}.auth-form-side{direction:rtl;display:flex;flex-direction:column;justify-content:center;padding:60px clamp(35px,7vw,90px) 30px}.auth-form-wrap{width:100%;max-width:410px;margin:auto}.auth-form-wrap h2{font-size:31px;line-height:1.3;margin:8px 0 5px;letter-spacing:-.5px}.muted{color:var(--muted);margin:0}.auth-form-wrap>.muted{font-size:14px;margin-bottom:27px}.form-stack{display:flex;flex-direction:column;gap:9px}.form-stack label,.field label,.review-form>label:first-child{font-size:13px;font-weight:600;margin-top:4px}.form-stack input,.field input,.field textarea,.review-form textarea{width:100%;border:1px solid #e2e6ee;background:#fff;border-radius:10px;padding:11px 13px;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}.form-stack input{height:47px}.form-stack input:focus,.field input:focus,.field textarea:focus,.review-form textarea:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(81,189,148,.12)}input::placeholder,textarea::placeholder{color:#a2aaba}.label-row{display:flex;justify-content:space-between;margin-top:1px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 5px 14px rgba(24,40,68,.12)}.button-primary:hover{background:#263e64;box-shadow:0 8px 18px rgba(24,40,68,.16)}.button-primary span{font-size:17px;line-height:1}.button-full{width:100%;margin-top:14px;height:48px}.button-secondary{background:#f0f2f8;color:#394868;border:1px solid #e7eaf1}.button-secondary:hover{background:#e9edf5}.button-dark{background:#1f304f;color:#fff;white-space:nowrap;height:43px}.button-small{padding:9px 13px;font-size:12px}.auth-switch{display:flex;justify-content:center;gap:6px;margin-top:24px;font-size:12px;color:#7b8598}.auth-switch a{color:#258765;font-weight:700}.auth-note{display:flex;align-items:center;gap:8px;justify-content:center;border-top:1px solid #edf0f4;padding-top:18px;margin-top:25px;color:#939bad;font-size:11px}.lock-icon{color:#5a9c84;font-size:15px}.auth-footer{text-align:center;color:#a0a8b7;font-size:10px;margin-top:28px}.auth-footer span,.app-footer span{margin:0 6px;color:#50ae89}.notice{border-radius:10px;padding:11px 13px;background:#f1f4f9;color:#4e607d;border:1px solid #e7ebf1;font-size:12px;margin:0 0 14px}.notice.success{background:var(--green-pale);color:#28795d;border-color:#d7f0e4}.notice.error{background:var(--red-pale);color:#a2444d;border-color:#f7dddd}.back-link{display:inline-flex;align-items:center;gap:9px;color:#758097;font-size:12px;margin-bottom:33px}.back-link:hover{color:#278565}.closed-panel{display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px 20px;margin:25px 0;background:#f7f8fb;border:1px solid #eceef3;border-radius:14px}.closed-icon{font-size:26px;color:#828ca1}.closed-panel b{margin-top:7px}.closed-panel p{font-size:12px;color:#808b9f;max-width:290px;margin:4px 0 13px}.closed-panel .button{margin-top:4px}.field-hint{font-size:10px;color:#929caf;margin-top:-5px}.compact-story .story-copy{margin-top:60px}.register-art{height:240px;position:relative;margin:auto 0 0;display:grid;place-items:center}.register-card{position:relative;z-index:1;display:flex;flex-direction:column;width:270px;padding:23px 21px 18px;background:#f9fafc;color:var(--ink);border-radius:15px;box-shadow:0 20px 55px rgba(5,14,28,.23);transform:rotate(3deg)}.register-spark{position:absolute;left:20px;top:17px;color:#38a87f;font-size:20px}.register-card small{font-size:9px;color:#8993a7}.register-card strong{margin:17px 0 16px;font-size:14px}.register-progress{height:5px;background:#e9edf2;border-radius:9px;overflow:hidden}.register-progress i{display:block;width:62%;height:100%;background:#51bd94;border-radius:9px}.register-card>span:last-child{font-size:8px;color:#929bad;margin-top:8px}.orb-three{width:130px;height:130px;right:7%;top:24px;background:rgba(99,154,195,.16)}.auth-form-wrap .back-link+.eyebrow{margin-top:0}.field{display:flex;flex-direction:column;gap:7px}.field input,.field textarea{font-size:13px}.field textarea,.review-form textarea{resize:vertical;min-height:74px}.app-page{min-height:100vh;background:#f5f6f9}.topbar{height:72px;padding:0 max(calc((100% - 1090px)/2),32px);background:#fff;border-bottom:1px solid #eceef3;display:flex;align-items:center;justify-content:space-between}.topbar-right{display:flex;align-items:center;gap:17px}.role-pill{font-size:10px;font-weight:600;padding:5px 10px;border-radius:30px}.teacher-pill{color:#5a56a0;background:#f0efff}.student-pill{color:#248365;background:#e9f7f1}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4b5770}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e5f5ed;color:#238563;font-weight:700;font-size:12px}.teacher-avatar{background:#ecebff;color:#6661ad}.logout-button{background:none;border:0;color:#8992a4;font-size:11px;cursor:pointer}.logout-button:hover{color:#bd5660}.topbar form{margin:0}.dashboard-wrap{width:min(1030px,calc(100% - 48px));margin:0 auto;padding:43px 0 70px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome-row h1,.student-hero h1{font-size:29px;letter-spacing:-.5px;margin:4px 0 3px;line-height:1.4}.welcome-row .muted{font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 25px}.stat-card{padding:17px 19px;background:#fff;border:1px solid #eceef3;border-radius:14px;display:flex;align-items:center;gap:13px;box-shadow:0 4px 14px rgba(23,39,67,.025)}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:18px}.indigo-icon{color:#716fc0;background:#f0efff}.green-icon{color:#32936f;background:#e9f7f1}.amber-icon{color:#c38a37;background:#fff4e4}.stat-card small{display:block;color:#8992a4;font-size:10px}.stat-card strong{display:block;font:700 19px Manrope,'IBM Plex Sans Arabic',sans-serif;line-height:1.3;color:#23314d}.stat-card .stat-status{font:600 14px 'IBM Plex Sans Arabic',sans-serif}.panel{padding:23px 25px 19px;background:#fff;border:1px solid #e9ecf2;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px}.panel-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2,.section-heading h2{font-size:19px;letter-spacing:-.25px;margin:2px 0 2px}.panel-heading .muted{font-size:11px}.section-kicker{font-size:10px;font-weight:600;color:#29936d}.status-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:30px;padding:5px 9px;font-size:9px;font-weight:600}.status-open{color:#278363;background:#e7f6ee}.status-closed{color:#9a7040;background:#fff4e5}.status-neutral{color:#69758c;background:#f0f2f6}.status-revision{color:#a46423;background:#fff2df}.schedule-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:20px}.schedule-form .field label{margin:0}.schedule-form input{height:43px}.schedule-form .button{margin-bottom:1px}.panel-footnote{font-size:10px;color:#8993a6;display:flex;align-items:center;gap:7px;margin-top:15px}.info-dot{font:700 10px Manrope,sans-serif;color:#6e7a90;width:15px;height:15px;border:1px solid #cfd4df;border-radius:50%;display:grid;place-items:center}.close-now-form{display:inline-block;margin-top:8px}.text-button{padding:0;background:none;border:0;color:#ac5a50;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.create-panel{padding-bottom:23px}.panel-step{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e9ecf2;border-radius:50%;color:#929bad;font:600 11px Manrope,sans-serif}.assignment-form{margin-top:19px;display:grid;gap:15px}.assignment-form>.field{max-width:100%}.assignment-form .field input,.assignment-form .field textarea{background:#fbfcfd}.assignment-dates{margin:0}.assignment-dates input{height:42px}.file-type-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.type-option{cursor:pointer}.type-option input{position:absolute;opacity:0;pointer-events:none}.type-option span{display:inline-flex;align-items:center;justify-content:center;min-width:55px;padding:5px 9px;border-radius:8px;border:1px solid #e5e8ef;background:#fff;color:#788399;font:600 9px Manrope,sans-serif;transition:.16s}.type-option input:checked+span{border-color:#83cfaf;background:#edf9f3;color:#25815f;box-shadow:0 0 0 2px rgba(81,189,148,.09)}.type-option input:focus-visible+span{outline:2px solid #338966;outline-offset:2px}.size-field{max-width:260px}.input-suffix{display:flex;align-items:center;border:1px solid #e2e6ee;border-radius:10px;overflow:hidden;background:#fbfcfd}.input-suffix input{border:0!important;box-shadow:none!important;background:transparent!important;width:90px}.input-suffix span{border-right:1px solid #e2e6ee;padding:7px 12px;color:#8791a4;font-size:11px}.form-actions{display:flex;align-items:center;gap:12px}.form-actions small{color:#929bad;font-size:10px}.assignments-section{margin-top:36px}.section-heading{align-items:center;margin-bottom:14px}.section-heading h2{margin-top:2px}.count-pill{font-size:10px;padding:5px 10px;background:#eceff5;color:#6f7b91;border-radius:30px}.assignment-list,.student-assignment-list,.student-review-list{display:grid;gap:12px}.teacher-assignment-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;background:#fff;border:1px solid #ebedf2;border-radius:15px;transition:box-shadow .18s,transform .18s}.teacher-assignment-card:hover,.student-assignment-card:hover{box-shadow:var(--shadow)}.assignment-card-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.assignment-symbol{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:#edf0ff;color:#736ec3;font-size:16px}.card-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card-title-row h3{font-size:14px;margin:0;font-weight:700}.assignment-card-main p{font-size:11px;color:#7f899d;margin:4px 0 7px;max-width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-row{display:flex;flex-wrap:wrap;gap:12px;color:#929bad;font-size:9px}.meta-row b{font-weight:600;color:#66728a}.button-small span{font-size:15px}.empty-state{background:#fff;border:1px dashed #dfe3eb;border-radius:16px;padding:34px 20px;text-align:center;color:#8590a4}.empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;margin:0 auto 9px;background:#f1f2fa;color:#7875bd;font-size:19px}.empty-state h3{margin:0;color:#34415c;font-size:14px}.empty-state p{font-size:11px;margin:4px 0 12px}.app-footer{padding:18px;text-align:center;color:#a1a9b8;font-size:10px;border-top:1px solid #e9ebf0}.student-wrap{padding-top:30px}.student-hero{position:relative;overflow:hidden;min-height:155px;display:flex;align-items:center;justify-content:space-between;padding:24px 29px;margin-bottom:21px;border-radius:18px;background:linear-gradient(112deg,#eaf7f1,#eef1fb 77%);border:1px solid #e3eee9}.student-hero h1{font-size:25px}.student-hero p{margin:4px 0;color:#738198;font-size:12px}.hero-mark{position:relative;margin-left:4%;width:104px;height:104px;border-radius:33px;display:grid;place-items:center;background:rgba(255,255,255,.64);transform:rotate(-8deg);color:#4c9c7d}.hero-mark span{font-size:42px;font-weight:700}.hero-mark i,.hero-mark b{position:absolute;width:17px;height:17px;border:3px solid #8ccdb0;border-radius:50%;top:13px;left:11px}.hero-mark b{width:9px;height:9px;background:#dcae62;border:0;top:auto;left:auto;right:6px;bottom:13px}.student-section-heading{margin-top:29px}.student-assignment-card{padding:18px 20px;background:#fff;border:1px solid #e9ecf1;border-radius:16px;box-shadow:0 5px 18px rgba(23,39,67,.025);scroll-margin-top:20px}.student-card-head{display:flex;align-items:center;gap:12px}.student-symbol{background:#eaf7f1;color:#389472}.student-card-title{flex:1;min-width:0}.student-card-title h3{font-size:15px}.student-card-title .teacher-name{font-size:10px;color:#8993a6;margin:3px 0 0}.teacher-name b{color:#57657e}.deadline-chip{display:flex;flex-direction:column;align-items:flex-start;padding:6px 10px;border-radius:9px;background:#f3f4f7;color:#7e899e;min-width:110px}.deadline-chip small{font-size:8px}.deadline-chip b{font:600 10px Manrope,'IBM Plex Sans Arabic',sans-serif}.deadline-active{background:#eef8f2;color:#378563}.assignment-description{font-size:12px;color:#6c7890;line-height:1.9;margin:15px 0 11px;white-space:pre-wrap}.allowed-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #f0f1f5;border-bottom:1px solid #f0f1f5}.allowed-row>span,.allowed-row>small{font-size:9px;color:#8993a6}.allowed-row>small{margin-right:auto}.allowed-row>small b{color:#5d6981}.file-chips{display:flex;gap:5px}.file-chips span{font:600 8px Manrope,sans-serif;color:#697690;background:#f0f2f8;border-radius:5px;padding:3px 6px}.submission-history{margin-top:13px}.history-heading{display:flex;justify-content:space-between;color:#68758d;font-size:10px;font-weight:600;margin-bottom:5px}.history-heading span:last-child{font-weight:400;color:#98a0af}.version-row{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 1px;border-bottom:1px solid #f2f3f6}.version-number{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f1f2fa;color:#6767a7;font:700 9px Manrope,sans-serif;flex:none}.version-info{display:flex;flex-direction:column;flex:1;min-width:150px}.version-info a{font-size:10px;font-weight:600;color:#34445f;overflow-wrap:anywhere}.version-info a:hover{color:#268462;text-decoration:underline}.version-info small{font-size:8px;color:#9aa2b1}.mini-status{font-size:8px;color:#a16d2c;background:#fff4e4;padding:3px 7px;border-radius:20px}.mini-status.reviewed{color:#298366;background:#eaf7f0}.mini-status.waiting{color:#728098;background:#f0f2f6}.feedback-note{flex-basis:100%;margin:2px 0 2px 36px;padding:8px 10px;background:#f7f8fc;border-right:2px solid #b0acd9;border-radius:5px 9px 9px 5px}.feedback-note span,.saved-feedback span{font-size:8px;color:#7774ac;font-weight:600}.feedback-note p,.saved-feedback p{font-size:10px;color:#66728a;margin:1px 0 0;white-space:pre-wrap}.upload-area{margin-top:12px}.upload-form{display:flex;align-items:center;gap:12px}.upload-picker{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:9px 11px;background:#f8faf9;border:1px dashed #cddfd5;border-radius:10px;cursor:pointer}.upload-picker input{position:absolute;width:1px;height:1px;opacity:0}.upload-picker:focus-within{outline:2px solid #60b995;outline-offset:2px}.upload-icon{width:29px;height:29px;border-radius:9px;background:#e6f5ed;display:grid;place-items:center;color:#368b6c;font-size:16px}.upload-picker>span:nth-of-type(2){display:flex;flex-direction:column;min-width:0}.upload-picker b{font-size:10px;color:#53617a}.upload-picker small{font-size:8px;color:#98a1b0}.picker-action{margin-right:auto;color:#278566;font-size:9px;font-weight:600;white-space:nowrap}.upload-form>.button{white-space:nowrap}.closed-hint{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border-radius:9px;background:#f6f7f9;color:#8993a5;font-size:10px}.closed-hint>span:first-child{font-size:13px;color:#7c8aa0}.detail-wrap{padding-top:27px}.dashboard-back{margin-bottom:18px}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 27px;background:#fff;border:1px solid #e9ecf2;border-radius:17px;box-shadow:var(--shadow);margin-bottom:24px}.detail-hero h1{font-size:24px;margin:3px 0}.detail-hero p{font-size:12px;color:#707d94;max-width:650px;white-space:pre-wrap;margin:3px 0 10px}.submission-progress{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:105px;color:#8a94a7;font-size:9px}.submission-progress strong{font:700 24px Manrope,sans-serif;color:#253754}.submission-progress>i{display:block;width:92px;height:5px;background:#e9edf1;border-radius:9px;overflow:hidden;margin-top:7px}.submission-progress>i>b{display:block;height:100%;background:#50bd93;border-radius:9px}.student-review-list{gap:13px}.review-student-card{padding:16px 18px;background:#fff;border:1px solid #e9ecf2;border-radius:15px}.review-student-head{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid #f0f1f5}.student-avatar{background:#eaf5f0;color:#308965}.review-student-head h3{font-size:12px;margin:0}.review-student-head small{font-size:9px;color:#929bad}.review-student-head>.status-badge{margin-right:auto}.teacher-version-list{padding-top:3px}.teacher-version{padding:10px 0 11px;border-bottom:1px solid #f1f2f5}.teacher-version:last-child{border-bottom:0;padding-bottom:0}.version-summary{display:flex;align-items:center;gap:9px}.saved-feedback{margin:8px 0 0 36px;padding:8px 10px;background:#f6f7fb;border-right:2px solid #aaa6d2;border-radius:5px 8px 8px 5px}.review-form{margin:11px 0 0 36px;padding:12px;background:#fafbfc;border:1px solid #edf0f3;border-radius:10px;display:grid;gap:8px}.review-form>label:first-child{margin:0;font-size:10px}.review-form textarea{min-height:66px;font-size:11px;background:#fff}.review-form .button{justify-self:start}.revision-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;width:fit-content}.revision-toggle input{position:absolute;opacity:0}.toggle-box{width:17px;height:17px;border:1px solid #cbd1dc;border-radius:5px;background:#fff;position:relative;flex:none}.revision-toggle input:checked+.toggle-box{background:#283c5c;border-color:#283c5c}.revision-toggle input:checked+.toggle-box:after{content:'✓';position:absolute;color:#fff;font-size:11px;top:-2px;left:2px}.revision-toggle input:focus-visible+.toggle-box{outline:2px solid #56b78e;outline-offset:2px}.revision-toggle b{display:block;font-size:10px;color:#53617a}.revision-toggle small{display:block;font-size:8px;color:#929bad}.no-submission{font-size:10px;color:#929bad;padding:13px 2px 3px}
@media(max-width:800px){.auth-page{padding:16px}.auth-shell{grid-template-columns:1fr;max-width:520px}.auth-story{min-height:315px;padding:24px 28px 17px}.story-copy{margin-top:30px}.story-copy h1{font-size:30px}.story-copy p{font-size:12px;max-width:315px}.story-art,.register-art{position:absolute;left:5px;bottom:8px;width:42%;height:175px;opacity:.92}.art-window{width:95%;padding:12px}.art-task{padding:5px}.art-icon{width:25px;height:25px}.story-foot{margin-top:auto}.auth-form-side{padding:35px 28px 23px;min-height:400px}.auth-footer{margin-top:20px}.compact-story{min-height:295px}.compact-story .story-copy{margin-top:28px}.dashboard-wrap{width:min(100% - 32px,650px);padding-top:28px}.topbar{padding:0 18px;height:64px}.role-pill{display:none}.panel{padding:19px}.welcome-row h1,.student-hero h1{font-size:23px}.teacher-assignment-card{align-items:flex-start}.assignment-card-main p{white-space:normal}.meta-row{gap:7px}.detail-hero{padding:20px}.student-hero{padding:19px 20px}.hero-mark{width:75px;height:75px;margin-left:0}.hero-mark span{font-size:32px}}
@media(max-width:560px){body{font-size:14px}.auth-page{padding:0;background:#fff;display:block}.auth-shell{min-height:100vh;border-radius:0;box-shadow:none}.auth-story{min-height:250px;padding:20px 22px 15px}.brand{font-size:17px}.brand-mark{width:31px;height:31px;border-radius:10px;font-size:17px}.story-copy{margin-top:24px}.story-copy h1{font-size:25px;margin:8px 0}.story-copy p{font-size:10px;max-width:235px}.story-art,.register-art{width:39%;height:135px;left:0;bottom:20px}.art-window{width:108%;padding:9px 10px}.art-top{margin-bottom:6px}.art-task b{font-size:8px}.art-task small{font-size:7px}.art-icon{width:22px;height:22px}.art-caption{font-size:7px}.story-foot{font-size:8px;margin-top:14px}.register-card{width:165px;padding:13px}.register-card strong{font-size:10px;margin:8px 0}.register-card small,.register-card>span:last-child{font-size:7px}.register-spark{font-size:14px;top:8px;left:11px}.auth-form-side{padding:30px 23px 20px;min-height:calc(100vh - 250px)}.auth-form-wrap h2{font-size:25px}.auth-form-wrap>.muted{font-size:12px}.auth-form-wrap .back-link{margin-bottom:23px}.form-stack label{font-size:12px}.form-stack input{height:44px}.auth-switch{font-size:11px}.auth-note{font-size:10px}.dashboard-wrap{width:calc(100% - 28px);padding:23px 0 45px}.topbar{padding:0 13px;height:59px}.topbar-right{gap:9px}.user-chip{font-size:10px;gap:5px}.avatar{width:27px;height:27px}.logout-button{font-size:10px;padding:5px}.welcome-row{align-items:flex-start;gap:8px}.welcome-row h1,.student-hero h1{font-size:20px}.welcome-row .muted{font-size:10px;max-width:255px}.welcome-row>.button{font-size:10px;padding:9px 10px;white-space:nowrap;margin-top:12px}.stats-grid{gap:7px}.stat-card{padding:12px 9px;gap:7px;border-radius:11px}.stat-icon{width:29px;height:29px;font-size:14px;border-radius:9px}.stat-card small{font-size:8px}.stat-card strong{font-size:16px}.stat-card .stat-status{font-size:11px}.panel{padding:16px 14px;border-radius:14px}.panel-heading h2,.section-heading h2{font-size:16px}.panel-heading .muted{font-size:9px}.panel-heading .status-badge{font-size:8px}.schedule-form{grid-template-columns:1fr;gap:9px;margin-top:14px}.schedule-form .button{width:100%}.panel-footnote{font-size:9px}.assignment-form{gap:12px;margin-top:14px}.assignment-dates{grid-template-columns:1fr 1fr;gap:7px}.assignment-dates input{font-size:10px;padding:9px 6px}.field label{font-size:11px}.type-option span{min-width:45px;padding:5px 7px}.form-actions{align-items:flex-start;flex-direction:column;gap:6px}.form-actions .button{width:100%}.assignments-section{margin-top:27px}.teacher-assignment-card{padding:13px;gap:9px;flex-direction:column}.assignment-card-main{gap:9px}.assignment-symbol{width:30px;height:30px;font-size:13px}.card-title-row{gap:5px}.card-title-row h3{font-size:12px}.assignment-card-main p{font-size:10px;margin:4px 0}.meta-row{font-size:8px}.teacher-assignment-card>.button{align-self:stretch}.student-hero{min-height:128px;padding:15px;margin-bottom:14px}.student-hero p{font-size:10px;max-width:245px}.hero-mark{width:55px;height:55px;border-radius:19px}.hero-mark span{font-size:24px}.hero-mark i{width:11px;height:11px;border-width:2px;top:7px;left:5px}.student-section-heading{margin-top:22px}.student-assignment-card{padding:14px 12px;border-radius:13px}.student-card-head{gap:8px}.student-card-title h3{font-size:12px}.student-card-title .teacher-name{font-size:8px}.student-card-head .status-badge{font-size:7px;padding:4px 6px}.deadline-chip{min-width:78px;padding:5px 7px}.deadline-chip small{font-size:7px}.deadline-chip b{font-size:8px}.assignment-description{font-size:10px;margin:11px 0}.allowed-row{gap:5px}.allowed-row>span,.allowed-row>small{font-size:8px}.file-chips{gap:3px}.file-chips span{font-size:7px;padding:3px 4px}.version-row{gap:6px}.version-info{min-width:105px}.version-info a{font-size:9px}.mini-status{font-size:7px}.feedback-note{margin-right:32px;margin-left:0}.upload-form{align-items:stretch;flex-direction:column}.upload-picker{min-height:50px}.upload-form>.button{width:100%}.picker-action{font-size:8px}.detail-hero{align-items:flex-start;padding:16px;gap:9px}.detail-hero h1{font-size:19px}.detail-hero p{font-size:10px}.detail-hero .meta-row{display:grid;gap:4px}.submission-progress{min-width:62px;font-size:8px}.submission-progress strong{font-size:19px}.submission-progress>i{width:62px}.review-student-card{padding:13px 11px}.review-student-head{gap:7px}.review-student-head h3{font-size:10px}.review-student-head>.status-badge{font-size:7px;padding:4px 6px}.review-form{margin-right:0;margin-left:0;padding:9px}.saved-feedback{margin-right:31px;margin-left:0}.revision-toggle b{font-size:9px}.app-footer{font-size:9px}}

/* Make requested revisions stand out in both the assignment card and version history. */
.status-badge.status-revision{color:#873b00;background:#fff0d3;border:1px solid #e9a448;font-weight:800;box-shadow:0 2px 9px rgba(174,94,10,.12)}
.status-badge.status-revision::before{content:"!";display:inline-grid;place-items:center;width:15px;height:15px;margin-inline-end:4px;border-radius:50%;background:#d97716;color:#fff;font:800 10px Manrope,sans-serif}
.status-badge.status-updated{color:#155c85;background:#e5f5ff;border:1px solid #89c9eb;font-weight:800;box-shadow:0 2px 9px rgba(19,100,150,.12)}
.status-badge.status-updated::before{content:"↻";display:inline-grid;place-items:center;width:15px;height:15px;margin-inline-end:4px;border-radius:50%;background:#1683b4;color:#fff;font:800 11px Manrope,sans-serif}
.revision-callout{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:13px 15px;background:#fff5e5;border:1px solid #e9ad5d;border-inline-start:5px solid #d97716;border-radius:11px;color:#713500}
.revision-callout-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#d97716;color:white;font:800 18px Manrope,sans-serif}
.revision-callout strong{display:block;font-size:13px;font-weight:800;color:#793900}
.revision-callout p{margin:2px 0 0;font-size:11px;color:#865222;line-height:1.6}
.mini-status.revision-requested{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #e3a04d;border-radius:7px;background:#ffe4b9;color:#7e3900;font-size:10px;font-weight:800;box-shadow:0 2px 7px rgba(174,94,10,.12)}
.mini-status.revision-requested::before{content:"!";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#c96711;color:#fff;font:800 9px Manrope,sans-serif}
@media(max-width:560px){.status-badge.status-revision{font-size:8px;padding:5px 7px}.status-badge.status-revision::before{width:13px;height:13px}.revision-callout{gap:9px;margin-top:11px;padding:11px}.revision-callout-icon{width:27px;height:27px}.revision-callout strong{font-size:12px}.revision-callout p{font-size:10px}.mini-status.revision-requested{font-size:9px;padding:4px 8px}}

/* Dashboard filters: keep revision requests available in their own tab. */
.assignment-tabs{display:flex;align-items:center;gap:5px;width:fit-content;margin:-3px 0 14px;padding:4px;background:#e9edf3;border-radius:12px}
.assignment-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6e7990;font-size:10px;font-weight:600;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.assignment-tab[aria-pressed="true"]{background:#fff;border-color:#e7eaf0;color:#293956;box-shadow:0 2px 7px rgba(24,40,68,.07)}
.tab-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#edf0f5;color:#64718a;font:700 9px Manrope,sans-serif}
.assignment-tab.has-pending .tab-count{background:#d97716;color:#fff}
.student-assignment-card[hidden]{display:none!important}
.revision-filter-empty[hidden]{display:none!important}
.revision-empty-icon{background:#fff0d9;color:#c36b16}
@media(max-width:560px){.assignment-tabs{width:100%;margin-bottom:11px}.assignment-tab{flex:1;justify-content:center;padding:7px 8px;font-size:9px}}

/* Teacher tools for per-student grades and bulk latest-submission download. */
.detail-actions{display:flex;align-items:center;gap:9px;margin-top:13px}
.download-latest-button{gap:9px}
.download-latest-button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}
.download-glyph{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:rgba(255,255,255,.15);font-size:16px;line-height:1}
.download-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border-radius:20px;background:rgba(255,255,255,.16);font:700 9px Manrope,sans-serif}
.grade-form{display:flex;align-items:flex-end;gap:9px;margin:11px 0 2px;padding:10px 11px;background:#f7f8fb;border:1px solid #eceef3;border-radius:10px}
.grade-form>label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;color:#53617a}
.grade-form select{min-width:145px;padding:7px 9px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#34425d;font:600 10px 'IBM Plex Sans Arabic',Tahoma,sans-serif}
.grade-form .button{height:33px}
.grade-saved{align-self:center;margin-right:auto;padding:4px 8px;border-radius:7px;background:#e8f7ef;color:#287c5c;font-size:9px;font-weight:700}
@media(max-width:560px){.detail-actions{flex-direction:column;align-items:stretch}.download-latest-button{width:100%;font-size:10px;padding:9px}.grade-form{align-items:stretch;flex-wrap:wrap}.grade-form>label{flex:1;align-items:flex-start;flex-direction:column;gap:4px}.grade-form select{width:100%;min-width:0}.grade-form .button{align-self:flex-end}.grade-saved{margin-right:0}}

.student-grade{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:4px 8px;border:1px solid #b8e3cd;border-radius:8px;background:#edf9f2;color:#287b5b;font-size:9px}
.student-grade>span{font-weight:600}
.student-grade>b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:6px;background:#2c8a64;color:#fff;font:800 10px Manrope,sans-serif}
.student-grade>small{font-size:8px;color:#55856f}
@media(max-width:560px){.student-grade{gap:5px;padding:3px 7px;margin-top:4px}.student-grade>b{min-width:17px;height:17px}}

/* Courses, enrollment and final-grade lock. */
.course-panel{scroll-margin-top:18px}
.course-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:14px}
.course-create-form .button{height:39px;white-space:nowrap}
.course-list{display:grid;gap:12px;margin-top:16px}
.course-card{padding:15px;background:#fafbfd;border:1px solid #e8ecf2;border-radius:13px;scroll-margin-top:18px}
.course-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.course-card-heading h3{font-size:13px;margin:0;color:#30405c}
.course-card-heading p{font-size:9px;color:#8a95a8;margin:3px 0 0}
.course-students-form{display:grid;gap:10px}
.course-students-form fieldset{min-width:0;border:0;padding:0;margin:0}
.course-students-form legend{font-size:10px;font-weight:700;color:#596780;margin-bottom:8px}
.student-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px}
.student-picker{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:8px 9px;border:1px solid #e7eaf0;border-radius:9px;background:#fff;cursor:pointer}
.student-picker input{grid-row:1/3;accent-color:#3f9a76}
.student-picker span{font-size:10px;font-weight:600;color:#465570;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.student-picker small{font-size:8px;color:#99a2b1;direction:ltr;text-align:right}
.course-students-form>.button{justify-self:start}
.course-empty{padding:20px;margin-top:14px}
.course-empty h3{font-size:12px}
.course-empty p{font-size:10px}
.status-badge.status-graded{color:#285f50;background:#e7f5ed;border:1px solid #bce2cb;font-weight:800}
.grade-lock-hint{margin:8px 0;padding:8px 10px;border-inline-start:3px solid #398969;border-radius:7px;background:#edf8f1;color:#31775c;font-size:9px;font-weight:600}
.student-grade-lock{margin-top:12px}
.grade-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 23px}
.grade-stats .stat-card{min-width:0}
.grade-letter{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#edf0f7;color:#435373;font:800 15px Manrope,sans-serif}
.grade-stat-p .grade-letter{background:#e8f7ef;color:#25805d}
.grade-stat-m .grade-letter{background:#eff0ff;color:#6767ab}
.grade-stat-d .grade-letter{background:#fff4df;color:#a96e17}
.grade-stat-pending .grade-letter{background:#f0f2f6;color:#77839a}
@media(max-width:700px){.grade-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.course-create-form{grid-template-columns:1fr}.course-create-form .button{width:100%}.student-picker-grid{grid-template-columns:1fr}.course-students-form>.button{width:100%}.grade-stats{gap:7px;margin-bottom:18px}.grade-letter{width:28px;height:28px;font-size:12px}}

/* Student membership opens in a focused, vertically stacked roster dialog. */
.course-card-heading>.button{flex:none}
.course-roster{display:grid;gap:5px;list-style:none;margin:0;padding:0}
.course-roster li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid #e8ecf1;border-radius:8px;background:#fff}
.course-roster li span{font-size:10px;font-weight:600;color:#465570}
.course-roster li small{font-size:8px;color:#97a0b0;direction:ltr}
.course-roster-empty{margin:0;color:#929bad;font-size:9px}
.course-students-dialog{width:min(540px,calc(100% - 30px));max-height:min(78vh,680px);padding:0;border:1px solid #e0e5ed;border-radius:17px;background:#fff;color:#31415d;box-shadow:0 24px 80px rgba(18,31,54,.24)}
.course-students-dialog::backdrop{background:rgba(22,34,55,.48);backdrop-filter:blur(2px)}
.course-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:19px 20px 13px;border-bottom:1px solid #edf0f4}
.course-dialog-heading h3{font-size:15px;margin:0;color:#293956}
.course-dialog-heading p{font-size:10px;line-height:1.7;color:#808ba0;margin:4px 0 0}
.dialog-close{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #e7eaf0;border-radius:9px;background:#f8f9fb;color:#6c7890;font-size:20px;cursor:pointer}
.course-students-form{display:grid;gap:12px;padding:14px 20px 18px}
.course-students-form fieldset{min-width:0;border:0;padding:0;margin:0}
.course-students-form legend{font-size:10px;font-weight:700;color:#596780;margin-bottom:8px}
.student-picker-list{display:grid;grid-template-columns:1fr;gap:6px;max-height:46vh;overflow:auto;padding:1px 3px 1px 1px}
.student-picker{grid-template-columns:18px minmax(0,1fr) auto;grid-template-rows:auto;min-height:39px;padding:8px 10px}
.student-picker input{grid-row:1;grid-column:1}
.student-picker span{grid-column:2}
.student-picker small{grid-column:3;grid-row:1}
.course-dialog-actions{position:sticky;bottom:0;display:flex;justify-content:flex-start;gap:8px;padding-top:11px;background:#fff}
.course-dialog-actions .button{min-width:110px}
@media(max-width:560px){.course-students-dialog{width:calc(100% - 22px);max-height:82vh;border-radius:14px}.course-dialog-heading{padding:15px 14px 11px}.course-students-form{padding:12px 14px 14px}.student-picker-list{max-height:52vh}.student-picker{grid-template-columns:18px minmax(0,1fr) auto}.course-dialog-actions .button{flex:1;min-width:0}}

/* Class, subject and term organization for the teacher dashboard. */
.school-grade-list{display:grid;gap:16px;margin-top:18px}
.school-grade-card{padding:17px;background:#fbfcfe;border:1px solid #e7ebf2;border-radius:15px;scroll-margin-top:18px}
.school-grade-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.school-grade-heading h3{margin:2px 0 0;color:#2c3c59;font-size:17px}
.subject-create-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) auto;align-items:end;gap:10px;padding:12px;background:#fff;border:1px solid #edf0f4;border-radius:11px}
.subject-create-form .field{gap:5px}
.subject-create-form .field label{margin:0}
.subject-create-form input,.subject-create-form select,.legacy-course-row select{min-width:0;height:39px;padding:8px 10px;border:1px solid #e2e6ee;border-radius:9px;background:#fff;color:#35445f;font-size:11px}
.subject-create-form .button{height:39px;white-space:nowrap;padding-inline:13px}
.subject-list{display:grid;gap:9px;margin-top:12px}
.subject-card{padding:12px;background:#fff}
.subject-card .course-card-heading{margin-bottom:9px}
.subject-card .course-card-heading h4{margin:0;color:#33435f;font-size:12px}
.subject-card .course-card-heading p{margin-top:2px}
.course-roster{max-height:180px;overflow:auto}
.term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.term-card{min-width:0;padding:12px;background:#f6f7fb;border:1px solid #e8eaf1;border-radius:12px;scroll-margin-top:20px}
.term-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
.term-card-heading h4{margin:2px 0;color:#35435e;font-size:12px}
.term-card-heading p{margin:1px 0 0;color:#8c96a8;font-size:9px}
.term-assigned-subjects{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.term-subject-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border:1px solid #dfece4;border-radius:7px;background:#fff;color:#526d5e;font-size:9px;overflow-wrap:anywhere}
.term-empty-subjects,.term-no-available-subjects{margin:5px 0;color:#929bad;font-size:9px;line-height:1.6}
.term-add-subject-options{display:grid;gap:6px;margin-top:10px}
.term-add-subject-label{color:#69758b;font-size:9px;font-weight:700}
.term-add-subject-buttons{display:flex;flex-wrap:wrap;gap:5px}
.term-add-subject-buttons form{margin:0}
.term-add-subject-button{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:31px;padding:5px 8px;border:1px solid #dce7e0;border-radius:8px;background:#fff;color:#3d795b;font:600 9px 'IBM Plex Sans Arabic',Tahoma,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.term-add-subject-button:hover{transform:translateY(-1px);border-color:#a8d7b9;background:#eef8f1}
.term-add-subject-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.term-add-subject-button>span:first-child{font-size:13px;color:#2e9a68}
.term-add-subject-button:focus-visible{outline:2px solid #419b75;outline-offset:2px}
.term-complete-form{margin-top:10px}
.term-complete-form .button{width:100%;height:auto;min-height:36px;padding:7px 9px;white-space:normal;text-align:center;line-height:1.5;font-size:9px}
.term-complete-form .button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.term-completion-actions{display:grid;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #e7eaf0}
.term-completion-actions p{margin:0;color:#6d7c91;font-size:9px;line-height:1.7}
.term-completion-actions p b{color:#3f506b}
.term-completion-actions .button{justify-self:start;white-space:normal;line-height:1.5;font-size:9px}
.term-completion-actions form{margin:0}
.legacy-courses{margin-top:17px;padding:14px;background:#fff9ee;border:1px solid #f1e6d2;border-radius:12px}
.legacy-courses h3{margin:0;color:#72552b;font-size:12px}
.legacy-courses>p{margin:3px 0 10px;color:#94805f;font-size:9px}
.legacy-course-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #f1e8d8}
.legacy-course-row>strong{font-size:10px;color:#596780}
.legacy-course-row form{display:flex;align-items:center;gap:7px}
.legacy-course-row select{height:34px;padding:5px 8px;font-size:9px}
.student-picker-tools{display:flex;gap:14px;margin:0 0 8px}
.student-picker-tools .text-button{font-size:10px}

/* Compact grading list: show a one-line student row, expand only when reviewing. */
.completion-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 17px}
.completion-stat{display:flex;align-items:center;gap:11px;min-width:0;padding:14px 16px;border:1px solid #e8ecf1;border-radius:13px;background:#fff}
.completion-stat .completion-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;font:800 16px Manrope,sans-serif}
.completion-stat>div{display:grid;gap:1px}
.completion-stat small{color:#76839a;font-size:9px}
.completion-stat strong{color:#293956;font:800 19px Manrope,'IBM Plex Sans Arabic',sans-serif;line-height:1.2}
.completion-total{margin-right:auto;color:#98a1b0;font-size:8px;text-align:left}
.completed-count{background:#f4fbf6;border-color:#dcefe3}
.completed-count .completion-icon{background:#e3f5e9;color:#2c8a61}
.pending-count{background:#fffaf1;border-color:#f2e9d7}
.pending-count .completion-icon{background:#fff0d6;color:#a57529}
.grade-breakdown{margin-bottom:20px;padding:13px 15px 2px;border:1px solid #e9ecf2;border-radius:14px;background:#fbfcfe}
.grade-breakdown-heading h2{margin:1px 0 10px;color:#3a4964;font-size:13px}
.grade-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 11px}
.student-review-list{gap:7px}
.review-student-card{padding:0;overflow:hidden;border-radius:11px;transition:border-color .15s,background .15s}
.review-student-card.student-is-graded{border-color:#c9e6d4;background:#f5fbf7}
.review-student-summary{display:flex;align-items:center;gap:9px;min-height:55px;padding:8px 11px;cursor:pointer;list-style:none}
.review-student-summary::-webkit-details-marker{display:none}
.review-student-summary::marker{content:""}
.review-student-summary:hover{background:rgba(237,244,248,.55)}
.student-is-graded>.review-student-summary:hover{background:#edf8f1}
.review-student-summary .student-avatar{width:30px;height:30px;flex:none;font-size:11px}
.compact-student-info{display:grid;gap:1px;min-width:100px;flex:1}
.compact-student-info strong{overflow:hidden;color:#34435e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.compact-student-info small{color:#929bad;font-size:8px}
.review-student-summary .status-badge{padding:4px 7px;font-size:8px}
.compact-grade{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #c6e5d1;border-radius:7px;background:#e9f7ee;color:#347b59}
.compact-grade small{font-size:7px}
.compact-grade b{font:800 10px Manrope,sans-serif}
.summary-chevron{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:7px;background:#f0f2f6;color:#8b95a7;font-size:13px;transition:transform .15s}
.review-student-card[open]>.review-student-summary .summary-chevron{transform:rotate(180deg)}
.student-expanded-details{padding:0 12px 13px;border-top:1px solid #edf0f3}
.student-is-graded .student-expanded-details{border-color:#e2efe7}
.student-expanded-details .grade-form{margin-top:10px}
.student-expanded-details .teacher-version-list{padding-top:2px}
.review-controls-hint{margin:4px 0 0;color:#78849a;font-size:10px;line-height:1.7}
.evaluation-edit-actions{display:flex;justify-content:flex-start;margin:8px 0 10px}
.evaluation-edit-dialog{width:min(500px,calc(100% - 28px))}
.evaluation-edit-dialog .evaluation-grade-select{font:600 13px 'IBM Plex Sans Arabic',Tahoma,sans-serif}
.evaluation-edit-dialog .evaluation-feedback{width:100%;min-height:110px;padding:10px 12px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;color:#35445f;font:500 13px/1.8 'IBM Plex Sans Arabic',Tahoma,sans-serif;resize:vertical}
.evaluation-edit-dialog .evaluation-feedback:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(81,189,148,.12);outline:none}
.evaluation-no-submission{margin:0;padding:9px 11px;border-radius:9px;background:#f6f7fa;color:#78849a;font-size:10px}
.revision-request-note{margin:0;padding:10px 12px;border:1px solid #d5ebdf;border-radius:10px;background:#f2faf5;color:#3c7659;font-size:10px;line-height:1.8}
.revision-action-row{display:flex;margin-top:2px}
.evaluation-edit-dialog .button-revision-request{width:100%;min-height:42px;border:1px solid #f0d7b7;background:#fff5e9;color:#92591c;box-shadow:none}
.evaluation-edit-dialog .button-revision-request:hover{background:#ffedd8}
.version-delete-form{flex:none;margin-inline-start:auto}
.version-delete-form .button{min-height:30px;padding:5px 9px;font-size:9px}

@media(max-width:800px){.term-grid{grid-template-columns:1fr}.term-card{padding:13px}}
@media(max-width:560px){.school-grade-card{padding:12px}.school-grade-heading h3{font-size:15px}.subject-create-form{grid-template-columns:1fr;padding:10px}.subject-create-form .button{width:100%}.legacy-course-row{align-items:stretch;flex-direction:column}.legacy-course-row form{width:100%}.legacy-course-row select{flex:1;min-width:0}.student-picker-tools{gap:12px}.student-picker-tools .text-button{font-size:9px}.completion-summary{gap:7px}.completion-stat{align-items:flex-start;gap:7px;padding:10px 9px}.completion-stat .completion-icon{width:27px;height:27px;border-radius:8px;font-size:13px}.completion-stat small{font-size:8px}.completion-stat strong{font-size:16px}.completion-total{align-self:flex-end;font-size:7px}.grade-breakdown{padding:11px 9px 1px}.grade-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.grade-stats .stat-card{padding:9px 7px;gap:6px}.grade-stats .stat-card small{font-size:7px}.grade-stats .stat-card strong{font-size:14px}.grade-letter{width:25px;height:25px;border-radius:7px;font-size:11px}.review-student-summary{gap:6px;min-height:51px;padding:7px}.review-student-summary .student-avatar{width:26px;height:26px}.compact-student-info{min-width:65px}.compact-student-info strong{font-size:9px}.review-student-summary .status-badge{max-width:104px;overflow:hidden;padding:3px 5px;font-size:7px;text-overflow:ellipsis}.compact-grade{gap:3px;padding:3px 4px}.compact-grade small{font-size:6px}.compact-grade b{font-size:9px}.summary-chevron{width:20px;height:20px}.student-expanded-details{padding:0 8px 10px}.version-summary{align-items:flex-start;flex-wrap:wrap}.version-delete-form{margin-inline-start:auto}.version-delete-form .button{min-height:32px}.evaluation-edit-actions .button{width:100%;min-height:39px}.evaluation-edit-dialog .course-dialog-actions .button{flex:1;min-width:0}}

/* Administrator-only school-year setup and tabbed curriculum management. */
[hidden]{display:none!important}
.admin-pill{color:#655da5;background:#f0effb;border:1px solid #e2dff7}
.admin-avatar{background:#eceafb;color:#625ca0}
.admin-dashboard{padding-top:29px}
.admin-year-mark{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dcefe4;border-radius:11px;background:#f2faf5;color:#357b5b;font-size:10px;font-weight:700;white-space:nowrap}
.admin-info-note{display:flex;align-items:flex-start;gap:11px;margin:3px 0 20px;padding:12px 14px;border:1px solid #e4e8f3;border-radius:12px;background:#f8f9fd;color:#65728b}
.admin-info-note>span{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:#eceefa;color:#6463a6;font:700 12px Manrope,sans-serif}
.admin-info-note p{margin:0;font-size:10px;line-height:1.8}.admin-info-note b{color:#40516e}
.admin-main-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px;padding:7px;border:1px solid #e8ebf1;border-radius:15px;background:#f7f8fb}
.admin-tab{display:flex;align-items:center;gap:11px;min-width:0;min-height:61px;padding:9px 13px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:right;color:#65728a;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
.admin-tab>span:first-child{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#fff;color:#78829a;font-size:17px;box-shadow:0 2px 6px rgba(35,49,74,.04)}
.admin-tab>span:last-child{display:grid;gap:3px;min-width:0}.admin-tab b{font-size:11px;color:#4e5b73}.admin-tab small{font-size:8px;color:#939caf}
.admin-tab:hover{background:#fff}.admin-tab.is-active{border-color:#dcece2;background:#fff;box-shadow:0 4px 13px rgba(38,86,63,.06)}.admin-tab.is-active>span:first-child{background:#eaf6ef;color:#32835d}.admin-tab.is-active b{color:#2c7552}
.admin-tab:focus-visible,.grade-tab:focus-visible{outline:2px solid #419b75;outline-offset:2px}
.admin-context-note{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:8px 11px;border:1px solid #e2efe7;border-radius:9px;background:#f5fbf7;color:#64816f;font-size:9px}
.admin-context-note>span{color:#34815c;font-size:13px}
.admin-tab-panel{padding:19px;border:1px solid #e8ebf1;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(29,43,68,.035)}
.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.admin-section-heading h2{margin:2px 0 4px;color:#2f3e59;font-size:18px}.admin-section-heading p{margin:0;color:#7d899e;font-size:10px;line-height:1.7}
.grade-tabs{display:flex;gap:7px;margin:0 0 14px;padding-bottom:2px;overflow-x:auto;scrollbar-width:thin}
.grade-tab{display:grid;grid-template-columns:31px auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:145px;padding:9px 11px;border:1px solid #e8ebf1;border-radius:11px;background:#fafbfd;text-align:right;color:#66728a;cursor:pointer;transition:all .15s}
.grade-tab-mark{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef0f6;color:#6e7890;font:700 10px Manrope,sans-serif}
.grade-tab>span:nth-child(2){font-size:10px;font-weight:700;color:#4e5b73}.grade-tab small{font-size:8px;color:#9aa3b2}.grade-tab:hover{border-color:#cfdfd5;background:#fff}.grade-tab.is-active{border-color:#b9dcc6;background:#f3faf5;box-shadow:0 3px 10px rgba(37,117,76,.06)}.grade-tab.is-active .grade-tab-mark{background:#dff2e6;color:#2d8058}.grade-tab.is-active>span:nth-child(2){color:#2e7753}
.grade-tab-panel{scroll-margin-top:16px;padding:16px;border:1px solid #edf0f4;border-radius:13px;background:#fcfcfd}
.grade-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.grade-panel-heading h3{margin:2px 0;color:#33415c;font-size:16px}.grade-panel-heading p{margin:3px 0 0;color:#8791a3;font-size:9px}
.admin-create-course,.admin-terms-section{padding:14px;border:1px solid #e9edf2;border-radius:12px;background:#fff}.admin-subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.admin-subheading h4{margin:0;color:#394861;font-size:12px}.admin-subheading p{margin:3px 0 0;color:#8c96a7;font-size:9px}.admin-inline-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#eaf6ef;color:#3b8b62;font-size:16px}
.admin-course-form{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr) auto}.admin-course-form .button{min-width:110px}.admin-course-form input,.admin-course-form select{width:100%}.admin-no-teachers{margin:9px 0 0}
.admin-course-list{display:grid;gap:9px;margin:12px 0 18px}.admin-course-card{padding:12px 14px;border:1px solid #e6eaf0;border-radius:11px;background:#fff;scroll-margin-top:16px}.admin-course-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-course-title{display:flex;align-items:center;gap:9px;min-width:0}.admin-course-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#f0f1fa;color:#6968a7;font-size:14px}.admin-course-title h4{margin:0;color:#33425f;font-size:11px}.admin-course-title p{display:flex;gap:5px;margin:3px 0 0;color:#8993a5;font-size:8px}.admin-course-terms{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:10px 0 7px}.admin-label{font-size:8px;font-weight:700;color:#8791a3}.admin-course-roster{max-height:136px;margin-top:7px}.admin-course-card>.course-roster-empty{margin-top:8px}
.admin-course-teacher-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0 3px;padding:9px 10px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfd}.admin-course-teacher-form>label{display:flex;align-items:center;gap:8px;min-width:min(100%,280px);font-size:9px;font-weight:700;color:#69758b}.admin-course-teacher-form select{flex:1;min-width:120px;height:33px;padding:5px 8px;border:1px solid #e2e6ee;border-radius:8px;background:#fff;color:#35445f;font:500 9px 'IBM Plex Sans Arabic',Tahoma,sans-serif}.admin-course-teacher-form .button{height:33px}.admin-course-teacher-form small{flex-basis:100%;color:#9a7c48;font-size:8px}
.admin-empty-card{display:flex;align-items:center;gap:10px;margin:12px 0 18px;padding:14px;border:1px dashed #dfe5ec;border-radius:11px;background:#fff;color:#8993a5}.admin-empty-card>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#f0f2f7;color:#78849b;font-size:16px}.admin-empty-card p{margin:0;font-size:9px;line-height:1.7}
.admin-terms-section{margin-top:13px}.admin-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin-term-card{min-width:0;padding:11px;border:1px solid #e7eaf0;border-radius:11px;background:#f8f9fc;scroll-margin-top:17px}.admin-term-card .term-card-heading h4{font-size:11px}.admin-term-card .term-card-heading p{font-size:8px}.admin-term-card .term-completion-actions .button{justify-self:stretch;text-align:center}.admin-term-card .term-completion-actions form{justify-self:start}.admin-term-card .term-completion-actions .text-button{font-size:9px}
.admin-legacy-courses{margin-top:14px}.admin-legacy-assignment form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.admin-registration-panel,.admin-teacher-panel{padding:17px}.admin-registration-panel .schedule-form{margin-top:15px}.registration-summary{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e6efe8;border-radius:11px;background:#f7fbf8}.registration-summary-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e7f4eb;color:#34825a;font-size:17px}.registration-summary>div{display:grid;gap:3px}.registration-summary b{font-size:11px;color:#40576a}.registration-summary small{font-size:9px;color:#8b98a2}
.admin-teacher-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px}.admin-teacher-form .button{height:39px;white-space:nowrap}.admin-teacher-list{display:grid;gap:7px;margin-top:16px}.admin-teacher-row{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e9edf2;border-radius:10px;background:#fbfcfd}.admin-teacher-row>div{display:grid;gap:2px;flex:1}.admin-teacher-row>div b{font-size:10px;color:#43516b}.admin-teacher-row>div small{font:9px Manrope,sans-serif;color:#929bad;direction:ltr;text-align:right}.admin-teacher-row .avatar{width:29px;height:29px;font-size:10px}.admin-teacher-row .status-badge{font-size:8px}.admin-empty-teachers{margin:13px 0 0;color:#8c96a7;font-size:9px}
.admin-teacher-identity{min-width:120px;flex:0 0 150px!important}.teacher-password-reset{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr)) auto;align-items:end;gap:7px;flex:1}.teacher-password-reset .field{gap:4px}.teacher-password-reset .field label{margin:0;font-size:8px}.teacher-password-reset input{height:31px;padding:6px 8px;border:1px solid #e2e6ee;border-radius:8px;background:#fff;color:#35445f;font-size:9px}.teacher-password-reset .button{height:31px;white-space:nowrap}
.student-import-panel{padding:17px;border:1px solid #e7ebf1;border-radius:13px;background:#fff}.student-import-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.student-import-actions h3{margin:3px 0;color:#34435e;font-size:13px}.student-import-actions p{margin:3px 0 0;color:#8792a5;font-size:9px;line-height:1.7}.student-import-actions .button{white-space:nowrap}.student-import-note{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 12px;padding:9px 11px;border-radius:9px;background:#f4f7fb;color:#78859a;font-size:9px}.student-import-note b{color:#53627a}.student-import-form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:10px}.student-import-form input[type=file]{width:100%;min-height:39px;padding:7px;border:1px solid #e2e6ee;border-radius:9px;background:#fff;color:#54627b;font-size:9px}.student-import-form .button{height:39px;white-space:nowrap}.student-import-panel>.field-hint{margin-top:10px;line-height:1.7}
.student-roster-tables{display:grid;grid-template-columns:1fr;gap:10px;margin-top:15px}.student-roster-grade{padding:13px;border:1px solid #e8ebf1;border-radius:12px;background:#fff}.student-roster-grade .admin-subheading{margin-bottom:8px}.student-roster-scroll{max-height:310px;overflow:auto;border:1px solid #edf0f4;border-radius:9px}.student-roster-table{width:100%;border-collapse:collapse;font-size:9px}.student-roster-table th{position:sticky;top:0;padding:8px 10px;background:#f4f6fa;color:#66748b;text-align:right;font-weight:700}.student-roster-table td{padding:7px 10px;border-top:1px solid #f0f2f6;color:#53617a}.student-roster-table .national-id-cell{font-family:Manrope,sans-serif;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.student-roster-table .status-badge{padding:3px 7px;font-size:8px}
@media(max-width:820px){.admin-course-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-course-form .button{grid-column:1/-1}.admin-term-grid{grid-template-columns:1fr}.admin-teacher-form{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-teacher-form .button{grid-column:1/-1}.admin-teacher-row{align-items:flex-start;flex-wrap:wrap}.admin-teacher-row .status-badge{margin-right:auto}.teacher-password-reset{flex-basis:100%}.student-import-form{grid-template-columns:repeat(2,minmax(0,1fr))}.student-import-form .button{grid-column:1/-1}}
@media(max-width:620px){.admin-dashboard{padding-top:19px}.admin-year-mark{font-size:8px;padding:7px 9px}.admin-main-tabs{grid-template-columns:1fr;gap:5px;padding:5px}.admin-tab{min-height:51px;padding:7px 9px}.admin-tab>span:first-child{width:30px;height:30px}.admin-tab b{font-size:10px}.admin-tab small{font-size:8px}.admin-tab-panel{padding:12px}.admin-section-heading{align-items:flex-start}.admin-section-heading h2{font-size:15px}.admin-section-heading p{font-size:9px}.grade-tab{min-width:130px;padding:8px}.grade-tab-panel{padding:10px}.grade-panel-heading h3{font-size:14px}.admin-create-course,.admin-terms-section{padding:10px}.admin-course-form{grid-template-columns:1fr}.admin-course-form .button{grid-column:auto;width:100%}.admin-course-head{align-items:flex-start}.admin-course-head>.button{padding:6px 8px;font-size:8px}.admin-course-title h4{font-size:10px}.admin-course-title p{flex-wrap:wrap}.admin-legacy-assignment form{grid-template-columns:1fr}.admin-legacy-assignment form .button{width:100%}.admin-teacher-form{grid-template-columns:1fr}.admin-teacher-form .button{grid-column:auto;width:100%}.registration-summary{align-items:flex-start;padding:10px}.registration-summary small{line-height:1.6}.admin-info-note{padding:10px}.admin-info-note p{font-size:9px}.student-import-actions{align-items:stretch;flex-direction:column}.student-import-actions .button{width:100%}.student-import-form{grid-template-columns:1fr}.student-import-form .button{grid-column:auto;width:100%}.teacher-password-reset{grid-template-columns:1fr}.teacher-password-reset .button{width:100%}.admin-teacher-identity{flex:1 1 130px!important}}
@media(max-width:560px){.admin-course-teacher-form{align-items:stretch}.admin-course-teacher-form>label{width:100%;align-items:stretch;flex-direction:column;gap:5px}.admin-course-teacher-form select{width:100%}.admin-course-teacher-form .button{width:100%}}
.form-stack select{width:100%;height:47px;border:1px solid #e2e6ee;background:#fff;border-radius:10px;padding:10px 13px;color:var(--ink);outline:none;font:inherit;transition:border-color .18s,box-shadow .18s}.form-stack select:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(101,188,154,.12)}

/* Admin account edit and password reset dialogs. */
.admin-edit-dialog{width:min(600px,calc(100% - 28px));max-height:min(84vh,720px);padding:0;border:1px solid #e0e5ed;border-radius:17px;background:#fff;color:#31415d;box-shadow:0 24px 80px rgba(18,31,54,.24)}
.admin-edit-dialog::backdrop{background:rgba(22,34,55,.48);backdrop-filter:blur(2px)}
.admin-edit-dialog .course-dialog-heading{align-items:flex-start}
.admin-edit-dialog .course-dialog-heading h3{margin:2px 0 0;font-size:16px}
.admin-edit-form{display:grid;gap:12px;max-height:calc(84vh - 90px);overflow-y:auto;padding:16px 20px 19px}
.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}
.admin-edit-form .field{min-width:0;gap:6px}
.admin-edit-form .field label{margin:0;color:#5c6980;font-size:11px}
.admin-edit-form .field input,.admin-edit-form .field select{width:100%;height:41px;padding:8px 10px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;color:#35445f;font:500 11px 'IBM Plex Sans Arabic',Tahoma,sans-serif;outline:none}
.admin-edit-form .field input:focus,.admin-edit-form .field select:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(81,189,148,.12)}
.admin-edit-form .field-hint{margin:0;color:#8a96a8;font-size:9px;line-height:1.7}
.admin-edit-form .course-dialog-actions{padding-top:10px}
.student-add-open{white-space:nowrap}
.student-add-dialog{width:min(480px,calc(100% - 28px))}
.student-add-dialog .course-dialog-heading p{max-width:390px;line-height:1.7}
.student-add-dialog .field-hint{display:block}
.student-account-open{display:grid;gap:1px;padding:0;border:0;background:transparent;color:#40526c;text-align:right;cursor:pointer}
.student-account-open span{font:700 10px 'IBM Plex Sans Arabic',Tahoma,sans-serif;color:#34785f}
.student-account-open small{font-size:8px;color:#98a2b2}
.student-account-open:hover span{text-decoration:underline;text-underline-offset:3px}
.student-account-open:focus-visible,.teacher-password-open:focus-visible{outline:2px solid #419b75;outline-offset:3px}
.teacher-password-open{margin-inline-start:auto;white-space:nowrap}
.teacher-password-dialog{width:min(500px,calc(100% - 28px))}
@media(max-width:560px){.admin-edit-dialog{width:calc(100% - 20px);max-height:88vh;border-radius:14px}.admin-edit-dialog .course-dialog-heading{padding:15px 14px 11px}.admin-edit-form{max-height:calc(88vh - 80px);padding:13px 14px 15px}.admin-edit-grid{grid-template-columns:1fr;gap:9px}.admin-edit-form .course-dialog-actions .button{flex:1;min-width:0}.teacher-password-open{margin-inline-start:0;width:100%}.student-roster-grade .admin-subheading{align-items:flex-start}.student-add-open{min-height:34px;padding:6px 9px;font-size:9px}}

/* Main navigation for the teacher dashboard sections. */
.teacher-navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e8ebf1;box-shadow:0 5px 16px rgba(25,40,68,.035);backdrop-filter:blur(12px)}
.teacher-navbar-inner{display:flex;align-items:center;gap:6px;width:min(1030px,calc(100% - 48px));min-height:51px;margin:0 auto}
.teacher-navbar button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#65728a;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.teacher-navbar button>span{color:#3a9a73;font-size:14px}
.teacher-navbar button:hover,.teacher-navbar button.is-active{border-color:#dcefe5;background:#f1faf5;color:#267951}
.teacher-navbar button.is-active{box-shadow:inset 0 -2px 0 #3a9a73}
.teacher-navbar button:focus-visible{outline:2px solid #419b75;outline-offset:2px}
#courses,#registration,#assignments{scroll-margin-top:68px}
@media(max-width:560px){.teacher-navbar-inner{width:100%;min-height:48px;gap:3px;padding:0 9px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.teacher-navbar-inner::-webkit-scrollbar{display:none}.teacher-navbar button{min-height:34px;gap:5px;padding:6px 9px;font-size:9px}.teacher-navbar button>span{font-size:12px}#courses,#registration,#assignments{scroll-margin-top:56px}}

/* Modal reminder shown after saving feedback without requesting a new submission. */
.grade-warning-popup{width:min(440px,calc(100% - 32px));max-width:none;padding:0;border:1px solid #efd39c;border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(23,38,61,.28);color:var(--ink)}
.grade-warning-popup::backdrop{background:rgba(19,31,50,.58);backdrop-filter:blur(3px)}
.grade-warning-content{padding:22px 24px 20px}
.grade-warning-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.grade-warning-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff1d8;color:#b76c0a;font:800 21px Manrope,sans-serif}
.grade-warning-close{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:9px;background:#f3f5f8;color:#778299;font-size:21px;cursor:pointer}
.grade-warning-close:hover{background:#e9edf3;color:#34435e}
.grade-warning-kicker{color:#a56815;font-size:10px;font-weight:800}
.grade-warning-popup h2{margin:3px 0 7px;color:#233550;font-size:19px;line-height:1.5}
.grade-warning-popup p{margin:0;color:#68758c;font-size:13px;line-height:1.9}
.grade-warning-actions{display:flex;justify-content:flex-start;margin-top:18px}
@media(max-width:560px){.grade-warning-content{padding:18px}.grade-warning-popup h2{font-size:17px}.grade-warning-popup p{font-size:12px}}

/* Admin student and teacher account management actions. */
.button.button-danger{border:1px solid #b84450;background:#b84450;color:#fff;font-weight:800;box-shadow:0 3px 9px rgba(160,48,59,.14)}
.button.button-danger:hover{border-color:#96313c;background:#96313c}
.button.button-danger:disabled{border-color:#d6d9df;background:#d6d9df;color:#747e8e;box-shadow:none;cursor:not-allowed}
.student-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0}
.student-admin-action-card{display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:0;padding:14px 16px;border:1px solid #e4ebe6;border-radius:12px;background:#fff}
.student-admin-action-card h3{margin:2px 0 3px;color:#35445e;font-size:12px}
.student-admin-action-card p{margin:0;color:#7f8ba0;font-size:9px;line-height:1.7}
.student-admin-action-card form{flex:none}
.student-admin-danger-card{border-color:#f0d7d9;background:#fffafa}
.student-admin-danger-card .section-kicker{color:#ad4a54}
.student-delete-all-dialog{width:min(510px,calc(100% - 24px))}
.student-delete-all-dialog .course-dialog-heading p{max-width:420px;color:#845057}
.bulk-delete-form .field input{height:40px;border:1px solid #e4b9bd;border-radius:9px;padding:8px 10px;background:#fff;color:#39445a}
.bulk-delete-form .field input:focus{outline:2px solid #e8a3a8;outline-offset:2px}
.bulk-delete-form .button-danger{min-width:185px}
.student-row-actions{white-space:nowrap}
.student-row-actions form{margin:0}
.student-row-actions .button-danger{padding:5px 8px;font-size:8px}
.teacher-removal-note{margin:9px 0 0;line-height:1.7}
.teacher-delete-open{white-space:nowrap}
.teacher-delete-dialog{width:min(480px,calc(100% - 24px))}
.teacher-delete-dialog .admin-edit-form{max-height:65vh;overflow-y:auto}
.teacher-delete-dialog .course-dialog-heading p{line-height:1.7}
.teacher-delete-dialog .field select{width:100%;height:40px;border:1px solid #e2e6ee;border-radius:9px;padding:7px 10px;background:#fff;color:#34425d}
.teacher-delete-dialog .course-dialog-actions .button-danger{margin-inline-start:auto}
.teacher-delete-blocked{margin:0;padding:9px;border-radius:8px;background:#fff4e5;color:#845119}
@media(max-width:820px){.student-admin-actions{grid-template-columns:1fr}.student-admin-action-card{align-items:flex-start}}
@media(max-width:620px){.student-admin-action-card{flex-direction:column;align-items:stretch;padding:12px}.student-admin-action-card>.button,.student-admin-action-card form .button{width:100%}.bulk-delete-form .course-dialog-actions{align-items:stretch}.bulk-delete-form .course-dialog-actions .button{flex:1;min-width:0}.teacher-delete-dialog .course-dialog-actions{align-items:stretch;flex-wrap:wrap}.teacher-delete-dialog .course-dialog-actions .button{flex:1;min-width:0}.teacher-delete-dialog .course-dialog-actions .button-danger{margin-inline-start:0}}

.admin-course-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.admin-course-actions .button{white-space:nowrap}
.admin-course-edit-dialog{width:min(510px,calc(100% - 28px))}
.admin-course-delete-dialog{width:min(500px,calc(100% - 28px))}
.term-remove-subject-form{display:inline-flex;margin:0}
.term-subject-remove{gap:7px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.term-subject-remove:hover{border-color:#efb8b8;background:#fff4f4;color:#a94545}
.term-subject-remove>span:last-child{font-size:12px;line-height:1;color:#a66d6d}
.admin-assignment-management{margin-top:15px;padding:14px;border:1px solid #e6eaf0;border-radius:12px;background:#fff}
.admin-assignment-management .admin-subheading h3{margin:2px 0;color:#394861;font-size:12px}
.admin-assignment-management .admin-subheading p{margin:3px 0 0;color:#8c96a7;font-size:9px}
.admin-assignment-list{display:grid;max-height:420px;overflow:auto;border:1px solid #edf0f4;border-radius:9px}
.admin-assignment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-top:1px solid #edf0f4}
.admin-assignment-row:first-child{border-top:0}
.admin-assignment-info{display:grid;gap:2px;min-width:0}
.admin-assignment-info>b{overflow:hidden;color:#394861;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.admin-assignment-info>span{color:#4a8068;font-size:9px}
.admin-assignment-info>small{color:#8a95a7;font-size:8px}
.admin-assignment-row form{flex:none;margin:0}
.teacher-last-delete-consent{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #f1d2d2;border-radius:9px;background:#fff6f6;color:#8d4141;font-size:10px;line-height:1.7;cursor:pointer}
.teacher-last-delete-consent input{flex:none;margin:4px 0 0;accent-color:#b84e4e}
.legacy-course-row form+form{margin:0}
@media(max-width:620px){.admin-course-actions{width:100%;justify-content:flex-start}.admin-course-actions .button{flex:1}.admin-course-head{flex-wrap:wrap}.admin-assignment-row{align-items:flex-start;flex-direction:column}.admin-assignment-row form,.admin-assignment-row form .button{width:100%}.legacy-course-row{align-items:stretch;flex-wrap:wrap}.legacy-course-row>strong{width:100%}.legacy-course-row form,.legacy-course-row form .button{width:100%}}

/* Clearer school setup cards and student rosters. */
.grade-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:17px}
.grade-tab{min-height:62px;padding:10px 12px;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(36,54,78,.035)}
.grade-tab.is-active{border-color:#a9d5b9;background:linear-gradient(135deg,#f0faf3,#fff);box-shadow:0 6px 16px rgba(37,117,76,.09)}
.grade-tab-panel{padding:20px;border-color:#e4ebe6;border-radius:17px;background:linear-gradient(180deg,#fbfdfb 0,#fff 190px);box-shadow:0 8px 24px rgba(35,55,78,.035)}
.grade-panel-heading{padding:0 2px 15px;border-bottom:1px solid #e9eee9}
.grade-panel-heading h3{font-size:18px}
.grade-panel-heading p{font-size:10px}
.admin-create-course,.admin-terms-section{padding:17px;border-color:#e5ece7;border-radius:15px;box-shadow:0 4px 14px rgba(39,66,52,.035)}
.admin-create-course{background:linear-gradient(135deg,#f5fbf7,#fff 72%)}
.admin-course-form{gap:11px}
.admin-course-form .button{min-height:42px;border-radius:10px}
.admin-course-list{gap:12px;margin:15px 0 20px}
.admin-course-card{position:relative;overflow:hidden;padding:16px 17px;border-color:#e1e9e4;border-radius:15px;background:linear-gradient(110deg,#fff 0,#fff 70%,#fbfdfc 100%);box-shadow:0 5px 16px rgba(39,57,78,.045);transition:transform .15s,border-color .15s,box-shadow .15s}
.admin-course-card::before{position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#59ad7e,#a8d8b8);content:""}
.admin-course-card:hover{transform:translateY(-1px);border-color:#cbded1;box-shadow:0 9px 22px rgba(39,77,54,.08)}
.admin-course-head{align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #edf1ee}
.admin-course-title{gap:11px}
.admin-course-icon{width:40px;height:40px;border:1px solid #dceee2;border-radius:12px;background:linear-gradient(145deg,#e9f7ed,#f6fbf7);color:#34815a;font-size:17px}
.admin-course-title h4{font-size:14px}
.admin-course-title p{align-items:center;gap:6px;margin-top:5px;font-size:10px}
.admin-course-actions{gap:7px}
.admin-course-actions .button{min-height:34px;border-radius:9px}
.course-roster-auto-note{font-size:9px}
.admin-course-teacher-form{gap:10px;margin-top:12px;padding:11px 12px;border-color:#e8eee9;border-radius:11px;background:#f8faf9}
.admin-course-teacher-form>label{font-size:10px}
.admin-course-teacher-form select{height:36px;font-size:10px}
.admin-course-teacher-form .button{height:36px}
.admin-course-terms{margin:11px 0 8px}
.admin-course-terms .admin-label{font-size:9px}
.admin-course-terms .term-subject-chip{padding:5px 10px;border-color:#d6e9dc;border-radius:999px;background:#f5fbf6;color:#347653;font-size:10px}
.admin-course-roster{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:6px;max-height:148px;margin-top:10px;padding-top:9px;border-top:1px dashed #e7ece8}
.admin-course-roster li{padding:7px 9px;border-color:#edf0ed;border-radius:9px;background:#fbfcfb}
.admin-course-roster li span{font-size:9px}
.admin-course-roster li small{font-size:8px}
.admin-course-card>.course-roster-empty{padding:9px 10px;border-radius:9px;background:#f7f9f8;font-size:10px}
.admin-terms-section{margin-top:16px;background:#fafcfb}
.admin-terms-section>.admin-subheading{padding-bottom:11px;border-bottom:1px solid #edf1ee}
.admin-term-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.admin-term-card{padding:15px;border-color:#e1e8e3;border-radius:14px;background:#fff;box-shadow:0 4px 13px rgba(39,57,78,.035)}
.admin-term-card .term-card-heading{align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #edf1ee}
.admin-term-card .term-card-heading h4{margin:4px 0;font-size:14px}
.admin-term-card .term-card-heading p{font-size:9px}
.admin-term-card .term-assigned-subjects{gap:7px;margin:10px 0}
.admin-term-card .term-subject-chip{padding:6px 9px;border-radius:9px;background:#f5faf6;color:#3b7856;font-size:10px}
.admin-term-card .term-add-subject-label{font-size:10px}
.admin-term-card .term-add-subject-button{min-height:34px;padding:6px 10px;border-radius:9px;font-size:10px}
.admin-term-card .term-complete-form .button{min-height:40px;border-radius:10px;font-size:10px}
.admin-empty-card{padding:17px;border-radius:13px;background:#fbfcfd;font-size:10px}

.student-roster-tables{grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));gap:16px;margin-top:18px;align-items:start}
.student-roster-grade{min-width:0;padding:17px;border-color:#e3e9e5;border-radius:15px;background:linear-gradient(180deg,#fbfdfb,#fff 100px);box-shadow:0 5px 16px rgba(35,55,78,.045)}
.student-roster-grade .admin-subheading{align-items:center;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid #e9eeea}
.student-roster-grade .admin-subheading h4{font-size:15px}
.student-roster-grade .admin-subheading p{display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border:1px solid #e0ede4;border-radius:999px;background:#f2faf4;color:#42805c;font-size:9px;font-weight:700}
.student-roster-grade .student-add-open{min-height:37px;border-radius:10px}
.student-roster-scroll{max-height:min(58vh,480px);border-color:#e7ece8;border-radius:11px;scrollbar-color:#c9d8ce #f7f9f7;scrollbar-width:thin}
.student-roster-table{min-width:620px;font-size:10px}
.student-roster-table th{z-index:1;padding:10px 11px;background:#f2f7f3;color:#536c5d;font-size:9px}
.student-roster-table td{padding:9px 11px;border-top-color:#edf1ee;vertical-align:middle}
.student-roster-table tbody tr:nth-child(even){background:#fbfcfb}
.student-roster-table tbody tr:hover{background:#f4faf6}
.student-account-open{gap:3px}
.student-account-open span{font-size:10px}
.student-account-open small{font-size:8px}
.student-roster-table .national-id-cell{font-size:10px;color:#475a70}
.student-roster-table .status-badge{padding:5px 8px;border-radius:999px;font-size:8px;white-space:nowrap}
.student-row-actions .button-danger{min-height:30px;border-radius:8px;font-size:9px}
.student-roster-grade>.course-roster-empty{padding:17px;border:1px dashed #e0e8e2;border-radius:11px;background:#f8faf8;text-align:center;font-size:10px}
@media(max-width:820px){.admin-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.grade-tabs{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px}.grade-tab{min-width:0;min-height:56px;padding:8px}.grade-tab-panel{padding:11px;border-radius:13px}.grade-panel-heading{align-items:flex-start}.grade-panel-heading h3{font-size:15px}.admin-create-course,.admin-terms-section{padding:11px}.admin-course-card{padding:13px 12px}.admin-course-head{gap:9px}.admin-course-title{gap:8px}.admin-course-icon{width:34px;height:34px}.admin-course-title h4{font-size:12px}.admin-course-actions{gap:5px}.admin-course-actions .button{font-size:8px}.admin-course-teacher-form{align-items:stretch}.admin-course-roster{grid-template-columns:1fr}.admin-term-grid{grid-template-columns:1fr}.admin-term-card{padding:12px}.student-roster-tables{grid-template-columns:1fr;gap:11px}.student-roster-grade{padding:12px}.student-roster-grade .admin-subheading{align-items:flex-start}.student-roster-grade .student-add-open{padding:7px 9px;font-size:9px}.student-roster-scroll{max-height:58vh}.student-roster-table{min-width:0;table-layout:fixed;font-size:9px}.student-roster-table th,.student-roster-table td{padding:7px 5px}.student-roster-table th:nth-child(1),.student-roster-table td:nth-child(1){width:34%}.student-roster-table th:nth-child(2),.student-roster-table td:nth-child(2){width:22%}.student-roster-table th:nth-child(3),.student-roster-table td:nth-child(3){width:23%}.student-roster-table th:nth-child(4),.student-roster-table td:nth-child(4){width:21%}.student-account-open span{overflow-wrap:anywhere;font-size:9px;line-height:1.45}.student-account-open small{display:none}.student-roster-table .national-id-cell{font-size:8px;overflow-wrap:anywhere}.student-roster-table .status-badge{padding:4px 5px;font-size:7px;white-space:normal}.student-row-actions .button-danger{min-height:26px;padding:4px 5px;font-size:7px;white-space:normal}}

.admin-teacher-load-panel{margin-top:14px;padding:14px;border:1px solid #e6eaf0;border-radius:12px;background:#fff}
.admin-teacher-load-panel .admin-subheading{margin-bottom:10px}
.admin-teacher-load-panel .admin-subheading h4{margin:0;color:#394861;font-size:12px}
.admin-teacher-load-panel .admin-subheading p{margin:3px 0 0;color:#8c96a7;font-size:9px}
.teacher-load-scroll{overflow:auto;border:1px solid #e8edf3;border-radius:10px}
.teacher-load-table{width:100%;min-width:640px;border-collapse:collapse;font-size:10px}
.teacher-load-table th,.teacher-load-table td{padding:10px 12px;border-bottom:1px solid #edf0f4;text-align:right;vertical-align:top}
.teacher-load-table thead th{background:#f5f7fa;color:#68758a;font-size:9px;font-weight:700;white-space:nowrap}
.teacher-load-table tbody th{min-width:145px;background:#fbfcfd;color:#394861;font-weight:700}
.teacher-load-grade{min-width:90px;color:#596880;font-weight:600;white-space:nowrap}
.teacher-load-table tbody tr:last-child th,.teacher-load-table tbody tr:last-child td{border-bottom:0}
.teacher-load-subjects{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}
.teacher-load-subjects li{padding:4px 8px;border:1px solid #d9eadf;border-radius:999px;background:#f2faf4;color:#3e7556;font-size:9px;white-space:nowrap}
.teacher-load-empty{color:#a0a8b4;font-size:9px}
.teacher-load-no-teachers,.teacher-load-no-terms{padding:12px;color:#8490a2;text-align:center;font-size:10px}
.teacher-load-no-terms{margin:0;border:1px dashed #e0e5ec;border-radius:9px;background:#fafbfd}
@media(max-width:620px){.admin-teacher-load-panel{padding:11px}.teacher-load-table th,.teacher-load-table td{padding:8px 9px}}
.brand-logo{display:block;width:40px;height:40px;flex:none;object-fit:cover;border-radius:10px}
.auth-story .brand-logo{width:48px;height:48px}
.course-roster-auto-note{display:inline-flex;align-items:center;align-self:center;padding:6px 9px;border:1px solid #d9eadf;border-radius:999px;background:#f2faf4;color:#3e7556;font-size:9px;font-weight:700;white-space:nowrap}
.assignment-reopen-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:11px 12px;border:1px solid #dbe8e1;border-radius:11px;background:#f6fbf8}
.assignment-reopen-control form{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}
.assignment-reopen-control form small{color:#728578;font-size:9px}
.assignment-reopen-control .status-badge{margin-inline-start:auto}
.assignment-term-lock{border-color:#f1dfc5;background:#fffaf2;color:#8d6b3e;font-size:10px}
@media(max-width:620px){.brand-logo{width:36px;height:36px}.course-roster-auto-note{white-space:normal}.assignment-reopen-control{align-items:stretch;flex-direction:column}.assignment-reopen-control form{align-items:stretch;flex-direction:column}.assignment-reopen-control .status-badge{align-self:flex-start;margin-inline-start:0}}

/* Teacher assignment edit and delete actions. */
.assignment-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;flex-shrink:0}
.assignment-delete-form{margin:0}
.teacher-assignment-edit-dialog .assignment-edit-form .field textarea{width:100%;min-height:96px;padding:9px 10px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;color:#35445f;font:500 11px 'IBM Plex Sans Arabic',Tahoma,sans-serif;resize:vertical}
.teacher-assignment-edit-dialog .assignment-edit-form .field textarea:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(81,189,148,.12);outline:none}
@media(max-width:620px){.assignment-card-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.assignment-card-actions>a,.assignment-card-actions>button,.assignment-card-actions>form{width:100%}.assignment-card-actions .button{width:100%;font-size:10px;padding:8px 7px}.assignment-delete-form{grid-column:1/-1}}

/* Mobile layout refinements across student, teacher, and administrator screens. */
@media(max-width:760px){
  .topbar{gap:10px;min-width:0}
  .topbar-right{min-width:0;gap:8px}
  .brand{min-width:0;gap:7px}
  .user-chip{min-width:0;max-width:min(44vw,230px)}
  .user-chip>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dashboard-wrap,.admin-dashboard{min-width:0}
  .teacher-assignment-card,.assignment-card-main,.assignment-card-actions,.admin-tab-panel,.admin-main-tabs,.admin-tab,.admin-course-card,.admin-term-card,.admin-assignment-row{min-width:0}
  .assignment-card-main{flex:1 1 auto}
  .detail-hero>div:first-child{flex:1 1 auto;min-width:0}
  .detail-hero h1,.detail-hero p,.assignment-description,.version-info a{overflow-wrap:anywhere}
  .teacher-load-scroll,.student-roster-scroll{max-width:100%;overscroll-behavior-inline:contain}
}
@media(max-width:620px){
  .welcome-row{flex-wrap:wrap}
  .welcome-row>div{min-width:0;flex:1 1 190px}
  .welcome-row>.button{margin-top:0}
  .admin-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-tab{gap:7px;padding:8px;overflow-wrap:anywhere}
  .admin-tab>span:last-child{overflow-wrap:anywhere}
  .admin-tab small{line-height:1.5}
  .assignment-card-actions{min-width:0}
  .assignment-card-actions form{margin:0;min-width:0}
  .assignment-card-actions .button{min-height:40px;white-space:normal}
  .button{min-height:40px}
  .form-stack input,.form-stack select,.field input,.field select,.field textarea,.review-form textarea{font-size:16px}
  .course-dialog-actions{flex-wrap:wrap}
  .course-dialog-actions .button{min-height:42px}
}
@media(max-width:380px){
  .assignment-dates{grid-template-columns:1fr}
  .topbar{padding-inline:10px}
  .topbar-right{gap:6px}
  .brand{font-size:15px}
  .user-chip{max-width:40vw}
  .welcome-row>.button{width:100%}
  .admin-main-tabs{gap:4px}
  .admin-tab{gap:5px;padding:7px}
}

/* Keep teacher assignment cards readable on narrow tablets and phones. */
@media(max-width:820px){
  .teacher-assignment-card{flex-direction:column;align-items:stretch}
  .assignment-card-main{width:100%;flex:1 1 auto}
  .assignment-card-main>div:last-child{flex:1 1 auto;min-width:0}
  .assignment-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;flex:none}
  .assignment-card-actions>a,.assignment-card-actions>button,.assignment-card-actions>form{width:100%;min-width:0}
  .assignment-card-actions .button{width:100%;min-height:42px;white-space:normal}
  .assignment-card-actions form{margin:0}
}


/* Assignment type selector and visible classification badges. */
.field select{width:100%;height:43px;padding:10px 13px;border:1px solid #e2e6ee;border-radius:10px;background:#fff;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}
.field select:focus{border-color:#65bc9a;box-shadow:0 0 0 3px rgba(81,189,148,.12)}
.assignment-kind-badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;line-height:1.4}
.assessment-kind{color:#91600d;background:#fff4dc;border-color:#f0dfb8}
.homework-kind{color:#526481;background:#edf2fb;border-color:#dce5f2}
@media(max-width:620px){.assignment-kind-badge{padding:4px 6px;font-size:8px}}

/* Teacher dashboard totals and per-assignment submission/grade summaries. */
.teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:821px){.teacher-assignment-card>.assignment-card-main{flex:1 1 260px}}
.assignment-card-insights{display:flex;align-items:center;gap:14px;flex:1 1 255px;min-width:225px;max-width:390px;padding:0 13px;border-inline-start:1px solid #edf0f4}
.assignment-submission-stat{display:grid;gap:4px;flex:1;min-width:95px}
.assignment-submission-stat>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:7px}
.assignment-submission-stat small{color:#8993a6;font-size:8px}
.assignment-submission-stat strong{color:#34445f;font:700 13px Manrope,'IBM Plex Sans Arabic',sans-serif;white-space:nowrap}
.assignment-submission-stat strong i{color:#a5adba;font:500 9px 'IBM Plex Sans Arabic',sans-serif}
.assignment-submission-meter{height:5px;overflow:hidden;border-radius:8px;background:#edf0f4}
.assignment-submission-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70c9a1,#3f9d78)}
.assignment-submission-label{white-space:nowrap}
.assignment-grade-summary{display:grid;grid-template-columns:repeat(2,minmax(46px,auto));gap:5px}
.assignment-grade-summary>span{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:49px;padding:4px 7px;border-radius:7px;background:#f5f6f9;color:#718097;font-size:8px}
.assignment-grade-summary strong{font:700 10px Manrope,'IBM Plex Sans Arabic',sans-serif;color:#35455f}
.assignment-grade-p b{color:#31835f}.assignment-grade-m b{color:#b17c24}.assignment-grade-d b{color:#766bc0}.assignment-grade-pending b{font-size:7px;font-weight:600}
@media(max-width:900px){.teacher-assignment-card{flex-direction:column;align-items:stretch}.assignment-card-main{width:100%;flex:1 1 auto}.assignment-card-insights{width:100%;max-width:none;min-width:0;padding:12px 0 0;border-inline-start:0;border-top:1px solid #edf0f4}.assignment-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;flex:none}.assignment-card-actions>a,.assignment-card-actions>button,.assignment-card-actions>form{width:100%;min-width:0}.assignment-card-actions .button{width:100%;min-height:42px;white-space:normal}.assignment-card-actions form{margin:0}}
@media(max-width:560px){.teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.teacher-stats .stat-card{padding:10px 7px;gap:6px}.teacher-stats .stat-card small{font-size:7px}.teacher-stats .stat-card strong{font-size:15px}.assignment-card-insights{align-items:stretch;gap:9px}.assignment-grade-summary{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.assignment-grade-summary>span{justify-content:center;gap:4px;min-width:0;padding:4px 3px;font-size:7px}.assignment-grade-summary strong{font-size:9px}.assignment-submission-stat{min-width:92px}.assignment-submission-label{font-size:7px}}

/* Small supportive message shared by the teacher and student dashboards. */
.support-quote{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:15px 18px;border:1px solid #dce8e8;border-radius:16px;background:linear-gradient(110deg,#f3faf7,#f5f7ff);box-shadow:0 8px 24px rgba(38,69,86,.045);overflow:hidden}
.support-quote[hidden]{display:none}
.support-quote-mark{flex:none;color:#68aa91;font:700 39px/1 Georgia,serif;align-self:flex-start}
.support-quote-copy{flex:1;min-width:0}
.support-quote-kicker{display:block;margin-bottom:3px;color:#388067;font-size:10px;font-weight:700}
.support-quote-copy p{margin:0;color:#34445e;font-size:13px;font-weight:600;line-height:1.8}
.support-quote-copy small{display:block;margin-top:3px;color:#8a96a7;font-size:9px}
.support-quote-actions{display:flex;align-items:center;gap:7px;flex:none}
.support-quote-actions button{min-height:34px;padding:6px 10px;border:1px solid #dce6e8;border-radius:9px;background:rgba(255,255,255,.78);color:#526681;font:600 10px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.support-quote-actions button:hover{border-color:#9fcbb9;background:#fff;transform:translateY(-1px)}
.support-quote-actions .support-quote-dismiss{width:32px;padding:0;color:#8995a7;font-size:18px}
@media(max-width:560px){.support-quote{align-items:flex-start;gap:9px;padding:12px}.support-quote-mark{font-size:30px}.support-quote-copy p{font-size:11px}.support-quote-actions{gap:4px}.support-quote-actions button{min-height:32px;padding:5px 7px;font-size:9px}.support-quote-actions .support-quote-dismiss{width:29px}}

/* Teacher account details dialog in the administrator area. */
.teacher-account-open{justify-self:start;margin-top:3px;padding:4px 7px;font-size:8px}
.teacher-account-dialog{width:min(680px,calc(100% - 28px));max-height:min(86vh,820px);overflow:auto}
.teacher-account-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 17px}
.teacher-account-overview article{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #e8edf1;border-radius:10px;background:#f8fafb}
.teacher-account-overview small{color:#8792a3;font-size:9px}
.teacher-account-overview b{color:#35445f;font-size:10px;overflow-wrap:anywhere}
.teacher-account-details{margin-top:15px}
.teacher-account-details .admin-subheading{margin-bottom:8px}
.teacher-account-detail-list{display:grid;gap:7px}
.teacher-account-course,.teacher-account-assignment{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e8edf1;border-radius:10px;background:#fff}
.teacher-account-course>div:first-child,.teacher-account-assignment>div{display:grid;gap:4px;min-width:0}
.teacher-account-course b,.teacher-account-assignment b{color:#3f4d66;font-size:10px}
.teacher-account-course small,.teacher-account-assignment small{color:#8994a5;font-size:8px;line-height:1.7}
.teacher-account-terms{display:flex;flex-wrap:wrap;gap:5px}
.teacher-account-terms span{padding:4px 7px;border-radius:999px;background:#eef7f1;color:#4d8061;font-size:8px;white-space:nowrap}
.teacher-account-empty{margin:0;padding:12px;border:1px dashed #e1e6ed;border-radius:9px;color:#8994a5;text-align:center;font-size:9px}
@media(max-width:620px){.teacher-account-dialog{padding:14px}.teacher-account-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.teacher-account-overview article{padding:8px}.teacher-account-course,.teacher-account-assignment{align-items:flex-start;flex-direction:column}.teacher-account-terms{width:100%}}

.student-password-wrap{max-width:620px}.student-password-panel{padding:32px;background:#fff;border:1px solid #e5e9f0;border-radius:20px;box-shadow:0 18px 45px rgba(25,40,68,.07)}.student-password-panel h1{margin:7px 0 10px;font-size:clamp(23px,4vw,32px)}.student-password-panel .form-stack{margin-top:24px}.student-password-panel .button-secondary{display:flex;align-items:center;justify-content:center}.student-password-panel .notice{margin-top:16px}a.logout-button{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #e6e9ef;border-radius:10px;color:#596579}@media(max-width:560px){.student-password-panel{padding:21px;border-radius:15px}.student-password-wrap{width:calc(100% - 24px);padding-top:24px}.student-password-panel h1{font-size:23px}}

/* GitHub-inspired submission history timeline. */
.submission-history{margin-top:16px;padding:13px 14px 8px;border:1px solid #e6e9ef;border-radius:12px;background:#fbfcfe}
.submission-history .history-heading{margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #e9edf2;color:#44516a;font-size:11px}
.submission-timeline{position:relative;margin-inline-start:9px;padding-inline-start:16px;border-inline-start:2px solid #e5e9ef}
.submission-commit{position:relative;margin:0;padding:10px 0 12px;border-bottom:1px solid #edf0f4}
.submission-commit:last-child{border-bottom:0;padding-bottom:5px}
.submission-commit::before{content:"";position:absolute;inset-inline-start:-22px;top:15px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#8c91a6;box-shadow:0 0 0 1px #cbd2dd}
.submission-commit:first-child::before{background:#2da77a;box-shadow:0 0 0 1px #9ad8bd}
.submission-commit .version-number{width:auto;min-width:31px;height:25px;padding:0 7px;border:1px solid #e1e5ec;border-radius:7px;background:#fff;color:#59677f;font-size:9px}
.submission-commit:first-child .version-number{border-color:#bfe5d2;background:#effaf4;color:#20744f}
.submission-commit .version-info a{font-size:11px}
.submission-commit .version-info small{font-size:9px}
.submission-commit .mini-status{font-size:9px}
.submission-commit .feedback-note,.teacher-version.submission-commit .saved-feedback{margin-top:9px}
.teacher-version-list.submission-timeline{margin-top:12px}
.teacher-version.submission-commit{padding:11px 0 13px}
@media(max-width:560px){.submission-history{padding:10px 9px 7px}.submission-timeline{margin-inline-start:6px;padding-inline-start:12px}.submission-commit::before{inset-inline-start:-18px;width:8px;height:8px}.submission-commit .version-info{min-width:110px}.submission-commit .version-info a{font-size:9px}.submission-commit .version-info small{font-size:8px}.submission-commit .mini-status{font-size:7px}}