/* General styles */
body { 
    font-family: Arial, sans-serif; 
    line-height: 1.6; 
}

/* Login form styles */
.login-form { 
    max-width: 300px; 
    margin: 0 auto; 
}

.login-form input { 
    width: 100%; 
    padding: 10px; 
    margin-bottom: 10px; 
}

.login-form button { 
    width: 100%; 
    padding: 10px; 
}

/* Task status styles */
.task-status { 
    font-weight: bold; 
    margin-top: 20px; 
}

/* History list styles */
.history-list { 
    list-style-type: none; 
    padding: 0; 
    max-height: 300px; 
    overflow-y: auto; 
}

.history-list li { 
    background: #f4f4f4; 
    margin: 5px 0; 
    padding: 10px; 
    border-radius: 5px; 
}

/* Add to your existing styles */
.flash-message {
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    text-align: center;
}

.flash-message.error {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.flash-message.success {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}