:root {
    --primary-color: #1e88e5; /* Xanh dương */
    --secondary-color: #f5f5f5; /* Nền trắng */
}

body {
    font-family: 'Arial', sans-serif;
    background-color: var(--secondary-color);
}

.ads-banner {
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    text-align: center;
}

/* Mobile responsive */
@media (max-width: 768px) {
    header nav ul {
        flex-direction: column;
    }
}
/* Admin sidebar */
.admin-sidebar {
    z-index: 1000;
}

/* Main content khi có sidebar */
.has-admin-sidebar main {
    margin-left: 250px;
    padding: 20px;
}

/* Responsive */
@media (max-width: 992px) {
    .admin-sidebar {
        width: 100%;
        position: static;
        min-height: auto;
    }
    .has-admin-sidebar main {
        margin-left: 0;
    }
}
.swal2-popup {
    font-family: 'Arial', sans-serif;
}
.swal2-title {
    color: #1e88e5 !important;
}
.swal2-confirm {
    background-color: #1e88e5 !important;
}
.login-card {
    animation: fadeIn 0.5s ease-in-out;
}
.logo:hover {
    transform: scale(1.05);
}
/* Trong file style.css */
@media (max-width: 768px) {
    .user-info .dropdown-menu {
        position: static !important;
        transform: none !important;
    }
    
    .package-card {
        margin-bottom: 1rem;
    }
    
    .bank-info {
        font-size: 0.9rem;
    }
    
    #checkPaymentBtn {
        width: 100%;
        margin-bottom: 1rem;
    }
}