.student-progress{padding:24px;border:1px solid #cbdfea;border-radius:28px;background:linear-gradient(135deg,#fff,#f0f9ff);box-shadow:0 12px 35px #0c4a6e0c;color:#1e293b;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.student-progress h2{font-size:26px;font-weight:800;margin:0}.student-progress h3{font-size:18px;font-weight:750;margin:0 0 8px}.student-progress p{margin:8px 0}.sp-eyebrow{color:#0369a1;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sp-muted{color:#64748b;font-size:13px}.sp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.student-progress button,.student-progress select{font:inherit;min-height:42px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#334155;padding:8px 12px;max-width:100%}.student-progress button{cursor:pointer;font-weight:650}.student-progress button:hover{background:#e0f2fe}.student-progress :is(button,select,a,summary):focus-visible{outline:3px solid #0284c7;outline-offset:3px}
.sp-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.sp-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569;max-width:100%}.sp-filters a{color:#0369a1;font-weight:650;padding:8px 0}.sp-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.sp-scores article{border:1px solid #dbe7f1;border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:5px}.sp-scores span{font-size:13px;color:#475569}.sp-scores strong{font-size:30px;line-height:1.2;color:#0f172a}.sp-scores small{font-size:11px;color:#64748b}.sp-scores .sp-competency{background:#ecfdf5;border-color:#a7f3d0;grid-column:span 2}.sp-scores .sp-competency strong{color:#047857}.sp-formula{background:#eff6ff;border-radius:12px;padding:12px;color:#475569;font-size:12px}
.sp-guidance{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.sp-guidance article{background:#fff;border:1px solid #dbe7f1;border-radius:18px;padding:18px}.sp-guidance article:first-child h3{color:#047857}.sp-guidance article:last-child h3{color:#9a580b}.sp-guidance ul{padding-left:20px;list-style:disc}.sp-guidance li{margin:8px 0}.sp-empty{color:#64748b;background:#f8fafc;border-radius:12px;padding:14px}
.sp-section{margin-top:28px;border-top:1px solid #dbe7f1;padding-top:24px}.sp-timeline{margin:16px 0;display:grid;gap:10px}.sp-timeline article{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #bae6fd;padding:14px 16px;border-radius:12px}.sp-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#64748b}.sp-meta b{color:#334155}.sp-timeline p{white-space:pre-wrap}.sp-transaction{display:flex;align-items:start;justify-content:space-between;gap:16px}.sp-transaction strong{font-size:18px;white-space:nowrap;padding-top:6px}.sp-status{display:inline-block;border-radius:8px;background:#f1f5f9;padding:2px 8px;font-size:11px;color:#475569}.sp-status-pending{background:#fffbeb;color:#92400e}.sp-plus{color:#047857}.sp-minus{color:#be123c}.sp-xu-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.sp-xu-summary div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.sp-xu-summary span{display:block;font-size:12px;color:#64748b}.sp-xu-summary strong{font-size:22px}
.sp-table-wrap{overflow-x:auto;margin:14px 0;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.student-progress table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:520px}.student-progress th,.student-progress td{padding:12px;border-bottom:1px solid #e2e8f0}.student-progress th{background:#f8fafc;font-size:12px}.student-progress caption{text-align:left;padding:12px;font-weight:700}.student-progress td small{display:block;color:#64748b}.sp-exam-history{margin-top:20px}.sp-exam-history summary{cursor:pointer;font-weight:650;color:#0369a1}.sp-updated{margin-top:24px!important}
.sp-quick-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.sp-quick-scores article{background:#fff;border:1px solid #dbe7f1;border-radius:14px;padding:12px 16px}.sp-quick-scores span{display:block;font-size:12px;color:#64748b}.sp-quick-scores strong{font-size:24px;line-height:1.4}.sp-quick-scores .sp-quick-competency{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.sp-latest-comment{border-left:3px solid #7dd3fc;padding:8px 14px;background:#fff;border-radius:10px}.sp-latest-comment p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;font-size:13px}.student-progress .sp-toggle-primary{background:#0369a1;color:#fff;border-color:#0369a1}.student-progress .sp-toggle-primary:hover{background:#075985}.sp-header-actions{display:flex;gap:8px;flex-wrap:wrap}.sp-toggle-bottom{margin-top:12px}
@media(max-width:640px){.sp-quick-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-quick-scores article{padding:10px 12px}.sp-quick-scores strong{font-size:22px}.sp-header-actions{width:100%}.sp-header-actions button{flex:1 1 140px}.sp-toggle-bottom{width:100%}}
@media(max-width:640px){.student-progress{padding:16px;border-radius:20px}.student-progress h2{font-size:23px}.sp-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-scores article{padding:12px}.sp-guidance{grid-template-columns:1fr}.sp-xu-summary{grid-template-columns:1fr}.sp-xu-summary div{display:flex;justify-content:space-between;gap:12px;align-items:center}.sp-transaction{gap:10px}.sp-transaction strong{font-size:16px}.sp-filters label{flex:1 1 140px;min-width:0}.sp-heading>button{width:100%}}