.task-creation{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}input,select,textarea{padding:10px;font-size:1rem;width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}textarea{resize:vertical}button{background-color:#4caf50;color:#fff;border:none;border-radius:4px}button:hover{background-color:#45a049}#app{max-width:1200px;margin:20px auto;text-align:center}.task-content-edit,input[type=text]{width:100%;padding:8px;margin-top:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9}button{padding:10px;font-size:1rem;cursor:pointer}.task-columns{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-top:20px}.column{flex:1;min-width:250px;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.task-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;transition:opacity .3s ease;cursor:grab;display:flex;flex-direction:column;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.task-header h3{margin:0}.task-type-dropdown{padding:5px;font-size:1rem}.task-content-edit{margin-top:10px;width:100%;padding:8px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.delete-button{cursor:pointer;font-size:1.5rem;color:red}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;word-wrap:break-word;white-space:normal}@media (max-width:768px){.task-columns{flex-direction:column;align-items:center}.column{width:100%}}textarea.task-content-edit{width:100%;resize:none;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9}.task-footer{margin-top:10px}.task-type-button{padding:5px 10px;margin-right:5px;font-size:.9rem;cursor:pointer;border:none;border-radius:4px;background-color:#e0e0e0}.task-type-button:hover{background-color:#c5c5c5}.red-card{background-color:#f28b82}.green-card{background-color:#a8e6cf}.yellow-card{background-color:#fff176}