body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f2f5; /* Light gray background */
        }

        /* Bootstrap's .container class should handle this, but as a fallback: */
        .container-custom-fallback {
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
        }

.container {
    max-width: 900px; /* Increased max-width for better layout */
    background-color: #ffffff;
    border-radius: 12px; /* More pronounced rounded corners */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); /* Softer, more spread shadow */
}

h1.text-primary {
    color: #0d6efd !important; /* Ensure Bootstrap primary color is used */
}

legend {
    font-weight: 600; /* Bolder legend text */
    color: #495057; /* Slightly darker legend color */
}

.form-label {
    font-weight: 500; /* Medium weight for labels */
}

.form-control, .form-select {
    border-radius: 0.375rem; /* Standard Bootstrap rounding */
}

.crew-member-row {
    background-color: #f8f9fa; /* Light background for crew rows */
    border: 1px solid #dee2e6;
    border-radius: 0.5rem; /* Rounded corners for crew rows */
    transition: box-shadow 0.2s ease-in-out;
}

.crew-member-row:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


.crew-member-title {
    color: #343a40;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem !important; /* Ensure spacing */
}

#totalCost {
    color: #198754; /* Bootstrap success green */
    font-size: 1.5rem; /* Larger total cost display */
}

.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-success {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.btn-danger {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Responsive adjustments if needed */
@media (max-width: 768px) {
    .container {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 20px;
    }
    h1 {
        font-size: 1.75rem;
    }
}

        .attendee-row { /* Using a more specific name if .crew-member-row was too generic */
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 0.5rem;
            /* Padding and margin will be applied by Bootstrap classes or within the row itself */
        }
        .attendee-title {
            color: #343a40;
            border-bottom: 1px solid #ced4da;
            padding-bottom: 0.5rem;
            margin-bottom: 1rem; /* Added for spacing */
        }
        #totalCost {
            color: #198754; /* Bootstrap success green */
            font-size: 1.5rem;
        }

.attendee-row:nth-child(even) {
    background-color: #f8f9fa91; /* A light grey color */
}