/* Custom CSS */
body {
    background-color: #f4f4f9; /* Light background for better contrast */
    color: #333;
}

.card {
    border: 1px solid #5f4b8b; /* Purple border */
    border-radius: 10px;
}

.card-header {
    background-color: #5f4b8b; /* Purple header background */
    color: #fff; /* White text */
    border-bottom: 1px solid #cc313d; /* Red border at the bottom */
}

.form-label {
    color: #5f4b8b; /* Purple label text */
}

.form-control {
    border: 1px solid #cc313d; /* Red border for inputs */
    border-radius: 5px;
}

.form-control:focus {
    border-color: #5f4b8b; /* Purple border on focus */
    box-shadow: 0 0 0 0.2rem rgba(95, 75, 139, 0.25); /* Purple shadow on focus */
}

.card-body {
    padding: 20px;
}

input[readonly] {
    background-color: #e9ecef; /* Light gray background for readonly inputs */
}