/* =========================================
   GIAO DIỆN CHUYÊN NGHIỆP - HỒ MINH NAM
========================================= */

/* Tùy chỉnh thanh cuộn thanh lịch */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Hiệu ứng Glassmorphism (Kính mờ trong suốt) */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

/* Hiệu ứng nổi 3D mượt mà cho Thẻ/Nút bấm */
.hover-float {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.hover-float:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px -5px rgba(59, 130, 246, 0.15), 0 8px 10px -6px rgba(59, 130, 246, 0.1);
}

/* Hiệu ứng xuất hiện mềm mại */
.animate-fade-in-up { 
    animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Tùy chỉnh bảng dữ liệu mượt hơn */
.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}