:root{--brand:#0f766e;--ink:#10222b;--paper:#f8fafc;--line:#e2e8f0;--ok:#15803d;--bad:#b91c1c;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,sans-serif}body{color:var(--ink);background:var(--paper);margin:0}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-block-end:1px solid var(--line);background:#fff;align-items:center;gap:1rem;padding-block:.75rem;padding-inline:1.25rem;display:flex}.spacer{flex:1}.brand{color:var(--brand);font-size:1.15rem;font-weight:700;text-decoration:none}.lang{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.content{box-sizing:border-box;flex:1;width:min(56rem,100%);margin-inline:auto;padding-block:1.5rem;padding-inline:1.25rem}button,.button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding-block:.55rem;padding-inline:1.4rem;font-size:.95rem;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}input,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:.4rem;padding-block:.45rem;padding-inline:.6rem}.muted{color:#64748b}.error{color:var(--bad)}.ok{color:var(--ok)}.auth-card{border:1px solid var(--line);box-sizing:border-box;background:#fff;border-radius:.75rem;width:min(24rem,100%);margin-block-start:3rem;margin-inline:auto;padding:2rem}.auth-card form{flex-direction:column;gap:.9rem;margin-block:1.25rem;display:flex}.auth-card label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.page-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.course-card{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.75rem;padding:1.1rem;text-decoration:none;display:block}.course-card h2{margin-block:0 .4rem;font-size:1.05rem}.card-meta{flex-wrap:wrap;gap:.4rem;margin-block-start:.6rem;display:flex}.chip{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding-block:.15rem;padding-inline:.55rem;font-size:.75rem}.chip-ok{color:var(--ok);background:#dcfce7;border-color:#86efac}.course-head{border-block-end:1px solid var(--line);margin-block-end:1rem;padding-block-end:1rem}.course-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.module{margin-block-end:1.25rem}.lesson-list{border:1px solid var(--line);background:#fff;border-radius:.6rem;margin:0;padding:0;list-style:none}.lesson-list li{justify-content:space-between;align-items:center;gap:.75rem;padding-block:.65rem;padding-inline:1rem;display:flex}.lesson-list li+li{border-block-start:1px solid var(--line)}.lesson-list a{color:var(--ink);text-decoration:none}.lesson-flags{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.player{aspect-ratio:16/9;background:#000;border:none;border-radius:.5rem;width:100%}.lesson-body{border:1px solid var(--line);white-space:pre-wrap;background:#fff;border-radius:.6rem;padding:1.25rem}.quiz{flex-direction:column;gap:1.25rem;margin-block:1.25rem;padding:0;list-style:none;display:flex}.quiz li{border:1px solid var(--line);background:#fff;border-radius:.6rem;padding:1rem}.quiz li.q-ok{border-color:#86efac}.quiz li.q-bad{border-color:#fca5a5}.stem{margin-block-start:0;font-weight:600}.option{align-items:center;gap:.5rem;padding-block:.3rem;display:flex}.opt-correct{color:var(--ok);font-weight:600}.result{border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.8rem 1rem}.nav-link{color:var(--ink);border-block-end:2px solid #0000;padding-block:.2rem;font-size:.95rem;text-decoration:none}.nav-link.active{color:var(--brand);border-block-end-color:var(--brand);font-weight:600}.panel{border:1px solid var(--line);background:#fff;border-radius:.75rem;margin-block:1.25rem;padding:1.25rem}.panel h2{margin-block-start:0;font-size:1.1rem}.panel fieldset{border:1px solid var(--line);border-radius:.5rem;flex-direction:column;gap:.5rem;display:flex}.stack-form{flex-direction:column;gap:.9rem;display:flex}.stack-form>label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.row-form{flex-wrap:wrap;align-items:center;gap:.6rem;margin-block:.9rem;display:flex}.row-form input{flex:1;min-width:10rem}.check{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.check input[type=number]{width:5rem}.small{padding-block:.3rem;padding-inline:.7rem;font-size:.8rem}textarea{font:inherit;border:1px solid var(--line);resize:vertical;background:#fff;border-radius:.4rem;padding-block:.45rem;padding-inline:.6rem}.upload{color:var(--brand);cursor:pointer;font-size:.8rem;text-decoration:underline}.question-form{border:1px dashed var(--line);border-radius:.5rem;margin-block:.9rem;padding:.9rem}.status-draft{background:#f1f5f9}.status-in_review{color:#854d0e;background:#fef9c3;border-color:#fde047}.status-published{color:var(--ok);background:#dcfce7;border-color:#86efac}.status-unpublished{color:#9a3412;background:#ffedd5;border-color:#fdba74}.status-archived{color:#64748b;background:#f1f5f9}.certificate{border:2px solid var(--brand);box-sizing:border-box;background:#fff;border-radius:.75rem;width:min(32rem,100%);margin-inline:auto;padding:2rem}.certificate dl{grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;display:grid}.certificate dt{color:#64748b}.certificate dd{margin:0}.cert-name{font-size:1.2rem;font-weight:700}.assistant{margin-block-start:2rem}.assistant-answer{background:var(--paper);white-space:pre-wrap;border-radius:.5rem;margin-block-start:.75rem;padding:.75rem 1rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin-block-end:1rem;display:grid}.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;flex-direction:column;gap:.15rem;padding:.9rem 1rem;display:flex}.kpi-value{color:#0f766e;font-size:1.6rem;font-weight:700}.kpi-label{color:#475569;font-size:.85rem}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-block-end:1rem;display:grid}.chart{background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;padding:.75rem 1rem}.chart h3{color:#475569;margin:0 0 .5rem;font-size:.85rem}.bars{align-items:flex-end;gap:2px;block-size:4.5rem;display:flex}.bar{background:#14b8a6;border-radius:2px 2px 0 0;flex:1;min-block-size:2px}.data-table{border-collapse:collapse;inline-size:100%;font-size:.9rem}.data-table th{text-align:start;color:#475569;border-block-end:1px solid #e2e8f0;padding:.4rem .6rem;font-weight:600}.data-table td{border-block-end:1px solid #f1f5f9;padding:.45rem .6rem}.row-click{cursor:pointer}.row-click:hover{background:#f0fdfa}.row-selected{cursor:pointer;background:#ccfbf1}.funnel{flex-direction:column;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.funnel li{grid-template-columns:minmax(10rem,1fr) 2fr max-content;align-items:center;gap:.6rem;display:grid}.funnel-track{background:#f1f5f9;border-radius:999px;block-size:.7rem;display:block;overflow:hidden}.funnel-fill{border-radius:inherit;background:#14b8a6;block-size:100%;display:block}.quiet-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.bell{position:relative}.bell-button{align-items:center;padding-block:.4rem;padding-inline:.5rem;display:inline-flex;position:relative}.bell-badge{background:var(--bad);color:#fff;text-align:center;border-radius:999px;block-size:1.1rem;min-inline-size:1.1rem;padding-inline:.2rem;font-size:.7rem;line-height:1.1rem;position:absolute;inset-block-start:-.3rem;inset-inline-end:-.3rem}.bell-panel{border:1px solid var(--line);z-index:20;background:#fff;border-radius:.6rem;max-block-size:24rem;inline-size:min(22rem,85vw);padding:.75rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;overflow-y:auto;box-shadow:0 8px 24px #10222b1f}.bell-head{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.bell-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bell-item{box-sizing:border-box;border:none;border-block-start:1px solid var(--line);inline-size:100%;font:inherit;text-align:start;color:var(--ink);cursor:pointer;background:0 0;flex-direction:column;gap:.15rem;padding-block:.5rem;padding-inline:.4rem;text-decoration:none;display:flex}.bell-item:hover{background:var(--paper)}.bell-text.unread{font-weight:600}.bell-body{white-space:pre-line;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.bell-date{font-size:.75rem}.announcement-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.announcement{border:1px solid var(--line);background:#fff;border-radius:.6rem;padding-block:.75rem;padding-inline:1rem}.announcement-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.announcement-body{white-space:pre-line;margin-block:.4rem 0}.grade-block{border-inline-start:3px solid #16a34a}.ai-feedback{border-inline-start:3px solid var(--brand)}.discussion{border-block-start:1px solid var(--line);margin-block-start:2rem;padding-block-start:1rem}.discussion-form textarea{width:100%}.comment-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.comment{border:1px solid var(--line);background:#fff;border-radius:.6rem;padding-block:.6rem;padding-inline:.9rem}.comment-head{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.comment-body{white-space:pre-line;margin-block:.35rem .5rem}.comment-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comment-replies{border-inline-start:2px solid var(--line);flex-direction:column;gap:.6rem;margin-block:.6rem 0;margin-inline-start:.75rem;padding-inline-start:.9rem;list-style:none;display:flex}.comment-replies .comment{border:none;padding-block:0;padding-inline:0}.chip-warn{color:#92400e;background:#fef3c7;border-color:#fcd34d}.flag-list{margin-block:.25rem .5rem;padding:0;font-size:.85rem;list-style:none}.chip-crit{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.quality-finding{align-items:baseline;gap:.5rem;margin-block-end:.4rem;display:flex}.quality-finding .chip{flex-shrink:0}.quality-finding .chip .table-wrap{overflow-x:auto}.quality-finding .chip .lesson-list li.media-item{flex-direction:column;align-items:stretch}.quality-finding .chip .media-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quality-finding .chip .media-panel{margin-block-start:.2rem;font-size:.85rem}.quality-finding .chip .media-panel summary{cursor:pointer;color:var(--brand)}.quality-finding .chip .media-line .review-next-topics{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.quality-finding .chip .media-line .review-next-list{margin-block:.5rem 0;padding:0;list-style:none}.quality-finding .chip .media-line .review-next-list li{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.4rem;display:flex}.quality-finding .chip .media-line .media-line input[type=text],.quality-finding .chip .media-line .media-line input:not([type]){flex:1;min-width:8rem}.quality-finding .chip .media-line .media-attachments{margin:0;margin-inline-start:.75rem;padding:0;padding-block:.35rem;list-style:none}.quality-finding .chip .media-line .review-next-list li+li{border-block-start:1px solid var(--line)}.quality-finding .chip .media-line .catalog-search{flex:10rem;max-inline-size:18rem}.quality-finding .chip .media-line .recommendations{margin-block-end:2rem}
