@font-face{font-family:Arabic;src:url(Arabic-Regular.ttf)}@font-face{font-family:Arabic;src:url(Arabic-Bold.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#f6f5f1;color:#282d29;font:14px Arabic,Tahoma}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0}h1{font-size:30px}h2{font-size:21px}h3{font-size:17px}p{line-height:1.9}.muted,small,.eyebrow{color:#727970}small{display:block}.brand,.row,.actions,.section-head,.page-heading,.class-footer,.topbar,.profile,.file-row{display:flex;align-items:center;gap:14px}.between,.section-head,.page-heading,.class-footer,.topbar{justify-content:space-between}.brand-icon,.square,.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#d9e8ce}.brand strong{font-size:24px}.brand small{font-size:9px}.btn{border:0;border-radius:12px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent}.primary,.dark{background:#293d32;color:white}.secondary{background:#eeeee8}.full{width:100%}.text-btn{color:#395f47}.icon-btn,.tiny{padding:7px}.card{background:white;border:1px solid #e7e8e1;border-radius:22px;padding:26px}.layout{display:flex;min-height:100vh}.sidebar{width:260px;padding:32px 20px;position:sticky;top:0;height:100vh;background:white;display:flex;flex-direction:column;border-left:1px solid #e8e9e3}.workspace{flex:1;min-width:0}.page{max-width:1250px;margin:auto;padding:30px 40px}.topbar{padding:22px 40px;border-bottom:1px solid #e7e8e1}.nav-caption{margin:45px 16px 15px;color:#94998f;font-size:11px}.nav-item{width:100%;justify-content:flex-start;margin-bottom:9px}.active{background:#e8efdf;color:#315337}.side-tip{margin-top:auto;background:#f5f6ee;padding:18px;border-radius:18px}.profile{margin-top:25px}.profile strong{font-size:12px}.avatar{width:35px;height:35px}.hero{display:flex;justify-content:space-between;align-items:center;background:#e6edda;border-radius:25px;padding:36px 40px;overflow:hidden}.hero h1{font-size:32px}.hero-art{width:200px;text-align:center}.art-paper{background:#fff;border-radius:20px;transform:rotate(-12deg);padding:40px}.art-paper>.icon{width:75px;height:75px}.sun{color:#b89053}.stats,.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stat{display:flex;gap:16px;align-items:center}.stat strong{font-size:30px;display:block}.stat span{font-size:12px}.peach{background:#f9e8da}.mint{background:#deecde}.lilac{background:#eae5f4}.class-top{display:flex;justify-content:space-between;margin-bottom:22px}.badge{font-size:11px;border-radius:30px;padding:5px 10px;display:inline-block;white-space:nowrap}.reviewed{background:#edf4e8;color:#41623d}.new{background:#fff0db;color:#8e642d}.revision{background:#fde9e5;color:#a24d3e}.class-footer{border-top:1px solid #eee;padding-top:15px;font-size:11px}.class-card h3{min-height:30px}.clamp{min-height:50px}.section-head{margin:20px 0}.page-foot{padding:20px 40px;color:#888;font-size:11px;display:flex;justify-content:space-between}.detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start}.task-card{margin-bottom:16px}.deadline{color:#797e72;font-size:12px}.topics{margin-top:20px}.topic label,.check{display:flex;align-items:center;gap:10px}.topic{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.done span{text-decoration:line-through;color:#8b9286}progress{width:100%;height:10px;accent-color:#719865}.empty{text-align:center;padding:45px 20px}.empty>.icon{width:42px;height:42px;color:#9ba98c}.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.welcome{background:#e7ecdf;padding:45px 65px;display:flex;flex-direction:column}.welcome-copy{margin:auto 0}.welcome h1{font-size:44px;line-height:1.7}.welcome em{font-style:normal;color:#648356}.welcome p{max-width:450px}.welcome footer{font-size:12px;color:#819077}.tag{display:none}.visual-board{background:#fff9;border:1px solid white;border-radius:22px;padding:24px;max-width:400px;margin:30px 0}.board-line{display:flex;gap:14px;align-items:center}.mini-paper i{display:block;height:8px;background:#dce2d5;margin:18px;border-radius:9px}.floating-check{margin-top:25px;color:#648356}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px}.login-card{width:100%;max-width:380px}.login-card h2{font-size:29px}.role-picker{display:flex;background:#eaece5;border-radius:14px;padding:5px;margin:25px 0}.role-picker .btn{flex:1;padding:9px}.selected{background:white;box-shadow:0 2px 8px #0001}label{display:block;font-size:12px;margin:17px 0}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;border:1px solid #dfe2d8;border-radius:11px;background:#fff;padding:12px;margin-top:8px;color:#333}input:focus,textarea:focus,select:focus{outline:2px solid #9aae8e}input[type=checkbox],input[type=radio]{accent-color:#4c7145}.access-note,.hint{font-size:11px;color:#858c7b;line-height:2}.login-foot{margin-top:60px}.setup-page{max-width:620px;margin:70px auto;padding:20px}.setup-card{margin-top:30px}.form-error{color:#ad4236}.stepper{display:flex;gap:20px;margin:30px auto;max-width:800px}.step{flex:1;display:flex;align-items:center;gap:10px;color:#92998a}.step>span{background:#e8eadf;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.current{color:#3b5731}.current>span,.complete>span{background:#d6e6ca}.wizard{max-width:800px;margin:auto}.task-choice{display:flex;gap:14px;border:1px solid #e2e6db;padding:15px;border-radius:13px}.unavailable{opacity:.5}.dropzone{border:2px dashed #bdcbb2;border-radius:20px;padding:35px;text-align:center;background:#f8faf4;cursor:pointer}.dropzone>*{display:block;margin:10px auto}.dropzone .icon{width:40px;height:40px}.dropzone span{font-size:11px}.file-row{padding:13px;border-bottom:1px solid #eee}.file-row>div{flex:1}.file-row strong{overflow-wrap:anywhere}.file-link{font-size:11px;display:flex;gap:6px;margin:6px 0;overflow-wrap:anywhere}.submission-summary{display:flex;justify-content:space-between;color:#727c67;font-size:12px}.success{text-align:center;max-width:750px;margin:50px auto;padding:60px}.success-icon{margin:auto;background:#e4efda;width:85px;height:85px;border-radius:50%;display:grid;place-items:center}.success-icon .icon{width:40px;height:40px}.receipt{background:#f5f7ef;padding:20px;margin:30px}.receipt strong{font-size:26px}.center{justify-content:center}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feedback{background:#f3f6ed;padding:15px;border-radius:12px;margin:20px 0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th{background:#f7f8f2;padding:16px;color:#7c8573}td{padding:16px;border-bottom:1px solid #eee}.filters{display:flex;gap:20px;align-items:center;margin-bottom:20px}.search{flex:1;display:flex;align-items:center}.filters select{width:200px}.small{font-size:11px}.path{direction:ltr;word-break:break-all;font:12px monospace}.mono{font-family:monospace}.backup-card .btn{margin:20px 0}hr{border:0;border-top:1px solid #eee;margin:25px 0}dialog{border:0;border-radius:22px;padding:30px;width:min(550px,94vw);max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#15201777;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#293d32;color:white;border-radius:12px;padding:14px 24px;z-index:100;display:none;max-width:90vw}#toast.show{display:block}button:disabled{opacity:.5;cursor:wait}.initial{text-align:center;margin:100px}.eyebrow{font-size:11px}.progress-card{margin:20px 0}.student-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.student-progress .card{padding:20px}@media(max-width:1000px){.sidebar{width:210px}.page{padding:25px}.class-grid,.stats{grid-template-columns:repeat(2,1fr)}.welcome{padding:35px}.welcome h1{font-size:33px}}@media(max-width:700px){.login{display:block}.welcome{padding:25px}.welcome-copy{display:none}.welcome footer{display:none}.login-side{padding:30px 25px}.layout{display:block}.sidebar{width:100%;height:auto;position:relative;padding:16px}.sidebar .brand small,.nav-caption,.side-tip,.profile{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px}.nav-item{white-space:nowrap;font-size:11px;width:auto}.page{padding:20px 15px}.topbar{padding:15px;font-size:10px}.hero{padding:25px}.hero h1{font-size:25px}.hero-art{display:none}.stats{gap:8px;grid-template-columns:repeat(3,1fr)}.stat{padding:12px;display:block}.stat .square{width:32px;height:32px;margin-bottom:10px}.stat span{font-size:9px}.stat strong{font-size:23px}.class-grid,.detail-grid,.history-grid,.student-progress{grid-template-columns:1fr}.page-heading{display:block}.page-heading .actions{flex-wrap:wrap}.page-heading h1{font-size:25px}.stepper{gap:6px}.step{font-size:10px;gap:5px}.step>span{width:27px;height:27px;flex-shrink:0}.card{padding:20px}.filters{display:block}.filters select{width:100%}.page-foot{padding:20px 15px;font-size:9px}.submission-summary{display:block}.welcome-top .brand small{display:block}.success{padding:25px}.actions{flex-wrap:wrap}}

.lessons-section{margin:24px 0 35px}.lesson-card{margin-bottom:16px}.lesson-body{line-height:2.2;margin:18px 0}.danger{background:#fce8e3;color:#9b3528}.lesson-card .file-row{flex:1;min-width:0}