.task-item{display:flex;align-items:center;padding:10px;border:1px solid #eee;border-radius:5px;background-color:#f9f9f9}.task-item.completed{text-decoration:line-through;color:#888}.task-item.overdue{background-color:#ffe6e6;border-color:#fcc}.task-item input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.task-details{flex-grow:1;display:flex;flex-direction:column}.task-details span{font-size:16px;color:#333}.task-deadline{font-size:12px;color:#666;margin-top:2px}.task-item.completed .task-deadline{color:#888}.App{font-family:sans-serif;padding:20px}h1{color:#333;margin-bottom:20px}.new-task-form{display:flex;gap:10px;margin-bottom:20px}.new-task-form input[type=text]{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:4px}.new-task-form input[type=date]{padding:8px;border:1px solid #ddd;border-radius:4px}.new-task-form button{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.new-task-form button:hover{background-color:#0056b3}.task-list{display:flex;flex-direction:column;gap:10px}