fix ui

management/src/components/AttendancePanel.tsx

@@ -272,10 +272,14 @@ export const AttendancePanel: React.FC<AttendancePanelProps> = ({ classId }) =>
         </span>
       </div>
 
-      <p className="schedule-hint" style={{ margin: 0 }}>
+      <p className="schedule-hint" style={{ margin: '0 0 8px 0' }}>
         Sửa trạng thái thủ công sẽ được khóa — hệ thống tự tính sẽ không ghi đè.
       </p>
 
+      <div style={{ padding: '0.65rem 0.85rem', background: '#fef3c7', border: '1px solid #fcd34d', borderRadius: '4px', color: '#92400e', fontSize: '0.82rem', display: 'flex', alignItems: 'center', gap: '0.35rem', margin: '4px 0 10px 0', lineHeight: '1.4' }}>
+        💡 <strong>Lưu ý:</strong> Hệ thống hiện tại chỉ ghi nhận điểm danh học tập nội bộ và <strong>KHÔNG tự động lưu lên QLĐT</strong>. Thầy cô vui lòng kiểm tra kỹ trạng thái của sinh viên, sau đó bấm nút <strong>Đẩy QLĐT</strong> ở góc phải bên trên để đồng bộ điểm danh chính thức.
+      </div>
+
       {selectedStudentRkIds.length > 0 && (
         <div className="attendance-bulk-actions">
           <span className="attendance-bulk-title">

management/src/index.css

@@ -2207,6 +2207,10 @@ input:checked + .slider:before {
   filter: brightness(0.97);
 }
 
+.attendance-table td {
+  padding: 0.5rem 1rem !important;
+}
+
 .attendance-student-name {
   font-weight: 700;
   font-size: 0.88rem;
@@ -2233,9 +2237,10 @@ input:checked + .slider:before {
 }
 
 .attendance-online-unit {
-  display: block;
-  font-size: 0.68rem;
+  display: inline;
+  font-size: 0.72rem;
   color: var(--text-muted);
+  margin-left: 3px;
 }
 
 .attendance-status-cell {