body{margin:0;font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;justify-content:center;padding-top:60px}.app{background:#fff;padding:30px;border-radius:12px;width:420px;box-shadow:0 10px 30px #00000040}.title{text-align:center;margin-bottom:20px}.input-section{display:flex;gap:10px;margin-bottom:15px}input[type=text]{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc}button{padding:8px 12px;border-radius:6px;border:none;cursor:pointer;color:#fff;font-weight:700;transition:.2s ease}button:hover{transform:scale(1.05)}.add-btn{background:#4caf50}.update-btn{background:#ff9800}.edit-btn{background:#2196f3;margin-right:5px}.delete-btn{background:#f44336}.filters{display:flex;justify-content:space-between;margin-bottom:15px}.filters button{background:#555}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee;transition:.2s ease}.todo-item:hover{background:#f9f9f9}.todo-item.completed span{text-decoration:line-through;color:gray}.left{display:flex;align-items:center;gap:8px}