body {
    font-family: 'Inter', sans-serif;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    /* align-items: center; Dihapus untuk memungkinkan scrolling */
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    
    /* --- PERBAIKAN DI SINI --- */
    /* Izinkan scrolling secara vertikal jika konten lebih tinggi dari layar */
    overflow-y: auto; 
    /* Beri sedikit jarak di atas dan bawah agar form tidak menempel di tepi layar */
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.modal-content {
    transition: transform 0.3s ease;
    /* Menambahkan margin-bottom agar ada jarak saat di-scroll sampai bawah */
    margin-bottom: auto;
}

.admin-view {
    background-color: #fffbeb;
}