/* ===== To-Do List Styles ===== */
.todo-page.lightMode {
    background-color: #f8f9fa;
    color: #212529;
}

.todo-page.darkMode {
    background-color: #212529;
    color: #f8f9fa;
}

.todo-table td,
.todo-table th {
    vertical-align: middle;
}

.todo-delete-btn {
    cursor: pointer;
    color: white;
    background-color: #dc3545;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
}

.todo-delete-btn:hover {
    background-color: #c82333;
}

.todo-warning {
    color: red;
    visibility: hidden;
}

.todo-form-wrapper {
    margin-top: 20px;
}