#m-student-performance-report{
  --spr-bg:#07131f;--spr-panel:#0d2230;--spr-panel2:#112c3a;--spr-line:rgba(148,211,202,.18);--spr-text:#f3fbfa;--spr-muted:#9eb5b2;--spr-primary:#17bfa4;--spr-danger:#ff7480;
  z-index:2147481700;background:rgba(2,8,13,.84);backdrop-filter:blur(14px);color:var(--spr-text);font-family:var(--se-font-ui,"Tajawal","Space Grotesk",sans-serif)
}
html[data-theme="light"] #m-student-performance-report,body[data-theme="light"] #m-student-performance-report,#app[data-theme="light"] #m-student-performance-report,#m-student-performance-report[data-theme="light"]{--spr-bg:#f4f8fa;--spr-panel:#fff;--spr-panel2:#f7fafb;--spr-line:#d9e4e7;--spr-text:#15202b;--spr-muted:#647481;--spr-primary:#0e9d88;--spr-danger:#dc5260;background:rgba(71,85,105,.42)}
.se-student-report-shell{width:min(1500px,calc(100vw - 24px));height:min(940px,calc(100dvh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--spr-line);border-radius:24px;background:var(--spr-bg);box-shadow:0 28px 90px rgba(0,0,0,.34)}
.se-student-report-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid var(--spr-line);background:linear-gradient(180deg,var(--spr-panel),var(--spr-bg))}.se-student-report-heading{min-width:0;display:flex;align-items:center;gap:12px}.se-student-report-heading>div{min-width:0}.se-student-report-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(23,191,164,.3);border-radius:14px;background:rgba(23,191,164,.1);color:var(--spr-primary)}.se-student-report-heading small{display:block;color:var(--spr-primary);font-size:.55rem;font-weight:900}.se-student-report-heading h2{margin:3px 0 0;overflow:hidden;color:var(--spr-text);font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.se-student-report-heading p{margin:3px 0 0;color:var(--spr-muted);font-size:.6rem}.se-student-report-close{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid var(--spr-line);border-radius:13px;background:var(--spr-panel2);color:var(--spr-text);cursor:pointer}
.se-student-report-body{min-height:0;display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr)}.se-student-report-controls{min-width:0;overflow:auto;padding:15px;border-inline-end:1px solid var(--spr-line);background:var(--spr-panel)}.se-student-report-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.se-student-report-control-grid label{min-width:0;display:grid;gap:6px;color:var(--spr-muted);font-size:.58rem;font-weight:900}.se-student-report-control-grid input,.se-student-report-control-grid select{width:100%;min-width:0;min-height:43px;padding:0 10px;border:1px solid var(--spr-line)!important;border-radius:12px!important;outline:0;background:var(--spr-panel2)!important;color:var(--spr-text)!important;-webkit-text-fill-color:var(--spr-text)!important;font:750 .68rem var(--se-font-ui)!important}.se-student-report-subject-card{margin-top:12px;padding:12px;border:1px solid var(--spr-line);border-radius:15px;background:var(--spr-panel2)}.se-student-report-subject-card>div:first-child strong{display:block;color:var(--spr-text);font-size:.67rem}.se-student-report-subject-card>div:first-child small{display:block;margin-top:4px;color:var(--spr-muted);font-size:.53rem;line-height:1.5}.se-student-report-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;max-height:220px;overflow:auto}.se-student-report-subject{min-width:0;display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--spr-line);border-radius:11px;background:rgba(148,163,184,.05);cursor:pointer}.se-student-report-subject input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--spr-primary)}.se-student-report-subject span{min-width:0;overflow:hidden;color:var(--spr-text);font-size:.58rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.se-student-report-loading,.se-student-report-no-subjects{grid-column:1/-1;padding:12px;color:var(--spr-muted);font-size:.6rem;text-align:center}.se-student-report-command-row{display:grid;gap:8px;margin-top:12px}.se-student-report-btn{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--spr-line);border-radius:12px;background:var(--spr-panel2);color:var(--spr-text);font:900 .63rem var(--se-font-ui);cursor:pointer}.se-student-report-btn.primary{border-color:rgba(23,191,164,.38);background:linear-gradient(135deg,var(--spr-primary),#087b6b);color:#fff}.se-student-report-btn:disabled{opacity:.45;cursor:not-allowed}.se-student-report-btn[aria-busy="true"] i{animation:sprspin .8s linear infinite}@keyframes sprspin{to{transform:rotate(360deg)}}.se-student-report-status{min-height:0;margin-top:10px;color:var(--spr-primary);font-size:.6rem;font-weight:800}.se-student-report-status:not(:empty){padding:9px 10px;border:1px solid rgba(23,191,164,.25);border-radius:11px;background:rgba(23,191,164,.08)}.se-student-report-status.error{color:var(--spr-danger);border-color:rgba(255,116,128,.3);background:rgba(255,116,128,.08)}
.se-student-report-preview{min-width:0;overflow:auto;padding:18px;background:#e8eef0}.se-student-report-empty{min-height:100%;display:grid;place-content:center;justify-items:center;gap:11px;color:#60727b;text-align:center}.se-student-report-empty i{font-size:1.5rem;color:#0e9d88}.se-student-report-empty strong{font-size:.75rem}
/* Report preview; printing uses the same geometry in the isolated print frame. */
.se-student-report-preview .spr-report{width:min(1100px,100%);margin:0 auto;padding:28px;background:#fff;color:#17212b;font-family:"Tajawal","Space Grotesk",Arial,sans-serif;box-shadow:0 18px 50px rgba(29,49,59,.12)}.se-student-report-preview .spr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid #dbe5e7;border-radius:22px;background:linear-gradient(135deg,#f4fbfa,#eef6f7)}.se-student-report-preview .spr-brand{display:flex;gap:14px;align-items:center}.se-student-report-preview .spr-brand>img,.se-student-report-preview .spr-brand>span{width:64px;height:64px;object-fit:contain;display:grid;place-items:center;border-radius:17px;background:#0e9d88;color:#fff;font-size:28px;font-weight:900}.se-student-report-preview .spr-brand b{font-size:13px;color:#0e7c6d}.se-student-report-preview .spr-brand h1{margin:4px 0;font-size:25px}.se-student-report-preview .spr-brand p,.se-student-report-preview .spr-id span{margin:0;color:#647481;font-size:12px}.se-student-report-preview .spr-id{text-align:end}.se-student-report-preview .spr-id strong{display:block;font-size:16px}.se-student-report-preview .spr-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.se-student-report-preview .spr-facts>div{padding:12px;border:1px solid #e0e8ea;border-radius:14px;background:#fafcfc}.se-student-report-preview .spr-facts span{display:block;color:#71808b;font-size:10px;font-weight:800}.se-student-report-preview .spr-facts strong{display:block;margin-top:5px;font-size:12px;overflow-wrap:anywhere}.se-student-report-preview .spr-section{margin-top:16px;padding:18px;border:1px solid #dfe8ea;border-radius:18px}.se-student-report-preview .spr-section h3{margin:0 0 13px;font-size:16px}.se-student-report-preview .spr-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.se-student-report-preview .spr-level{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2f3;color:#53646d;font-size:10px;font-weight:900}.se-student-report-preview .spr-level.good{background:#e4faf2;color:#087b55}.se-student-report-preview .spr-level.mid{background:#fff6d8;color:#8a6200}.se-student-report-preview .spr-level.low{background:#ffeaec;color:#b02c3a}.se-student-report-preview .spr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.se-student-report-preview .spr-kpi{padding:12px;border:1px solid #e1e9eb;border-radius:14px;background:#fbfdfd}.se-student-report-preview .spr-kpi>div:first-child{display:flex;justify-content:space-between;gap:8px}.se-student-report-preview .spr-kpi span{font-size:10px;color:#657780;font-weight:800}.se-student-report-preview .spr-kpi strong{font-size:13px}.se-student-report-preview .spr-meter{height:7px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e7edef}.se-student-report-preview .spr-meter i{display:block;height:100%;border-radius:inherit;background:#94a3b8}.se-student-report-preview .spr-kpi.good .spr-meter i{background:#16a36f}.se-student-report-preview .spr-kpi.mid .spr-meter i{background:#d49a08}.se-student-report-preview .spr-kpi.low .spr-meter i{background:#df5260}.se-student-report-preview .spr-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.se-student-report-preview .spr-counts>div{text-align:center;padding:12px;border-radius:14px;background:#f5f8f9}.se-student-report-preview .spr-counts strong{display:block;font-size:19px;color:#0e8f7b}.se-student-report-preview .spr-counts span{display:block;margin-top:4px;font-size:9px;color:#657780}.se-student-report-preview .spr-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.se-student-report-preview .spr-insight-grid article{padding:13px;border-radius:14px;background:#f7fafb}.se-student-report-preview .spr-insight-grid h4{margin:0 0 8px;font-size:12px}.se-student-report-preview .spr-insight-grid ul{margin:0;padding-inline-start:18px}.se-student-report-preview .spr-insight-grid li{margin:5px 0;font-size:11px;line-height:1.55}.se-student-report-preview .spr-coverage-note{margin:12px 0 0;padding:10px;border-inline-start:4px solid #0e9d88;background:#eff9f7;font-size:10px;line-height:1.6}.se-student-report-preview .spr-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.se-student-report-preview .spr-subject-grid>article{padding:13px;border:1px solid #e1e9eb;border-radius:14px}.se-student-report-preview .spr-subject-grid header{display:flex;justify-content:space-between;align-items:center;gap:8px}.se-student-report-preview .spr-submeta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:#6d7e86;font-size:9px}.se-student-report-preview .spr-notes{display:grid;gap:9px}.se-student-report-preview .spr-notes article{padding:12px;border-radius:13px;background:#f7fafb}.se-student-report-preview .spr-notes article>div{display:flex;justify-content:space-between;gap:10px}.se-student-report-preview .spr-notes strong{font-size:11px}.se-student-report-preview .spr-notes span{font-size:9px;color:#71808b}.se-student-report-preview .spr-notes p{margin:7px 0 0;font-size:11px;line-height:1.6}.se-student-report-preview .spr-table-wrap{overflow:auto}.se-student-report-preview table{width:100%;border-collapse:collapse;font-size:9px}.se-student-report-preview th,.se-student-report-preview td{padding:8px;border:1px solid #e1e8ea;text-align:start;vertical-align:top}.se-student-report-preview th{background:#f0f6f6;color:#34515a}.se-student-report-preview .spr-no-data{display:flex;gap:9px;align-items:center;padding:14px;border-radius:14px;background:#fff5dc;color:#765700}.se-student-report-preview .spr-report footer{margin-top:18px;padding-top:12px;border-top:1px solid #dfe8ea;color:#71808b;font-size:9px;text-align:center}
@media(max-width:1050px){.se-student-report-body{grid-template-columns:330px minmax(0,1fr)}.se-student-report-preview .spr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.se-student-report-preview .spr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.se-student-report-preview .spr-insight-grid{grid-template-columns:1fr}}
@media(max-width:760px){.se-student-report-shell{width:100vw;height:100dvh;border-radius:0;border-inline:0}.se-student-report-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.se-student-report-controls{max-height:46dvh;border-inline-end:0;border-bottom:1px solid var(--spr-line)}.se-student-report-preview{padding:9px}.se-student-report-preview .spr-report{padding:14px}.se-student-report-preview .spr-header{display:grid}.se-student-report-preview .spr-id{text-align:start}.se-student-report-preview .spr-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.se-student-report-preview .spr-subject-grid{grid-template-columns:1fr}}
@media(max-width:430px){.se-student-report-control-grid{grid-template-columns:1fr}.se-student-report-subjects{grid-template-columns:1fr}.se-student-report-heading small{display:none}.se-student-report-preview .spr-kpis{grid-template-columns:1fr}.se-student-report-preview .spr-facts{grid-template-columns:1fr}}