body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5}.app{max-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.controls{display:flex;gap:10px;margin-bottom:20px}.task-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.task-list{display:flex;flex-direction:column;gap:10px}.task{display:flex;align-items:center;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.task.completed{background-color:#f0f0f0;text-decoration:line-through}.task-details{flex:1;margin-left:10px}button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}input,textarea,select{padding:8px;border:1px solid #ddd;border-radius:4px}