.grade-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 18px}.grade-summary-card{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:14px;background:var(--card,#fff);display:flex;flex-direction:column;gap:4px;min-width:0}.grade-summary-card[role=button]{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.grade-summary-card[role=button]:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.08)}.grade-summary-card strong{font-size:26px;line-height:1}.grade-summary-card span{font-size:12px;color:var(--muted,#6b7280)}.grade-summary-eligible{border-top:3px solid #007AFF}.grade-summary-waiting_practice,.grade-summary-waiting_theory{border-top:3px solid #FF9500}.grade-summary-ready_to_lock{border-top:3px solid #AF52DE}.grade-summary-locked{border-top:3px solid #34C759}.grade-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grade-toolbar .search{min-width:240px;flex:1}.grade-toolbar select{min-width:170px}.grade-table-wrap{overflow-x:auto}.grade-table{min-width:1080px}.grade-table th,.grade-table td{vertical-align:top}.grade-edit-cell{display:flex;gap:8px;align-items:center;min-width:150px}.grade-input{width:82px;min-width:82px}.btn-small{padding:7px 10px;font-size:12px}.grade-waiting{display:inline-block;color:var(--muted,#6b7280);font-size:13px}.grade-score{display:inline-flex;align-items:center;justify-content:center;min-width:42px;font-weight:700;font-variant-numeric:tabular-nums}.grade-pass{color:#248A3D}.grade-fail{color:#FF3B30}.grade-score-large{font-size:26px;line-height:1.1}.grade-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef2f7;color:#475569}.grade-status-not_open{background:#f1f5f9;color:#64748b}.grade-status-waiting_both,.grade-status-waiting_practice,.grade-status-waiting_theory{background:#fff4e5;color:#b45309}.grade-status-ready_to_lock{background:#f4e8ff;color:#7e22ce}.grade-status-locked{background:#e8f8ed;color:#248A3D}.grade-audit{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:11px;color:var(--muted,#6b7280);min-width:170px}.grade-action-cell{text-align:center}.grade-lock-mark{font-size:18px}.grade-student-list{display:grid;gap:14px}.grade-student-card{overflow:hidden}.grade-student-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.grade-student-head h3{margin:0 0 4px}.grade-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grade-result-box{border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;background:#fff}.grade-result-box>span:first-child{font-size:12px;color:var(--muted,#6b7280)}.grade-result-total{background:#f8fafc}.grade-student-meta{margin-top:12px}.grade-dashboard-summary{margin:14px 0 18px}.grade-dashboard-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.grade-dashboard-head h3{margin:0 0 3px}@media(max-width:1100px){.grade-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.grade-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-result-grid{grid-template-columns:1fr}.grade-dashboard-head,.grade-student-head{flex-direction:column;align-items:stretch}.grade-toolbar .search,.grade-toolbar select{min-width:100%;width:100%}}@media(max-width:420px){.grade-summary-grid{grid-template-columns:1fr 1fr}.grade-summary-card{padding:12px}.grade-summary-card strong{font-size:22px}}