body {
    background-color: #f8f9fa;
}

.card {
    border-radius: 12px;
}

.card-header {
    border-radius: 12px 12px 0 0;
}

input:focus, select:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.btn-outline-danger:hover,
.btn-outline-primary:hover {
    opacity: 0.9;
}

.invalid-feedback {
    font-size: 0.875rem;
    display: none;
}

.is-invalid ~ .invalid-feedback {
    display: block;
}

@media (max-width: 600px) {
    .form-label {
        font-size: 14px;
    }

    .form-control, .form-select {
        font-size: 15px;
    }

    .btn {
        width: 100%;
    }
}
