body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f9}.todo-container{max-width:600px;margin:50px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.todo-title{text-align:center;color:#4caf50;margin-bottom:20px}.todo-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.todo-input,.todo-search,.todo-edit-input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.todo-add-btn,.todo-edit-btn,.todo-delete-btn,.todo-save-btn{padding:10px 15px;font-size:14px;border:none;border-radius:5px;cursor:pointer}.todo-add-btn{background-color:#4caf50;color:#fff}.todo-add-btn:hover{background-color:#45a049}.todo-edit-btn{background-color:#2196f3;color:#fff;margin-left:10px}.todo-edit-btn:hover{background-color:#1e88e5}.todo-delete-btn{background-color:#f44336;color:#fff;margin-left:10px}.todo-delete-btn:hover{background-color:#e53935}.todo-save-btn{background-color:#4caf50;color:#fff;margin-left:10px}.todo-save-btn:hover{background-color:#45a049}.todo-list{list-style:none;padding:0}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd}.todo-text{flex:1}