/* <style> */
    body {
        /* Properti background digabung agar lebih ringkas */
        background: url('gambar2.jpg') no-repeat center center fixed;
        background-size: cover;
    }
    .content {
        background-color: rgba(255, 255, 255, 0.429); /* Transparansi ditambah agar blur terlihat */
        backdrop-filter: blur(0.5px); /* Menambahkan efek blur pada background */
        padding: 20px;
        border-radius: 10px;
    }

/* Style untuk navbar kustom */
.navbar-custom {
    /* Latar belakang hitam dengan 70% opacity */
    background-color: rgba(0, 0, 0, 0.7) !important; 
    backdrop-filter: blur(5px); /* Efek blur (opsional, modern) */
}

/* Style untuk card di dashboard agar transparan */
.dashboard-box .card {
    background-color: rgba(255, 255, 255, 0.5) !important; /* Latar belakang semi-transparan */
    backdrop-filter: blur(5px); /* Efek blur yang sama dengan navbar */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Border tipis untuk definisi */
}

/* Style agar form input transparan */
.content .form-control,
.content .form-select {
    background-color: rgba(255, 255, 255, 0.6); /* Latar belakang putih semi-transparan */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Border lebih terang */
    color: #333; /* Warna teks agar tetap terbaca */
}

.content .form-control:focus,
.content .form-select:focus {
    background-color: rgba(255, 255, 255, 0.8); /* Sedikit lebih solid saat dipilih */
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: none; /* Menghilangkan shadow default dari bootstrap */
}

/* Style untuk table agar transparan */
.content .table {
    /* Menggunakan variabel Bootstrap untuk menimpa warna latar belakang */
    --bs-table-bg: transparent; 
    --bs-table-striped-bg: rgba(255, 255, 255, 0.15); /* Warna untuk baris ganjil/genap */
    --bs-table-color: #212529; /* Warna teks di dalam tabel agar tetap gelap dan terbaca */
    border-color: rgba(0, 0, 0, 0.2); /* Warna border tabel */
}

/* Style untuk header tabel */
.content .table .table-dark {
    --bs-table-bg: rgba(0, 0, 0, 0.4); /* Latar belakang header semi-transparan */
    --bs-table-color: #fff; /* Warna teks header menjadi putih */
    --bs-table-border-color: rgba(255, 255, 255, 0.2); /* Warna border header */
}

/* Style untuk card mahasiswa */
.student-card {
    background-color: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.student-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.student-card .card-text i {
    margin-right: 8px;
    color: #0d6efd;
}

/* </style> */