.page-shell{--radius-lg:18px;--radius-md:12px;--line:#dce7e5;color:#193b39;max-width:1240px;padding-inline:clamp(16px,4vw,40px);line-height:1.65}.page-shell :is(main,section,article,form,fieldset,nav,.grid-auto,.section-head>div){min-width:0}.page-shell :is(h1,h2,h3,p,strong,small,td){overflow-wrap:anywhere}.page-shell .hero-card{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:0;box-shadow:none;background:#f1f8f6;padding:clamp(22px,4vw,36px)}.page-shell .hero-card__illustration{opacity:.12}.page-shell .hero-card h1{font-size:clamp(25px,3.5vw,38px);line-height:1.5}.page-shell .hero-card p{color:#476563;max-width:65ch}.page-shell :is(.card,.submission-card,.table-card,.student-hero-panel,.teacher-action-panel){border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 3px 14px #17413b08}.page-shell :is(.primary-button,.secondary-button,.ghost-link,.nav-link,.next-action-chip,.auth-mode-option){border-radius:12px;justify-content:center;min-height:44px}.page-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-height:46px;font:inherit;border-radius:12px}.page-shell :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #167b72}.page-shell .section-head{gap:16px}.page-shell .badge{white-space:normal;padding:5px 12px;line-height:1.5}.page-shell .teacher-table tbody tr:hover{box-shadow:none;background:#f3f8f7}.page-shell .teacher-table td{vertical-align:top}.page-shell .teacher-table-meta{color:#506b68;margin-top:5px;line-height:1.8}.page-shell .class-context{border:1px solid var(--line);background:#f8fbfa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-block-end:20px;padding:16px 20px;display:flex}.page-shell .class-tabs{flex-wrap:wrap;gap:8px;margin-block:20px;display:flex}.page-shell .class-tabs a{min-width:70px;text-decoration:none}.page-shell .class-tabs [aria-current=page]{color:#fff;background:#175f58;border-color:#175f58}.page-shell .subject-accent--arabic{--subject-color:#28635a;--subject-soft:#edf6f2}.page-shell .table-pagination{flex-wrap:wrap;gap:12px}.page-shell .filter-check-option{min-height:48px}.page-shell .table-empty-cell{text-align:center;padding:32px 20px}.page-shell .loading-state{background:#f1f8f6;border-radius:16px;padding:28px}@media (max-width:900px){.page-shell .topbar{flex-wrap:wrap;gap:16px}.page-shell .nav-grid{flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-shell .nav-link{flex:auto}.page-shell .table-scroll .teacher-table{width:100%;min-width:0;display:block}.page-shell .table-scroll .teacher-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.page-shell .table-scroll .teacher-table tbody{gap:12px;padding:12px;display:grid}.page-shell .table-scroll .teacher-table tr{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr);width:100%;padding:12px;display:grid}.page-shell .table-scroll .teacher-table td{text-align:start;border:0;width:100%;padding:9px 4px;display:block}.page-shell .table-scroll .teacher-table td[data-label]:before{content:attr(data-label);color:#607874;margin-bottom:4px;font-size:.8rem;display:block}.page-shell .table-scroll .teacher-row-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.page-shell .table-scroll .teacher-row-actions a{flex:1}.page-shell .filter-panel{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.page-shell{padding-inline:14px}.page-shell .hero-card{padding:20px}.page-shell .section-head{flex-wrap:wrap}.page-shell .class-context{flex-direction:column;align-items:flex-start;gap:6px}.page-shell .filter-check-list{grid-template-columns:minmax(0,1fr)}.page-shell .teacher-action-card{min-width:0;padding:12px}}.page-shell .hero-card h1{color:#193b39}.page-shell[dir=rtl] .auth-tabs{direction:rtl}.page-shell .student-hero-panel{background:#fff}.page-shell .student-hero-panel :is(.student-hero-copy h2,.student-hero-stats strong,.student-next-step strong){color:#193b39}.page-shell .student-hero-panel :is(.student-hero-copy p,.student-hero-stats span,.student-next-step span,.student-next-step small){color:#506b68}.page-shell .student-hero-panel :is(.student-hero-stats div,.student-next-step){border-color:var(--line);box-shadow:none;background:#f4f9f7}@media (max-width:520px){.page-shell .student-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page-shell .student-hero-stats div{padding:10px 8px}.page-shell .student-hero-stats span{font-size:.75rem}}