@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.0/sweetalert2.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
/* public/css/styles.css */

/* Thêm nền trắng cho toàn bộ phần login */
body {
    background-color: #f4f4f4; /* Nền trắng nhạt cho toàn trang */
}

.row {
    background-color: #ffffff; /* Nền trắng cho phần login */
    border-radius: 10px; /* Góc bo tròn cho phần form */
    padding: 20px; /* Thêm padding cho phần form */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); /* Thêm bóng đổ nhẹ */
}

.card {
    border-radius: 10px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.card-body {
    padding: 3rem;
}

/* Các style khác của button và form như trước */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.form-control {
    border-radius: 10px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.text-muted {
    font-size: 0.9rem;
}

.text-primary {
    color: #007bff !important;
}

.text-center {
    text-align: center;
}

.text-light {
    color: #f8f9fa;
}

.text-danger {
    color: #dc3545;
}