/* Dark mode styles */
body {
    background-color: #121212;
    /* Dark background */
    color: #e0e0e0;
    /* Light text color */
    font-family: 'Arial', sans-serif;
}

.card {
    background-color: #1e1e1e;
    /* Dark card background */
    color: #e0e0e0;
    /* Light text */
    border: 1px solid #333;
    /* Border for the card */
}

.card-title {
    color: #ffffff;
    /* White card title */
}

.form-label {
    color: #e0e0e0;
    /* Light form label color */
}

.form-control {
    background-color: #333333;
    /* Dark input background */
    color: #e0e0e0;
    /* Light input text */
    border: 1px solid #555555;
    /* Input border color */
}

.form-control::placeholder {
    color: #999999;
    /* Placeholder text color */
}

.btn-primary {
    background-color: #007bff;
    /* Primary button color */
    border-color: #007bff;
    /* Button border color */
}

.btn-primary:hover {
    background-color: #0056b3;
    /* Hover state */
    border-color: #0056b3;
}

.errorlist {
    color: #ff6b6b;
    /* Red color for error text */
}

a {
    color: #007bff;
    /* Link color */
}

a:hover {
    color: #0056b3;
    /* Hover state for links */
}