:root{--bg: #f4f6f9;--surface: #ffffff;--text: #1a1a2e;--muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--border: #e2e8f0;--sidebar: #1e293b;--error-bg: #fef2f2;--error-text: #b91c1c;--font-ui: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-reading: "Noto Naskh Arabic", "Amiri", serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text);line-height:1.6;text-align:start;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.page-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.login-brand{text-align:center;margin-bottom:1rem}.login-logo,.app-brand-logo{max-height:55px;width:auto}.login-card h1{margin:0 0 .35rem;font-size:1.5rem}.login-subtitle,.page-subtitle,.login-hint{color:var(--muted)}.login-subtitle{margin:0 0 1.25rem}.login-form{display:grid;gap:.25rem}.login-hint{margin:1.25rem 0 0;font-size:.875rem;text-align:center}.form-group{margin-bottom:.85rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.92rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:#fff;text-align:start}.form-group textarea{resize:vertical;min-height:4.5rem;line-height:1.7}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .75rem center;padding-inline-start:.75rem;padding-inline-end:2rem}.input-ltr{direction:ltr;text-align:left}.input-ltr::placeholder{text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:#e2e8f0;color:var(--text)}.btn-block{width:100%}.alert{padding:.75rem .9rem;border-radius:8px;margin-bottom:1rem}.alert-error{background:var(--error-bg);color:var(--error-text)}.alert-success{background:#ecfdf5;color:#047857;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.alert-dismiss{border:none;background:transparent;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;padding:0}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:260px;flex:0 0 260px;background:var(--sidebar);color:#fff;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;position:sticky;top:0;overflow:hidden}.app-brand{background:#fff;border-radius:10px;padding:.45rem .65rem;text-align:center;flex-shrink:0}.app-nav{display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.app-nav-link{display:flex;align-items:center;min-height:2.75rem;padding:.5rem .75rem;border-radius:8px;color:#cbd5e1;font-weight:500;text-decoration:none}.app-nav-link:hover,.app-nav-link.is-active{background:#ffffff14;color:#fff;text-decoration:none}.app-sidebar-footer{display:grid;gap:.75rem;flex-shrink:0;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.08)}.app-user{display:grid;gap:.15rem;font-size:.85rem}.app-user-name{font-weight:700}.app-user-role,.app-user-school{color:#94a3b8}.app-main{flex:1;min-width:0;padding:2rem}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-mobile-header{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-stack{position:fixed;inset-block-start:1rem;inset-inline-start:50%;transform:translate(-50%);z-index:2000;width:min(420px,calc(100vw - 2rem));display:grid;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:10px;border:1px solid transparent;box-shadow:0 8px 24px #0f172a1f;background:#fff;pointer-events:auto;animation:toast-in .2s ease}.toast-success{border-color:#86efac;background:#f0fdf4;color:#166534}.toast-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.toast-info{border-color:#93c5fd;background:#eff6ff;color:#1e40af}.toast-message{flex:1;line-height:1.5}.toast-dismiss{border:none;background:transparent;color:inherit;opacity:.7;font-size:1.25rem;line-height:1;cursor:pointer;padding:0}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}body.nav-open{overflow:hidden}.page-header h1{margin:0 0 .35rem;font-size:1.5rem}.page-subtitle{margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.dashboard-card{display:flex;align-items:center;justify-content:center;min-height:110px;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;text-align:center;text-decoration:none}.dashboard-card:hover{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1a;text-decoration:none}.dashboard-extra{margin-top:1.5rem;max-width:520px}.dashboard-extra:has(.school-dashboard-stats){max-width:none}.teacher-dashboard-stats{width:100%}.join-group-panel h2{margin:0 0 .35rem;font-size:1.05rem}.join-group-form{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.join-code-input{flex:1;min-width:160px;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-family:ui-monospace,monospace;letter-spacing:.06em}.my-groups-panel{display:grid;gap:1rem}.my-groups-panel-compact .content-panel:first-child{margin-bottom:0}.my-groups-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.my-groups-header h2{margin:0 0 .25rem;font-size:1.05rem}.my-groups-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.panel-footer-link{margin:1rem 0 0;font-size:.9rem}.my-group-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:10px;background:#f8fafc;flex-wrap:wrap}.my-group-main h3{margin:0 0 .2rem;font-size:1rem}.my-group-meta{margin:0;font-size:.85rem;color:var(--muted)}.my-group-side{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.state-box-inline{margin-top:0;padding:1.25rem}.placeholder-box{margin-top:1.5rem;padding:2rem;border-radius:12px;border:1px dashed var(--border);background:var(--surface);color:var(--muted);text-align:center}.reading-text{font-family:var(--font-reading);line-height:2;font-size:1.15rem;text-align:start;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.reading-panel{display:grid;gap:1rem;max-width:48rem}.reading-paragraph{margin:0;text-align:justify;text-justify:inter-word}.page-meta{margin:0;color:var(--muted);font-size:.9rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem;color:var(--muted);font-size:.9rem}.breadcrumb a{color:var(--primary)}.state-box{margin-top:1.5rem;padding:2rem;border-radius:12px;border:1px dashed var(--border);background:var(--surface);color:var(--muted);text-align:center}.btn-sm{padding:.45rem .75rem;font-size:.875rem}.muted{color:var(--muted)}.library-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.library-filters-main,.library-filters-advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:end}.library-filters-advanced{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.filter-field label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.85rem}.filter-field input,.filter-field select{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:#fff}.filter-search{grid-column:span 2}.filter-actions{display:flex;flex-wrap:wrap;gap:.5rem}.subject-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.subject-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;text-decoration:none}.subject-chip span{background:#eff6ff;color:var(--primary);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;font-weight:700}.subject-chip:hover{border-color:#93c5fd;text-decoration:none}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.article-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.article-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.level-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;background:#e0e7ff;color:#3730a3}.level-badge-l1{background:#dcfce7;color:#166534}.level-badge-l2{background:#dbeafe;color:#1e40af}.level-badge-l3{background:#fef3c7;color:#92400e}.level-badge-l4{background:#ffedd5;color:#9a3412}.level-badge-l5{background:#fce7f3;color:#9d174d}.level-badge-l6{background:#f3e8ff;color:#6b21a8}.article-card-kal{font-size:.8rem;color:var(--muted);font-weight:600}.article-card-title{margin:0;font-size:1.05rem;line-height:1.5;font-family:var(--font-reading)}.article-card-subject{margin:0;color:var(--muted);font-size:.875rem}.article-card-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.8rem;color:var(--muted)}.article-card-actions{display:flex;gap:.5rem;margin-top:auto;padding-top:.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-page{min-width:2rem;height:2rem;padding:0 .35rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font-weight:600}.pagination-page.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-ellipsis{color:var(--muted);padding:0 .25rem}.subject-header .subject-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.875rem}.subject-header .subject-meta span{padding:.25rem .6rem;border-radius:999px;background:#f1f5f9}.model-hero{background:linear-gradient(135deg,#4c1d95,#6d28d9);color:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.model-hero h1{margin:.5rem 0 .25rem;font-family:var(--font-reading);font-size:1.75rem;line-height:1.4}.model-hero-subject{margin:0;opacity:.85}.model-hero-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.stat-pill{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .75rem;border-radius:10px;background:#ffffff1f;min-width:70px}.stat-label{font-size:.7rem;opacity:.8}.stat-value{font-weight:700;font-size:.95rem}.model-hero-actions{margin-top:1rem}.model-hero-actions .btn-primary{background:#fff;color:#4c1d95}.model-hero-actions .btn-primary:hover{background:#f5f3ff}.content-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.content-panel h2{margin:0 0 1rem;font-size:1.1rem}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.vocab-card{padding:.75rem;border-radius:10px;background:#f8fafc;border:1px solid var(--border)}.vocab-card h3{margin:0 0 .35rem;font-size:1.1rem}.vocab-card p{margin:.25rem 0 0;font-size:.9rem}.vocab-example{color:var(--muted);font-size:.85rem!important}.pre-questions-panel{margin-bottom:2rem}.pre-questions-panel h2{margin:0}.pre-questions-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.pre-questions-lead{margin:.5rem 0 0;padding:.65rem .85rem;border-radius:10px;background:#f8fafc;border:1px solid var(--border);font-size:.9rem;color:var(--muted);line-height:1.6}.pre-questions-list{display:grid;gap:.75rem}.pre-question-card{padding:1rem 1.1rem;border-radius:12px;background:#f8fafc;border:1px solid var(--border);border-inline-start:3px solid var(--primary)}.pre-question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.65rem}.pre-question-num{font-size:.75rem;font-weight:700;color:var(--primary);background:#eff6ff;padding:.2rem .55rem;border-radius:6px}.pre-question-purpose{display:inline-block;padding:.2rem .55rem;border-radius:6px;background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:600}.pre-question-text{margin:0;font-size:1.05rem;line-height:1.9}.pre-question-guidance{margin:.75rem 0 0;padding-top:.75rem;border-top:1px dashed var(--border);font-size:.88rem;color:var(--muted);line-height:1.65}.pre-question-guidance-label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:700;color:#64748b}.rhetoric-list{display:grid;gap:.75rem}.rhetoric-card{padding:.75rem;border-radius:10px;background:#f8fafc;border:1px solid var(--border)}.rhetoric-excerpt{margin:0 0 .5rem;font-size:1.05rem}.rhetoric-device{margin:0 0 .35rem;font-weight:700;color:var(--primary);font-size:.875rem}.activities-preview{display:grid;gap:.75rem}.activity-preview-card{padding:.75rem;border-radius:10px;background:#f8fafc;border:1px solid var(--border)}.activity-preview-meta{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;color:var(--muted)}.activity-preview-meta span{padding:.15rem .45rem;border-radius:6px;background:#e2e8f0}.activity-options{margin:.5rem 0 0;padding-inline-start:1.25rem}.assign-model-summary{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);margin-bottom:1.25rem}.assign-model-title{margin:0 0 .25rem;font-family:var(--font-reading);font-size:1.2rem}.assign-model-meta{margin:0;color:var(--muted);font-size:.875rem}.assign-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;margin-bottom:1.25rem}.field-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--muted)}.form-group-checkbox{display:flex;align-items:center}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.assign-target{border:1px solid var(--border);border-radius:10px;padding:1rem;margin:0 0 1.25rem}.assign-target legend{padding:0 .35rem;font-weight:700}.assign-mode-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.assign-mode-tab{padding:.45rem .9rem;border:1px solid var(--border);border-radius:8px;background:#f8fafc;cursor:pointer;font-weight:600}.assign-mode-tab.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.student-picker{display:grid;gap:1rem}.student-picker-group h3{margin:0 0 .5rem;font-size:.95rem}.student-picker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.35rem}.group-preview{margin-top:.75rem;padding:.75rem;border-radius:8px;background:#f8fafc;border:1px solid var(--border)}.group-preview h3{margin:0 0 .5rem;font-size:.9rem}.group-preview-list{margin:0;padding-inline-start:1.25rem;color:var(--muted);font-size:.9rem}.assign-form-actions{display:flex;justify-content:flex-end;gap:.75rem}.assignments-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.assignments-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.9rem}.assignments-table th,.assignments-table td{padding:.85rem 1rem;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}.assignments-table th{background:#f8fafc;font-weight:700;color:var(--muted);font-size:.8rem}.assignments-table tbody tr:last-child td{border-bottom:none}.assignment-title-cell{display:grid;gap:.15rem}.assignment-lesson-meta{color:var(--muted);font-size:.8rem}.status-badge{display:inline-flex;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.status-open{background:#dcfce7;color:#166534}.status-closed{background:#f1f5f9;color:#475569}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fef2f2;color:#b91c1c}.table-actions{display:flex;flex-wrap:wrap;gap:.35rem}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-danger:hover:not(:disabled){background:#fecaca}.ltr-cell{text-align:left}.link-button{border:none;background:none;color:var(--primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:1000}.modal-card{width:100%;max-width:480px;background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 40px #0f172a26}.modal-card-wide{max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--muted)}.modal-form{padding:1.25rem}.modal-form .form-grid{grid-template-columns:1fr;gap:.85rem;margin-bottom:.85rem}.modal-form .form-group{margin-bottom:0}.modal-form .form-group:last-child{margin-bottom:0}.student-picker-panel{margin-top:.35rem}.student-picker-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.student-picker-panel-header label{display:block;margin:0;font-weight:600;font-size:.92rem}.student-picker-count{font-size:.8rem;color:var(--muted);font-weight:600}.student-picker-list-modal{display:flex;flex-direction:column;gap:.4rem;max-height:240px;overflow-y:auto;padding:.5rem;border:1px solid var(--border);border-radius:10px;background:#f8fafc;list-style:none;margin:0}.student-picker-list-modal li{margin:0}.student-option-row{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;margin:0;font-weight:500}.student-option-row:hover{border-color:#cbd5e1}.student-option-row.is-selected{border-color:#93c5fd;background:#eff6ff}.student-option-row input{width:1rem;height:1rem;margin:0;flex-shrink:0;accent-color:var(--primary)}.student-option-label{flex:1;font-weight:500;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.table-link{color:var(--text);font-weight:700;text-decoration:none}.table-link:hover{color:var(--primary);text-decoration:underline}.join-code{display:inline-block;padding:.2rem .5rem;border-radius:6px;background:#f1f5f9;font-family:ui-monospace,monospace;font-size:.85rem;letter-spacing:.05em}.join-code-lg{font-size:1.25rem;padding:.45rem .75rem}.join-code-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.add-student-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.add-student-row select{flex:1;min-width:200px;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;background:#fff}.group-detail-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.group-detail-header h1{margin:0 0 .35rem}.panel-section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.panel-section-header h2{margin:0 0 .25rem}.results-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.summary-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);text-align:center}.summary-value{font-size:1.5rem;font-weight:700}.summary-label{font-size:.8rem;color:var(--muted)}.summary-sub{font-size:.72rem;color:var(--muted)}.summary-card-highlight{border-color:#fbbf24;background:#fffbeb}.summary-card-highlight .summary-value{color:#b45309}.school-dashboard-stats{display:flex;flex-direction:column;gap:1.25rem}.school-dashboard-stats-compact{gap:1rem}.dashboard-stat-section{padding:1.25rem;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.dashboard-stat-section-compact{padding:0;border:none;background:transparent}.dashboard-stat-section-title{margin:0 0 .75rem;font-size:1rem}.dashboard-stat-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.dashboard-pending-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.dashboard-pending-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:10px;background:#fffbeb}.dashboard-pending-meta{display:block;margin-top:.15rem;font-size:.8rem;color:var(--muted)}.dashboard-groups-list{margin:0}.dashboard-groups-block{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.dashboard-groups-empty{margin:1rem 0 0}.dashboard-assignments-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-assignments-grid .summary-card{padding:.85rem .5rem}.dashboard-assignments-grid .summary-value{font-size:1.35rem}.dashboard-assignments-grid .summary-label{font-size:.75rem}@media(max-width:900px){.dashboard-assignments-grid{grid-template-columns:repeat(6,minmax(96px,1fr));overflow-x:auto;padding-bottom:.25rem}}.student-status-assigned{background:#f1f5f9;color:#475569}.student-status-reading{background:#dbeafe;color:#1e40af}.student-status-reading_complete{background:#fef3c7;color:#92400e}.student-status-submitted{background:#dcfce7;color:#166534}.score-pill{padding:.5rem 1rem;border-radius:999px;background:#eff6ff;color:var(--primary);font-weight:700}.score-pills{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.score-pill-pending{background:#fef3c7;color:#92400e}.score-pill-total{background:#dcfce7;color:#166534}.grading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.grading-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.grading-progress .grading-pending{font-size:.85rem}.grading-pending{color:#92400e;font-weight:600}.grading-done{color:#166534;font-weight:600}.submission-answers{display:grid;gap:.75rem}.answer-card{padding:1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.answer-card.is-correct{border-color:#86efac;background:#f0fdf4}.answer-card.is-wrong{border-color:#fca5a5;background:#fef2f2}.answer-card.needs-grading{border-color:#fcd34d;background:#fffbeb}.answer-card-meta{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;color:var(--muted)}.answer-value{margin:.5rem 0 0;padding:.65rem;border-radius:8px;background:#f8fafc}.grading-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:grid;gap:.75rem}.grade-points-fieldset{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.grade-points-fieldset legend{width:100%;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.grade-option{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.grading-form textarea{width:100%;resize:vertical;min-height:4rem}.saved-feedback{margin:0;font-size:.85rem}.assignment-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.assignment-card-link{text-decoration:none;color:inherit}.assignment-card-item{padding:1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);height:100%;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.35rem}.assignment-card-link:hover .assignment-card-item{border-color:#93c5fd;box-shadow:0 4px 12px #2563eb14}.assignment-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.assignment-card-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.assignment-card-title-link{text-decoration:none;color:inherit}.assignment-card-title-link:hover h2{color:var(--primary)}.assignment-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.65rem}.result-status-pending{background:#fef3c7;color:#92400e}.result-status-graded{background:#dcfce7;color:#166534}.result-stat-pending{background:#fffbeb;border-color:#fcd34d}.result-stat-graded{background:#f0fdf4;border-color:#86efac}.assignment-card-item h2{margin:0 0 .35rem;font-size:1.05rem;font-family:var(--font-reading)}.assignment-card-meta{margin:0;font-size:.85rem;color:var(--muted)}.assignment-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.assignment-steps{margin:0;padding-inline-start:1.25rem;line-height:2}.assignment-steps .is-done{color:#166534;font-weight:600}.read-page-actions,.training-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.activity-number{margin:0 0 .25rem;font-size:.8rem;color:var(--muted);font-weight:700}.activity-type-label{margin:0 0 .75rem;font-size:.85rem;color:var(--primary);font-weight:600}.activity-field{border:none;margin:0;padding:0}.activity-question{font-size:1.05rem;font-weight:600;margin-bottom:.75rem}.activity-options-list{display:grid;gap:.5rem}.activity-option{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:#fff}.activity-option.is-selected{border-color:#93c5fd;background:#eff6ff}.activity-option input{margin-top:.25rem;accent-color:var(--primary)}.activity-option-letter{font-weight:700;color:var(--primary);min-width:1.25rem}.activity-option-text{flex:1}.activity-tf-buttons{display:flex;gap:.75rem}.activity-tf-buttons .btn.is-selected{background:var(--primary);color:#fff;border-color:var(--primary)}.activity-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;resize:vertical;min-height:80px}.result-panel{text-align:center;padding:2.5rem 1.5rem;border-radius:16px;border:1px solid var(--border);background:var(--surface)}.result-success-icon{width:3rem;height:3rem;margin:0 auto 1rem;border-radius:50%;background:#dcfce7;color:#166534;display:grid;place-items:center;font-size:1.5rem;font-weight:700}.result-score{margin:1.25rem 0}.result-score-value{display:block;font-size:2rem;font-weight:700;color:var(--primary)}.result-score-label{display:block;color:var(--muted);font-size:.9rem;margin-top:.25rem}.result-submitted-at{margin:.5rem 0 1rem}.result-scores-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.25rem 0}.result-score-card{min-width:140px;padding:1rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:#f8fafc}.result-score-card-total{border-color:#86efac;background:#f0fdf4}.result-score-pending{color:#92400e}.result-hint{max-width:32rem;margin:0 auto 1.25rem}.student-result-answers{margin-top:1.25rem}.student-result-answers h2{margin:0 0 1rem}.student-feedback{margin:.75rem 0 0;padding:.65rem .75rem;border-radius:8px;background:#eff6ff;font-size:.9rem}@media(max-width:900px){.filter-search{grid-column:span 1}.app-shell{flex-direction:row}.app-sidebar-backdrop{position:fixed;inset:0;z-index:999;border:none;background:#0f172a73;cursor:pointer}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(280px,86vw);height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;z-index:1000;transform:translate(100%);transition:transform .22s ease;box-shadow:-8px 0 24px #0f172a2e;overflow:hidden}.app-sidebar.is-open{transform:translate(0)}.app-mobile-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.app-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}.app-menu-icon,.app-menu-icon:before,.app-menu-icon:after{display:block;width:1.1rem;height:2px;background:var(--text);border-radius:1px;position:relative}.app-menu-icon:before,.app-menu-icon:after{content:"";position:absolute;left:0}.app-menu-icon:before{top:-6px}.app-menu-icon:after{top:6px}.app-mobile-title{display:grid;gap:.1rem;min-width:0}.app-mobile-app-name{font-weight:700}.app-mobile-user{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.group-detail-header,.panel-section-header{flex-direction:column;align-items:stretch}.table-actions{flex-wrap:wrap}.model-hero h1{font-size:1.4rem;line-height:1.5}.score-pills{flex-wrap:wrap;width:100%}.grading-actions{flex-direction:column;align-items:stretch}.assignment-card-badges{max-width:100%}.assignment-card-top{flex-direction:column;align-items:flex-start}.read-page-actions,.assignment-detail-actions{flex-direction:column;align-items:stretch}.read-page-actions .btn,.assignment-detail-actions .btn,.page-header-actions{width:100%}.page-header-actions .btn{flex:1;min-width:fit-content}.join-code-row,.add-student-row{flex-direction:column;align-items:stretch}.add-student-row .btn{width:100%}}