/* ✅ Căn giữa toàn bộ */
body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #f3f4f6;
  margin: 0;
  padding: 0;
}

/* ✅ Làm mượt khi scroll */
html {
  scroll-behavior: smooth;
}

/* ✅ Thanh cuộn mảnh và ẩn trên Chrome */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* ✅ Hover cho bảng */
tr:hover td {
  background-color: #f0f9ff;
}

/* ✅ Responsive cho biểu đồ nhỏ lại trên mobile */
@media (max-width: 768px) {
  canvas {
    max-width: 100%;
    height: auto !important;
  }
}

/* ✅ Hiệu ứng chữ cảnh báo */
#alertBox {
  animation: pulseAlert 1s infinite alternate;
}

@keyframes pulseAlert {
  0% { opacity: 0.6; }
  100% { opacity: 1; }
}